@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body { color: #323232;}
#header-container { padding-top: 0;}
#footer-up { z-index: 99999;}
/* #page-wrapper { font-size: 78%; } */
#path, #gNavi ,.fgSitemap-inner, #footer-bottom { font-size: 15px; }

/*============================
common
============================*/

/* #contentsContainer_2015{ font-family: "noto"; font-size: 100%; background: url(../images/bg.jpg) center 0 no-repeat;} */
#contentsContainer_2015{ font-family: "noto"; font-size: 80%; background: url(../images/bg.jpg) center 0 no-repeat;}

@font-face {
font-family: "noto_l";
font-style: normal;
font-weight: 200;
    src: url('/svcsol/common/font/NotoSansCJKjp-Light.eot');
    src: url('/svcsol/common/font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
    url('/svcsol/common/font/NotoSansCJKjp-Light.woff') format('woff'),
    url('/svcsol/common/font/NotoSansCJKjp-Light.ttf')  format('truetype');
}

@font-face {
font-family: "noto";
font-style: normal;
font-weight: 200;
    src: url('/svcsol/common/font/NotoSansCJKjp-Regular.eot');
    src: url('/svcsol/common/font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('/svcsol/common/font/NotoSansCJKjp-Regular.woff') format('woff'),
    url('/svcsol/common/font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}
@font-face {
font-family: "noto_b";
font-style: normal;
font-weight: 700;
    src: url('/svcsol/common/font/NotoSansCJKjp-Bold.eot');
    src: url('/svcsol/common/font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('/svcsol/common/font/NotoSansCJKjp-Bold.woff') format('woff'),
    url('/svcsol/common/font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}
.for_sp { display: none;}
.inner, .box { width: 950px; margin: 0 auto; overflow: hidden;}
.inner img { display: block; margin: 30px auto;}




/*============================
.navi
============================*/
.navi { position:relative; z-index: 1; padding: 10px 0; background: #000; box-shadow: 0 2px 1px rgba(0,0,0,0.5);}
.navi.fixed{ width: 100%; position: fixed; top: 0; left: 0; background: #000; padding: 10px 0 10px; z-index: 999;
 border-bottom: 3px solid #333;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
.navi_title_sp { display: none;}
.navi .box ul.lnavs_sp { display: none;}

.navi .box:after { content: ""; clear: both; display: block;}
.navi .box ul.lnavs { float: left; margin: 10px 0 5px 0;}
.navi .box ul li { display: inline-block; border-right: 1px solid #ccc; padding: 15px 59px 0 58px; font-size: 14px; color: #fff; vertical-align: middle; position: relative;}
.navi .box ul li:first-child { border-left: 1px solid #ccc;}
.navi .box ul li a { color: #fff; text-decoration: none;}
.navi .box ul li a img { opacity: 0;}
.navi .box ul li a:hover { }
.navi .box ul li a:hover img { opacity: 1;}
.navi .box ul li img { display: block; margin: 5px auto 0 auto;}
/*.navi .box ul li img.iconSS { margin-top: -3px;}*/
.navi .box ul .lnav a { display: block; position: relative;}

/*
.navi .box ul li.list { padding: 0 44px 0 44px;}
.navi .box ul li.list a { padding: 8px 10px 8px 40px; line-height: 120%;}
.navi .box ul li.list a img { display: block; opacity: 1;position: absolute; top: 3px; left: 0;}
.navi .box ul li.list a:hover { opacity: .8;}

.navi_bottom .box ul li { padding: 0 59px 15px 58px;}
.navi_bottom .box ul li img { display: block; margin: 0 auto 5px auto;}
.navi_bottom .box ul li.list a img { display: block; opacity: 1;position: absolute; top: 10px; left: 0;}
.navi_bottom .box ul li.list a:hover { opacity: .8;}
.navi_bottom .box ul li a img.iconSS { position: absolute; top: 0; left: 0;}
*/

.navi .box ul.lnavs li {
  display: inline-block;
  border-right: 1px solid #ccc;
  padding: 15px 62px 0 62px;
  font-size: 14px;
  color: #fff;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.navi.navi_bottom .box ul.lnavs li {
  padding: 0 62px 15px 62px;
}
.navi.navi_bottom .box ul.lnavs li img {
  display: block;
  margin: 0 auto 5px auto;
}


/*============================
contents
============================*/

.inner a { text-decoration: none;}
.inner a:hover { text-decoration: underline;}

.inner { background: #fff; margin-bottom: 50px; padding: 50px 0; position: relative; z-index: 2;
box-shadow: 0px 0px 5px 3px #d6d6d6;
-moz-box-shadow: 0px 0px 5px 3px #d6d6d6;
-webkit-box-shadow: 0px 0px 5px 3px #d6d6d6;
text-align: center;}

.hlead { width: 700px; font-family: "noto_l"; text-align: center; font-size: 165%; line-height: 160%; margin: 50px auto 0 auto;}

.inner h2 { font-family: "noto_b"; font-size: 263%; text-indent: 0; text-align: center; margin: 0 0 50px 0; line-height: 140%; position: relative;}
.inner h2:after{ width: 115px; content: ""; border-bottom: 4px solid #174F9E;  position: absolute; top:0; left: 0; right: 0; bottom: -30px; margin:auto;}
.inner h2  +  p { text-align: center; font-size:144%; line-height: 140%; margin-bottom: 40px;}
.inner h3 { font-size: 193%; text-align: center; margin-bottom: 30px;}
.inner h4.lineLR { font-size: 160%; position: relative; text-align: center; margin: 70px 0 30px 0;}
.inner h4.lineLR span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left;}
.inner h4.lineLR:before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background: #ccc;
 background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
 background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);}

.btnArea { text-align: center;}
.inner a.btn, .box a.btn { display: inline-block; color: #fff; text-decoration: none; background: #000 url(../images/arrow_btn_link.png) 95% center no-repeat; border: 1px solid #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 60px 5px 40px; margin: 0 0 10px 10px; position: relative; line-height: 270%;}
.inner a:hover.btn, .box a:hover.btn, .inner a:hover.current_btn { color: #000; background: #fff url(../images/arrow_btn_hover.png) 95% center no-repeat; border: 1px solid #000;}

.inner a.current_btn, .box a.current_btn { display: inline-block; color: #000; text-decoration: none; text-align: center; background: #fff ; border: 1px solid #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 50px 5px 50px; margin: 0 0 10px 10px; position: relative; line-height: 270%;font-size: 112%;}
.inner a:hover.current_btn, .box a:hover.current_btn { text-decoration: none; background: none;}

.inner a.white_btn, .box a.white_btn {  display: inline-block; color: #fff; text-decoration: none; background: #000 url(../images/ico_blank_w.png) 95% center no-repeat; border: 1px solid #000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 7px 60px 7px 40px; line-height: 270%; position: relative;}
.inner a:hover.white_btn, .box a:hover.white_btn { color: #000; background: #fff url(../images/ico_blank_b.png) 95% center no-repeat; border: 1px solid #000;}

.inner a.btn { font-size: 112%; margin-left: 10px;}
.inner a.icon_security, .inner a:hover.icon_security { padding-left: 60px;}
.inner a.icon_security img { display: block; width: 30px; position: absolute; top: 7px; left: 20px; margin: 0;}

.brand_top_sp { display: none;}

/*--- columnSet ---*/
.column_2, .column_3, .columnSet { width: 850px; margin: 0 auto 15px auto; zoom: 1;}
.column_2:after, .column_3:after,.columnSet:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/*--- 2 column ---*/
.column_2 > div { width: 420px; float: left; margin: 0; padding: 0;}
.column_2 > div:nth-child(2n) { float: right;}
.column_2 > div:nth-child(2n+1) { clear: both;}

/*--- 3 column ---*/
.column_3 > div { display: block; width: 275px; float: left; margin: 0 12px 0 0; padding: 0;}
.column_3 > div:nth-child(3n) { float: right; margin: 0;}
.column_3 > div:nth-child(3n+1) { clear: both;}

/*--- contact ---*/
#wsContact { width: 100%; background: #f1f3f2; padding: 60px 0; margin-bottom: 30px;}
#wsContact h2 { font-family: "noto_b"; font-size: 180%; color: #d8002a; text-align: center; margin: 0 0 30px 0;}
#wsContact .column_2 { width: 950px; background: url(../images/verticalLine_gray.gif) 50% 50% repeat-y;}
#wsContact div { text-align: center;}
#wsContact h3 { font-family: "noto_b"; font-size: 130%; margin: 0 0 20px 0;}
#wsContact a.btn_mailform { display: block; margin-top: 30px;}
#wsContact .btn_mailform img { -moz-box-shadow: 2px 2px 5px 0px #969696; -webkit-box-shadow: 2px 2px 5px 0px #969696;}
#wsContact .btn_mailform img:hover { opacity: .8;}
#wsContact .tellnum { font-family: "noto_b"; font-size: 193%; line-height: 140%;}
#wsContact .tellnum img { margin-bottom: -5px;}
#wsContact .tellnum span { font-size: 55%; font-family: "noto";}
#wsContact div p { font-size: 144%; padding-bottom: 10px;}
#wsContact a { text-decoration: none;}

.textC { text-align: center;}
.f10 { font-size: 80%;}
.pB100 { padding-bottom: 100px;}
.pB100 { padding-bottom: 100px;}
.pT50 { padding-top: 50px;}
.mt30 { margin-top: 30px;}
.mt50 { margin-top: 50px;}

/*============================
main_visual
============================*/
#main_visual .box { height: 350px; position: relative;}
#main_visual .box img { display: block; width: 275px; margin: 40px 15px 0 auto;}
#main_visual h1 { display: block; font-size: 402%; text-align: left; line-height: 100%; color: #fff; }
#main_visual .box div span { font-size: 35%;}
#main_visual .box div span.subTitle { font-size: 55%;}


/*============================
top
============================*/
#main_visual.top { margin: 0; background: url(../images/top_img_02.jpg) center 0 no-repeat;}
#main_visual.top .box { height: 450px; position: relative;}
#main_visual.top .box h1 { text-indent: -9876em; overflow: hidden;}
#main_visual.top .box img { display: block; width: 400px; margin: 30px 0 0 0;}
#main_visual.top .box div { width: 380px; font-size: 160%; text-align: left; position: absolute; top: 200px; right: 0; line-height: 140%;}
#main_visual.top .box div p { margin-bottom: 10px; color:#fff;}
#main_visual.top .box div .btn { margin: 0 0 0 auto; padding: 0 60px 0 40px; font-size: 95%; line-height: 180%;}
#anchorNavi.navi .box ul.anchor {display: table; }
#anchorNavi { background: #fff; margin-bottom: 50px; padding: 15px 0;}
#anchorNavi.navi { box-shadow: none;}

#anchorNavi.navi .box ul.anchor li { padding: 5px 0; font-size: 14px; vertical-align: middle;}
#anchorNavi.navi .box ul li { display: table-cell; border: none; border-right: 1px solid #ccc; padding: 0;}

#anchorNavi.navi .box ul li:first-child { border-left: 1px solid #ccc;}
#anchorNavi.navi .box ul li a { display: inline-block; padding: 0 27px 0 26px;}
#anchorNavi.navi .box ul li a:link { color: #333; text-decoration: none;}
#anchorNavi.navi .box ul li a:hover { text-decoration: underline;}
#anchorNavi.navi .box ul li a:visited { color: #333;}
#anchorNavi.navi .box ul li a span { }
/*
#anchorNavi.navi .box ul li a span { border-right: 1px solid #ccc; padding: 0 ;}
#anchorNavi.navi .box ul li:first-child a span { border-left: 1px solid #ccc;}
*/
/*---お知らせ---*/
#information dl { width: 850px; padding: 5px 10px; margin: 0 auto 5px auto; text-align: left; line-height: 180%;}

/*トレンド・脅威情報*/
#trend dl, #seminar dl{ width: 880px; padding: 10px; margin: 0 auto 5px auto; text-align: left; line-height: 180%;}
#trend dl:after, #trend dl dl:after, #seminar dl:after, #trend dd:after, #seminar dd:after, #information dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#trend dt, #seminar dt { text-align: center; margin: 0; color: #fff; line-height: 1.3em; font-size: 86%;}
#trend dd, #seminar dd { display: block; margin: 0; padding: 0; font-size: 104%;}

#trend .report { background: #f0f0f0;}
#trend .report dt { width: 100px; height: 70px; float: left; background: #787878; padding: 30px 0 0 0;}
#trend .report dd { width: 730px; float: right;}
#trend .report dd img { float: left; margin: 0;-moz-box-shadow:0px 0px 5px 3px #d6d6d6;-webkit-box-shadow:0px 0px 5px 3px #d6d6d6; text-align: center}
#trend .report dd dl { width: 550px; float: right; margin: 0; padding: 0;}
#trend .report dd dt { width: 100%; clear: both; background: none; color: #323232; font-size: 160%; text-align: left; padding: 20px 0 0 0;}
#trend .report dd dt span { display: block; font-size: 70%; padding-left: 10px;}
#trend .report dd dd { width: 100%;}
#trend .report dd dt a { background:url(../images/arrow_gray.png) 0 .3em no-repeat; padding-left: 10px;}
#trend .report dd ul.square { display: block; list-style: square ; padding-left: 20px; margin-top: 25px}
#trend .report li { padding: 0 0 .5em 0; font-size: 90%;}

.listTitle { width: 900px; height: 35px;  background: #f0f0f0; margin: 0 auto 20px auto; position: relative;}
.listTitle p { display: block;}
.listTitle p.kubun { width: 100px; position: absolute; top: 10px; left: 15px;}
.listTitle p.date { width: 150px; position: absolute; top: 10px; left: 160px;}
.listTitle p.name { width: 150px; position: absolute; top: 10px; left: 500px;}

.listType01 { }
.listType01 dt { width: 130px; float: left; background: #787878 url(../images/top_dt_fin.png) 100% 0 no-repeat; padding: 10px 10px 8px 10px}
.listType01 dd { width: 710px; float: right;}
.listType01 dd a.blank { background: url(../images/ico_blank.png) 100% center no-repeat; padding-right: 15px;}
.listType01 dd span { display: block; width: 125px; float: left;}
.listType01 dd p { display: block; width: 560px; float: right;background:url(../images/arrow_gray.png) 0 .4em no-repeat; padding-left: 10px;}
.listType01 dd p span { display: block; width: 100%; font-size: 90%; line-height: 120%;}
.listType01 dd a:hover { padding-bottom: 1px;}

.listType02 dt { width: 130px; float: left; padding-left: 10px;}
.listType02 dd { width: 710px; float: right;}
.listType02 dd p {background: url(../images/arrow_gray.png) 0 .4em no-repeat; padding-left: 10px;}
.listType02 dd a.blank { background: url(../images/ico_blank.png) 100% center no-repeat; padding-right: 15px;}
.listType02 dd a:hover { padding-bottom: 1px;}

/*---信頼と実績で選ばれています---*/
#trust .column_2 { margin-bottom: 50px;}
#trust .column_2 div { position: relative;}
#trust .column_2 div dl { display: block; border: 1px solid #969696; margin: 0 0 5px 0; padding: 0;}
#trust .column_2 div img { display: block; margin: 15px auto;}
#trust .column_2 div img.eyecatchMail { position: absolute; top: -20px; left: 30px;}
#trust .column_2 div img.eyecatchPc { position: absolute; top: -20px; left: 30px;}
#trust .column_2 div dt { background: #969696; color: #fff; font-size: 144%; text-align: center; padding: 15px 0 15px 0;}
#trust .column_2 div dt.textL { text-align: left;}
/* === 20180119Add start === */
#trust .column_1 { margin-bottom: 50px;}
#trust .column_1 div { position: relative;}
#trust .column_1 div dl { display: block; border: 1px solid #969696; margin: 0 50px 15px 50px; padding: 0; }
#trust .column_1 div img { display: inline-block; margin: 15px auto;}
#trust .column_1 div img.eyecatchMail { position: absolute; top: -20px; left: 80px;}
#trust .column_1 div img.eyecatchPc { position: absolute; top: -20px; left: 80px;}
#trust .column_1 div dt { background: #969696; color: #fff; font-size: 144%; text-align: left; padding: 15px 0 15px 96px;}
#trust .column_1 div dt.textL { text-align: left;}
#trust .column_1 div dd img { vertical-align: middle; padding: 5px; }
/* === 20180119Add end === */

/* 20180613 edit */
#trust .column_2 { margin-bottom: 10px;}
#trust .column_2 > div { position: relative; }

#trust .column_2 div dl { display: block; margin: 0 0 5px 0; padding: 0; min-height: 340px; border: 1px solid #969696; }
#trust .column_2 div.smx dl{  background: url(/wizsafe/images/bg_smx.jpg) repeat-x 50% 115%; background-size: contain;}
#trust .column_2 div.swg dl{  background: url(/wizsafe/images/bg_swg.jpg) repeat-x 50% 115%; background-size: contain;}


#trust .column_2 div img { display: block; margin: 15px auto;}
#trust .column_2 div img.eyecatchMail { position: absolute; top: -30px; left: 30px;}
#trust .column_2 div img.eyecatchPc { position: absolute; top: -30px; left: 30px;}
#trust .column_2 div dt { background: #969696; color: #fff; font-size: 144%; text-align: center; padding: 15px 0 15px 0;}
#trust .column_2 div dt.textL { text-align: left;}

#trust .column_2 div.smx dd{ padding-top: 25px; font-size: 14px;}
#trust .column_2 div.swg dd{ padding-top: 25px; font-size: 14px;}

#trust .column_2 div dd img{ margin-top: 20px;}
/*#trust .column_2 div dd p.serviceLogo { height: 42px; }*/

#trust .column_2 div dd .count{ font-size:14px; padding-top: 15px; }
#trust .column_2 div dd .count span{ font-size:16px; }
#trust .column_2 div dd .count span span.unit{ font-size:21px; font-weight: bold; }
#trust .column_2 div dd .count span span.number{ font-size:30px; font-weight: bold; padding: 4px; }

#trust .column_2 div dd .swgBanner{ padding-top: 30px;}/* en30 ja40 */
#trust .column_2 div dd .swgBanner .name{ font-weight: bold; margin-bottom: 5px;}
#trust .column_2 div dd .swgBanner .secondLine{ font-size: 12px;}
#trust .column_2 div dd .swgBanner .secondLine span{ color: #d7063b; font-weight: bold;}
#trust .column_2 div dd .swgBanner .secondLine sup{ color: #d7063b; }
#trust .column_2 div dd .swgBanner .secondLine .year{ font-size: 20px; padding: 0 10px;}
#trust .column_2 div dd .swgBanner .secondLine .year span{ font-size: 30px;}
#trust .column_2 div dd .swgBanner .secondLine .runk{ font-size: 29px;}
#trust .column_2 div dd .swgBanner .secondLine .runk span{ font-size: 38px;}

#trust .attention{ text-align: left; font-size: 11px; width: 850px; margin: 0 auto 50px auto; line-height: 1.5;}
#trust .sp{display: none;}

/* 20180613 edit end */






/* ====== 20180202 Add start ====== */
/* wizSafeが提供するセキュリティ エリア（#totalSecurity） */

div#totalSecurity {

}
div#totalSecurity div.totalSecurityInner {

}
div#totalSecurity div.totalSecurityInner div.txtBox {
	margin: 1.5rem auto;
	padding: 1.25rem 12px;
	width: 680px;
	color: #004ea2;
	background: #efeff0;
	border: 1px solid #004ea2;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
div#totalSecurity div.totalSecurityInner div.txtBox h4 {
	margin-bottom: 0.75rem;
	color: #004ea2;
	font-weight: bold;
	font-size: 144%;
	text-align: center;
}
div#totalSecurity div.totalSecurityInner div.txtBox p {
	color: #231815;
	font-size: 112%;
	text-align: left;
	line-height: 1.4;
}

/* ====== 20180202 Add end ====== */



/*---導入事例---*/
/* Arrows */
.slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 187px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

}

.slick-prev.slick-disabled, .slick-next.slick-disabled { background-color: #666;}

.slick-prev { height: 186px; background: #000 url(../images/arrow_btn_prev.png) center center no-repeat; left: -30px;}
.slick-prev:hover { height: 186px; background: #666 url(../images/arrow_btn_prev.png) center center no-repeat;}
.slick-next { height: 186px; background: #000 url(../images/arrow_btn_link.png) center center no-repeat; right: -30px;}
.slick-next:hover { height: 186px; background: #666 url(../images/arrow_btn_link.png) center center no-repeat;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-size: 30px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: black;}

/* frame */
.slider {width:890px;margin: 0 auto;}
.slick-slide { margin: 0px 7px;}
.slick-slide img { width: 150px; border: 1px solid #999999;}
.slick-slide a img:hover {background: #efefef}
.slick-prev:before, .slick-next:before {color: black;}

#contentsContainer_2015 .inner .slick-slide img { width: 150px; margin: 0; padding: 5px;}




/*============================
about
============================*/

.inner p.lead18left { font-size: 144%; padding: 0 100px 150px 100px; line-height: 150%; text-align: left;}
.inner p.lead18center { font-size: 144%; padding: 0 100px 150px 100px; line-height: 150%; text-align: center;}
.inner p.lead22left { line-height: 180%; font-size: 176%; text-align: left; padding: 0 0 80px 230px;}
.inner p.lead22center { line-height: 180%; font-size: 160%; text-align: center; padding: 0 0 100px 0;}
#brand.inner h3, #security.inner h3, #try.inner h3 { color: #174F9E;}


#main_visual.about { margin: 0; background: url(../images/about_img.jpg) center 0 no-repeat;}
#main_visual.about .box div { width: 600px; position: absolute; top: 110px; left: 0;}

/*---わたしたちが伝えたいこと---*/
#brand { margin-top: 50px;}
#brand.inner { background: #fff url(../images/about_brand_bg.jpg) 0 60px no-repeat;}
#brand.inner p.lead18left { padding: 0 100px 150px 100px;}
#brand.inner p.lead18center { padding: 0 100px 150px 100px;}
#brand.inner p.lead22left { padding: 0 0 80px 230px;}
#brand .column_3_bg { width: 950px; background: #fff; margin: 0;}
#brand .column_3_bg:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
#brand .column_3 { width: 750px;}
#brand .column_3 > div { width:225px; margin: 0 25px 0 0; font-size: 128%; text-align: left; line-height: 140%;}
#brand .column_3 h4 { font-size: 18px; padding: 0 0 15px 0; margin: -15px 0 15px 0; border-bottom: 1px solid #000; text-align: center;}

/*---wizSafeに込めた想い 201612 add---*/
#meaning.inner p.lead18center{ padding:0 100px 50px 100px; margin-top:70px;}

/*---ISPのIIJだからできるセキュリティ---*/
#security.inner { background: #fff url(../images/about_security_bg.png) 0 100% no-repeat;}
#security.inner p.lead18left { padding: 0 100px 50px 100px;}
#security.inner p.lead18center { padding: 0 100px 30px 100px;}
#security .column_2 { margin-bottom: 0;}
#security .column_2 div { width: 320px; background: #fff; font-size: 128%; text-align: left; line-height: 140%; padding: 30px 50px;}
#security .column_2 h4 { font-size: 120%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #000; text-align: center;}

/*---安全な社会のためにセキュリティへの取り組み---*/
#try.inner h3 { margin: 100px 0 20px 0;}
#try.inner p.lead18left { padding: 0 100px 30px 100px;}
#try .mitf { width: 750px; margin: 0 auto; border: 1px solid #969696; padding: 0 50px;}
#try .mitf img { display: block; float: right;}
#try .mitf div { width: 350px; float: left; line-height: 160%; font-size: 112%; text-align: left;}
#try .mitf div h4 { font-size: 120%; padding: 0 0 15px 0; margin: 50px 0 15px 0; border-bottom: 1px solid #000; text-align: center;}

#try .send { width: 850px;}
#try .send.column_2 > div { width: 320px;  height: 33em; border: 1px solid #969696; padding: 30px 50px 50px 50px; text-align: left; line-height: 140%}
#try .send.column_2 > div h4 { font-size: 176%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #000; text-align: center;}
#try .send.column_2 > div h4 span { display: block; font-size: 70%;}
#try .send.column_2 > div img { margin: 30px auto;}

#try .global.column_3 { width: 850px; font-size: 62%;}
#try .global.column_3 div { width: 273px; border: 1px solid #969696; margin-bottom: 15px;}
#try .global.column_3 div  img { display: block; margin: 10px auto;}
#try .global.column_3 div p { display: block; width: 263px; height: 2.5em; clear: both; background: url(../images/arrow_s_gray.gif) 10px .7em no-repeat; padding: 5px 5px 5px 9px; text-align: left; line-height: 130%;}
#try .global.column_3 div p a { background: url(../images/ico_blank.png) 100% center no-repeat; padding-left: 10px; padding-right: 15px;}

/*============================
SOC
============================*/

#main_visual.soc { margin: 0 0; background: url(../images/soc_img.jpg) center 0 no-repeat;}
#main_visual.soc .box div { width: 650px; position: absolute; top: 70px; left: 0;}
#main_visual.soc h1 { margin: 50px 0 0 0; font-size: 340%;
text-shadow: 2px 2px 5px #333,
            -2px  2px 5px #333,
             2px -2px 5px #333,
            -2px -2px 5px #333;
}


/*---セキュリティオペレーションセンターを刷新---*/
#born.inner p.lead18left { padding: 0 100px 20px 100px;}
#born .column_2 { width: 850px; margin-bottom: 50px; }
#born .column_2 > div { width: 420px; height: 42em; border: 1px solid #969696; padding: 0; text-align: left;}
#born .column_2 > div img { margin: 0 0 30px 0;}
#born .column_2 div h3 { width: 320px; font-size: 160%; padding: 0 0 15px 0; margin: 0 auto 15px auto; border-bottom: 1px solid #000; text-align: center;}
#born .column_2 div p { margin: 0 auto 15px auto; padding: 0 50px 50px 50px; font-size: 112%; line-height: 160%;}

/*201702 add*/
.tour h3 { width: 850px; border-bottom: 1px solid #000; margin: 20px auto; padding: 0 0 20px 0;  position: relative;}
.tour h3:after { border: none;}
.tour ul { display: block; width: 800px; margin: 0 auto; font-size: 16px; text-align: left; }
.tour ul li { display: table; width: 100%; border-left: 2px solid #666; padding: 0 0 0 20px; margin: 0 0 20px 0;}
.tour ul li a { background: url(../images/arrow_gray.png) 0 .3em no-repeat; padding-left: 10px;}
.tour ul li span { display: table-cell; width: 10.5%; vertical-align: middle; font-family: "noto_b"; padding: .3em 0 .2em 0;}
.tour ul li p { display: table-cell; padding-left: 15px; vertical-align: middle;}

/*---人材の育成-201612 add---*/
#humanresouce{ margin-top:50px;}
#humanresouce.inner p.lead18left{ padding: 0 100px 2px 100px;}
#humanresouce .column_2 { width: 850px; margin-bottom: 50px; }
#humanresouce .column_2 > div { width: 320px; border: 1px solid #969696; padding: 30px 50px; text-align: left; height: 55em;}
#humanresouce .column_2 > div img { width: 100%; margin:0 auto;}
#humanresouce .column_2 > div:first-child img{ margin-top:70px;}
#humanresouce .column_2 div h3 { width: 320px; font-size: 160%; padding: 0 0 15px 0; margin: 0 auto 50px auto; border-bottom: 1px solid #000; text-align: center;}
#humanresouce .column_2 div p { margin: 0 auto 15px auto; font-size: 112%; line-height: 160%;}
#humanresouce .column_2 div p.traning{ font-size:144%;}
#humanresouce .column_2 div ul{ padding-left:17px;}
#humanresouce .column_2 div li{ list-style:disc; font-size:100%; line-height:1.3em; margin-bottom:5px;}
#humanresouce .column_2 div li:last-child{ margin-bottom:0;}
#humanresouce .column_2 div p.rightmini{ text-align:right; font-size:94%; margin-bottom:40px;}
#humanresouce .column_2 div p.title{ text-align:center; font-size:94%; }


/*---情報分析基盤---*/
#database { margin-top: 50px;}
#database.inner p.lead18left { padding: 0 100px 0 100px;}
#database img { margin: 0 auto 60px auto;}

/*---膨大な情報の分析から、セキュリティインテリジェンスを生成---*/
#securityintelligence.inner p.lead18left { padding: 0 100px 2px 100px;}
#securityintelligence strong { font-family: "noto_b";}
#securityintelligence.inner h3 { font-family: "noto_b";color: #174F9E; margin: 80px 0 30px 0;}
#securityintelligence.inner p { padding: 50px 0 0 100px; text-align: left;}

/*============================
info 201702 add
============================*/
#main_visual.info { margin: 20px 0 0; background: url(../images/other_img.jpg) center 0 no-repeat;}
#main_visual.info .box { height: 100px; position: relative;}
#main_visual.info .box div { width: 630px; position: absolute; top: 30px; left: 0;}
#main_visual.info h1 { display: block; font-size: 300%; color: #333; text-align: left; line-height: 100%; letter-spacing: -.05em; margin: 0;}
#main_visual.info .box div span, #info h2 span { font-size: 50%; letter-spacing: .1em; padding: 0 .5em;}


#info h2 { line-height: 100%;}
#info .tableTitle { display: table; border-bottom: 1px solid #999; border-top: 1px solid #999;}
#info .tableTitle dd { display: table-cell; padding: .5em 0;}
#info .tableTitle dd:last-child { border: none;}

#info .table { width: 850px; margin: 30px auto;}
#info dl { display: table; width: 100%; margin: 0 auto; padding: .5em 0;}
#info dl dl { padding: 0;}
#info dl dd dt, #info dl dd dd { display: table-cell; margin: 0;}
#info dt { width: 120px; padding-top: .8em}
#info dt, #info .tableTitle dd { text-align: center; padding: 0;}
#info dl dd dd { background: url(../images/arrow_gray.png) .2em 1.05em no-repeat; text-align: left; padding: .8em 0 .8em 1em;}
#info dl.noLink dd dd { background: none;}
#info dl dd dd a, #info dl dd dd a:hover { text-decoration: none; line-height: 150%!important;}
#info dl dd dd a:hover { text-decoration: underline; padding-bottom: 1px;}
#info dt.year { display: block; width: auto; background: #f4f4f4; color: #000; padding: 1em 1em 1em 1.2em; text-align: left; font-size: 120%; font-weight: bold;}



/*201703 add*/
/** Japaneese btn **/
#main_visual .box > a { width: 6em; height: 1em; display: block; background: #da1949; border-radius: 5px; font-size: 12px; text-align: center; text-decoration: none; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif,Verdana, "游ゴシック", YuGothic;  color: #fff; padding: .5em 0 .4em 0; position: absolute; top: 5px; right: 0; line-height: 100%;}
#main_visual .box > a:hover { background: #fff; color: #da1949;}


/*20210311 add*/
.main_inner { padding-top: 50px;}