@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a:link { color: #333;}
a:visited { color: #333;}
#path, #gNavi ,.fgSitemap-inner, #footer-bottom { font-size: 12px; }

.for_sp { display: block;}
.for_pc { display: none;}
#header-wrapper,#header #spList { position: relative; top: 0;}
div.inner { width: 95%; margin: 0 auto 20px auto; padding: 15px 8px;}
div.box { width: 100%;}
div.inner img { display: inline; width: 100%; margin: 0;}

.navi{ padding: 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.navi_title_sp { display: block; position: relative; background: #5c5c5c; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px; width: 100%; height: 50px; text-align: center; color: #fff;}
.navi_title_sp:after{ content: ""; display: block; width: 11px; height: 10px;  position: absolute; top: 19px; right: 12px; background: url(../images/bg_navi_arrow_sp.png) 0 0 no-repeat; background-size: 11px 10px;  transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear;}
.navi_title_sp.navi_open:after { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);}


/*============================
.navi
============================*/
#navi { z-index: 9999;}
.navi.fixed { width: 100%; position: relative; top: 0; left: 0; background: #fff; padding: 10px 0 10px; z-index: 999; border-bottom: 3px solid #333;}

.navi .box { background-color: #aaa; position: relative; margin: 0; padding: 0;}
.navi .box ul.lnavs_sp { display: block; margin: 0; width: 100%; border-left: 1px solid none;}

.navi .box ul.lnavs { margin: 0; width: 100%; border-left: none;}
.navi .box ul li,.navi .box ul li.list,.navi .box ul.lnavs li { width: 100%; display: inline-block; vertical-align: middle; color: #fff; padding: 15px 25px; border-bottom: 1px solid #787878; text-align: left;}
.navi .box ul li:first-child { border-left: none;}
.navi .box ul .lnav a:hover:after,
.navi .box ul .lnav_active a:after{ content: ""; display: none;}
.navi .box ul li img , .navi .box ul li a img,.navi .box ul.lnavs li img , .navi .box ul.lnavs li a img,.navi.navi_bottom .box ul.lnavs li img , .navi.navi_bottom .box ul.lnavs li a img { display: none;}
.navi .box ul li a { width: 100%; display: block; background: url(../images/arrow_gray.png) 0 center no-repeat; text-align: left; color: #333!important; border-right: none; border-bottom: none; padding: 0 0 0 15px;}
/*
.navi .box ul li.list { position: relative;}
.navi .box ul li.list a { background: none; padding-left: 23px;}
.navi .box ul li.list a img { display: block; width: 30px; position: absolute; top: 3px; left: -10px;}
*/

.navi.navi_bottom .box ul.lnavs li { padding: 15px 25px;}
.navi_bottom{ border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

#footer { margin-bottom: -20px; padding-bottom: 20px;}

.btnArea { width: 95%; text-align: center; margin: 0 auto; padding: 0;}
div.btnArea a.btn, div.btnArea a.current_btn { width: 87%; display: block; clear: both; font-size: 14px; padding: 4px 0; margin: 0 auto 10px auto; vertical-align: middle; position: relative; text-align: center;}
div.btnArea a.white_btn { width: 87%; display: block; clear: both; font-size: 14px; padding: 4px 0; text-align: center; margin: 0 auto 10px auto;}
.inner a.icon_security img { display: block; width: 25px; margin: 0; position: absolute; top: 10px; left: 7px;}


.inner { width: 100%; background: #fff; margin-bottom: 50px; padding: 20px 0;-moz-box-shadow:0px 0px 5px 3px #d6d6d6;-webkit-box-shadow:0px 0px 5px 3px #d6d6d6; text-align: center}

h1 { text-indent: -9876em; overflow: hidden;}

.hlead { width: 100%; font-family: "noto_b"; text-align: center; font-size: 14px; line-height: 160%; margin-top: 15px; padding: 0 30px;}

.inner h2 { font-family: "noto_b"; font-size: 18px; text-indent: 0; text-align: center; margin: 5px 0 35px 0; position: relative;}
.inner h2:after{ width: 100%; content: ""; border-bottom: 2px solid #174F9E;  position: absolute; top:0; left: 0; right: 0; bottom: -20px; margin: auto;}
.inner h2  +  p { width: 100%; text-align: center; font-size: 14px; line-height: 140%; margin: 0 auto 40px auto;}
.inner h3 { font-family: "noto_b"; width: 100%; font-size: 16px; text-align: center; margin: 0 auto 20px auto;}
.inner h4.lineLR { font-family: "noto_b"; font-size: 14px;}

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

/*--- 2 column ---*/
.column_2 div { width: 100%; clear: both; margin: 0; padding: 0;}
.column_2 > div:nth-child(2n) { clear: both;}
.column_2 > div:nth-child(2n+1) { clear: both;}

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

/*--- contact ---*/
#wsContact { width: 100%; background: #f1f3f2 none; padding: 30px 0 0 0; margin-bottom: 30px;}
#wsContact h2 { font-family: "noto_b"; font-size: 20px; color: #d8002a; text-align: center; margin: 0 0 30px 0;}
#wsContact div.column_2 { width: 100% ;background: none;}
#wsContact div.column_2 div { clear: both; width: 98%; text-align: center; margin: 0 0 30px 0; padding: 0 10%;}
#wsContact h3 { font-family: "noto_b"; font-size: 14px; margin: 0 0 20px 0;}
#wsContact a.btn_mailform { margin-top: 0;}
#wsContact a.btn_mailform img { width: 100%; -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: 25px;}
#wsContact .tellnum img { margin-bottom: -5px;}
#wsContact .tellnum span { display: block; font-size: 10px;font-family: "noto_l";}
#wsContact div p { font-size: 18px; padding-bottom: 10px;}
#wsContact a { text-decoration: none;}

.textC { text-align: center;}
.f10 { font-size: 10px;}
.mt50 { margin-top: 10px;}
.pT50 { padding-top: 20px!important;}


/*============================
top
============================*/

#main_visual.top { background: url(../images/top_img_02.jpg) center center no-repeat; margin-top: 0;}
#main_visual.top .box { height: auto; margin: 0; padding: 20px;}
#main_visual.top .box img { display: block; width: 50%; margin: 0 auto 10px auto;}
#main_visual.top .box div { width: 100%; font-size: 120%; text-align: center; position: static; line-height: 120%;}
#main_visual.top .box div p { padding-bottom: 8px; color:#fff;}
#main_visual.top .box div .btn { margin: 0 auto 0 auto; padding: 5px 45px 5px 30px; font-size: 14px}

#anchorNavi {display: none;}

/*---お知らせ---*/
#information dl { width: 100%; padding: 5px 10px; margin: 0 auto 5px auto; text-align: left; line-height: 180%;}


/*---IIJのトータルセキュリティ---*/
#totalSecurity { margin-top: 20px;}

/*信頼と実績で選ばれています*/
#trust .column_2 { margin-bottom: 0;}
#trust .column_2 div { position: relative; margin-bottom: 30px;}
#trust .column_2 div dl { display: block; border: 1px solid #969696; margin: 0 0 5px 0; padding: 0;}
#trust .column_2 div img { width: 95%; display: block; margin: 15px auto;}
#trust .column_2 div img.eyecatchMail { width: 40px; position: absolute; top: -20px; left: 0;}
#trust .column_2 div img.eyecatchPc { width: 40px; position: absolute; top: -20px; left: 5px;}
#trust .column_2 div dt { background: #969696; color: #fff; font-size: 16px; padding: 10px 10px 10px 55px; text-align: left;}
#trust .column_2 div dt span { width: 100%; display: block; font-size: 14px;}
/* === 20180119Add start === */
#trust .column_1 { margin-bottom: 0;}
#trust .column_1 div { position: relative; margin-bottom: 30px;}
#trust .column_1 div dl { display: block; border: 1px solid #969696; margin: 0 0 5px 0; padding: 0;}
#trust .column_1 div img { width: 95%; display: block; margin: 15px auto;}
#trust .column_1 div img.eyecatchMail { width: 36px; position: absolute; top: -1.25rem; left: 0;}
#trust .column_1 div img.eyecatchPc { width: 36px; position: absolute; top: -1.25rem; left: 0;}
#trust .column_1 div dt { background: #969696; color: #fff; font-size: 16px; padding: 10px 10px 10px 50px; text-align: left;}
#trust .column_1 div dt span { width: 100%; display: block; font-size: 14px;}
/* === 20180119Add end === */

/*
#trust .column_2 div img.eyecatchMail { width: 15%; position: absolute; top: -20px; left: 0;}
#trust .column_2 div img.eyecatchPc { width: 15%; position: absolute; top: -20px; left: 5px;}
*/
/* 20180613 fix */
#trust .column_2 div img.eyecatchMail { width: 36px; position: absolute; top: -1.25rem; left: 0;}
#trust .column_2 div img.eyecatchPc { width: 36px; position: absolute; top: -1.25rem; left: 4px;}

#trust .column_2 div dd .count{ text-align: center; padding: 1.25rem 18px; }

#trust .column_2 div dd .swgBanner{ padding-bottom: 1.25rem;}

#trust .attention{ text-align: left; width: 90%; margin: 0 auto 2rem auto; line-height: 1.5;}
#trust .sp{display: block;}
#trust .sp_none{display: none;}
/* 20180613 fix end */

#trust .column_2 div dt { background: #969696; color: #fff; font-size: 16px; padding: 10px 10px 10px 50px; text-align: left;}
#trust .column_2 div dt span { width: 100%; display: block; font-size: 14px;}

#trust .column_2 div.smx dl{ background: none; }
#trust .column_2 div.swg dl{ background: none; }
/*#trust .column_2 div dd .count{ padding-top: 0; }*/
#trust .column_2 div.smx dd{ padding-top: 25px; font-size: 14px;}





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

div#totalSecurity {

}
div#totalSecurity div.totalSecurityInner {

}
div#totalSecurity div.totalSecurityInner div.txtBox {
	width: 95%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#totalSecurity div.totalSecurityInner div.txtBox h4 {

}
div#totalSecurity div.totalSecurityInner div.txtBox p {
	line-height: 1.2;
}

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



/*---トレンド・脅威情報---*/
#trend dl, #seminar dl{ width: 100%; padding: 10px; margin: 0 auto 5px auto; 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; font-size: 14px;}
#trend dd, #seminar dd { display: block; margin: 0; padding: 0;}
/*季刊レポート*/
#trend .report { background: #f0f0f0;}
#trend .report:hover { background: #d6d6d6;}
#trend .report dt { clear: both; display: block; width: 100%; height: auto; background: #787878; padding: 10px 0; margin-bottom: 15px;}
#trend .report dt br { display: none;}
#trend dl.report dd { clear: both; display: block; width: 100%; text-align: center;}
#trend dl.report  dd img { width: 100%; padding: 0 30%; -moz-box-shadow: none;-webkit-box-shadow: none;}
#trend .report dd dl { width: 100%; margin: 0; padding: 0;}
#trend .report dd dt { width: 100%; clear: both; background: none; color: #323232; font-size: 15px; text-align: left; padding: 20px 0 0 0;}
#trend .report dd dt span { display: block; font-size: 14px;}
#trend .report dd dd { width: 100%;}
#trend .report dd ul.square { display: block; list-style: square ; padding-left: 20px; margin-top: 5px; text-align: left;}
#trend .report li { padding: 0 0 .5em 0;}
/*カテゴリー・日付・内容タイトル*/
.listType01 { width: 100%;}
.listType01 dt { width: 50%; clear: both; background: #787878 url(../images/top_dt_fin.png) 100% 0 no-repeat; color: #fff; padding: 5px 10px;}
.listType01 dd { width: 100%; clear: both;}
.listType01 dd span { font-family: "noto_b"; display: block; width: 100%; clear: both;}
.listType01 dd p { display: block; width: 100%; clear: both;}
.listType01 dd p span { display: block; width: 100%; font-size: 10px; line-height: 120%;}
/*日付・内容タイトル*/
.listType02 dl{ width: 100%;}
.listType02 dt { font-family: "noto_b"; width: 100%; clear: both; padding: 0;}
.listType02 dd { width: 100%; clear: both;}


/*----お客様導入事例スライダー設定---*/
/* 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: 50px; background: #000 url(../images/arrow_btn_prev.png) center center no-repeat; left: -30px;}
.slick-prev:hover { height: 50px; background: #666 url(../images/arrow_btn_prev.png) center center no-repeat;}
.slick-next { height: 50px; background: #000 url(../images/arrow_btn_link.png) center center no-repeat; right: -30px;}
.slick-next:hover { height: 50px; 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: 85%; margin: 0 auto;}
.slick-slide a { display: block; background: #fff;}
.slick-slide a img:hover { opacity: 1; filter: alpha(opacity=100);}
.slick-slide {margin: 0px 20px;}
#contentsContainer_2015 .inner .slick-slide img {width: 220px; border: 1px solid #999999; padding: 20px 25px;}
.slick-prev:before, .slick-next:before {color: black;}



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

.inner p.lead18left { font-size: 14px;  line-height: 150%;}
.inner p.lead18center { font-size: 14px; line-height: 150%;}
.inner p.lead22left { line-height: 180%; font-size: 14px;}
.inner p.lead22center { line-height: 180%; font-size: 14px;}
#brand.inner h3, #security.inner h3, #try.inner h3 { color: #174F9E; font-size: 18px; font-family: "noto_b"; text-align: center;}

#main_visual.about { width: 100%; height: 200px; margin: 0; background: url(../images/about_img.jpg) no-repeat 20% 0 / 350%;}
#main_visual.about .box { }
#main_visual.about .box img { display: block; width: 100px; margin: 25px auto 0 auto;}
#main_visual.about .box div { position: static; width: 100%; padding: 0; margin-top: 30px;}
#main_visual.about .box h1 { font-size: 26px; text-align: center; text-indent: 0;
text-shadow: 2px 2px 5px #3b3b3b,
            -2px  2px 5px #3b3b3b,
             2px -2px 5px #3b3b3b,
            -2px -2px 5px #3b3b3b;}
#main_visual.about .box div span { font-size: 12px; left: -.1em;}
#main_visual.about .box div span.subTitle { }

/*ブランドステートメント*/
#brand { margin-top: 15px;}
#brand.inner { background: #fff url(../images/about_brand_bg.jpg) 0 100% no-repeat; padding-top: 15px;}
#brand.inner p.lead18left { width: 100; margin: 0 auto 20px auto; padding: 0 10px 15px 10px;}
#brand.inner p.lead18center { width: 100%; padding: 5px;margin: 0 auto 10px auto; }
#brand.inner p.lead22center { width: 100%; line-height: 160%; padding: 0; margin: 0 0 20px 0;}
#brand.inner p.lead22left { width: 100%;  margin: 0 auto 20px auto; padding: 5px;}
#brand .column_3_bg { width: 100%; background: #fff; opacity: .8; padding: 15px 0 0 0 ;}
#brand .column_3 { width: 100%; padding: 0 5px;}
#brand .column_3 > div { width: 100%; padding-left: 90px; margin: 15px auto 20px auto; font-size: 13px; text-align: left; line-height: 140%; position: relative;}
#brand .column_3 h4 { width: 100%; font-size: 15px; padding: 0 0 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #000; text-align: left;}
#brand .column_3 div img { display: block;  width: 73px; position: absolute; top: 0; left: 0;}

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


/*安全な社会のためにセキュリティへの取り組み*/
/*独自の情報収集活動*/
#try.inner h3 { margin: 50px 0 20px 0;}
#try.inner p.lead18left { width: 100%; padding: 0 5px 30px 5px;}
#try .mitf { width: 100%; margin: 0 auto; border: 1px solid #969696; padding: 10px 5px 20px 5px;}
#try .mitf img { width: 100%; display: block; clear: both; margin-top: 10px;}
#try .mitf div { clear: both; width: 100%; height: auto; line-height: 160%; font-size: 14px; text-align: left; padding: 5px; margin: 0 auto;}
#try .mitf div h4 { font-size: 15px; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #000; text-align: center;}
/*最新の技術動向やセキュリティ情報を発信*/
#try .send { width:100%; }
#try .send.column_2 div { width: 100%; height: auto; border:none; padding: 15px 10px 20px 10px; margin: 0 auto; text-align: center;}
#try .send.column_2 > div h4 { font-size: 22px; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #000; text-align: center;}
#try .send.column_2 > div img { width: 70%; clear: both;}
#try .send.column_2 > div h4 span { display: block; font-size: 14px;}
/*インターネット発展のためのグローバルな活動に貢献*/
#try .lineLR { margin-top: -10px;}
#try .global.column_3 { width: 100%; padding: 5px; margin: 0 auto;}
#try .global.column_3 div { width: 100%; margin: 0 auto 15px auto; padding: 5px; text-align: left;}
#try .global.column_3 div img { display: block; margin: 10px auto;}
#try .global.column_3 div p { display: inline; width: 100%; clear: both; font-size: 14px;}
#try h4.lineLR span { margin-top:60px;}

/*---wizSafeに込めた想い 201612 add---*/
#meaning.inner p.lead18center { width: 100%; line-height: 160%; padding: 0; margin: 0 0 20px 0;}

.inner a.btn.spBtn { line-height: 140%;}

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

#main_visual.soc { width: 100%; height: 200px; margin: 0; background: url(../images/soc_img.jpg) no-repeat center 0 / 400%;}
#main_visual.soc .box {}
#main_visual.soc .box img { display: block; width: 100px;  margin: 25px auto 0 auto;}
#main_visual.soc .box div { position: static; width: 100%; padding: 0;}
#main_visual.soc .box h1 { text-indent: 0; line-height: 100%; letter-spacing: -.01em; font-size: 23px; text-align: center; margin: 30px 0 0 0;;}


/*----情報と分析基盤----*/
#database { margin-top: 15px;}
#database.inner p.lead18left { width: 100%; padding: 5px;　margin-bottom: 0;}
#database div.btnArea { margin-top: 10px;}

/*----セキュリティーインテリジェンス----*/
#securityintelligence { margin-top: 15px;}
#securityintelligence.inner p.lead18left { width: 100%; padding: 5px;}
#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 0; text-align: left;}

/*----セキュリティーオペレーションセンター誕生----*/
#born { margin-top: 15px;}
#born.inner p.lead18left { width: 100%; padding: 5px; margin: 0 0 15px 0;}
#born .column_2 { width: 100%; margin-bottom: 0; }
#born .column_2 > div { width: 100%; height: auto; border:none; padding: 0; text-align: left;}
#born .column_2 > div img { margin: 0 auto 20px auto;}
#born .column_2 div h3 { width: 100%; font-size: 16px; 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: 5px; font-size: 13px; line-height: 160%;}
/*見学会*/
.tour h2 { width: 100%; border-bottom: 1px solid #000; margin: 20px auto; padding: 0 0 20px 0;}
.tour h2:after { border: none;}
.tour h2 span { position: static; font-size: 14px; color: #323232;}
.tour ul { display: block; width: 100%; margin: 0 auto; font-size: 14px; text-align: left; }
.tour ul li { border-left: 1px solid #787878; padding: 5px 0 5px 20px; margin: 0 0 10px 0;}
.tour ul li a:link { border-bottom: 1px solid #787878;}
.tour ul li a:hover { border-bottom: none;}
.tour ul li span { display: table-cell; width: 30%;}

/*---人材育成 201702 add---*/
#humanresouce { margin-top: 15px;}
#humanresouce.inner p.lead18left { width: 100%; padding: 5px; margin: 0 0 15px 0;}
#humanresouce .column_2 { width: 100%; margin-bottom: 0; }
#humanresouce .column_2 > div { width: 100%; height: auto; border:none; padding: 0; text-align: left;}
#humanresouce .column_2 > div img { margin: 0 auto ; width: 100%;}
#humanresouce .column_2 div h3 { width: 100%; font-size: 16px; padding: 0 0 15px 0; margin: 0 auto 15px auto; border-bottom: 1px solid #000; text-align: center;}
#humanresouce .column_2 div p { margin: 0 auto 15px auto; padding: 5px; font-size: 13px; line-height: 160%;}
#humanresouce .column_2 > div:first-child img{ padding:0 20px 40px 20px; margin-top:0;}
#humanresouce .column_2 div ul{padding-left:17px; margin-left: 15px;}


/*============================
info 201702 add
============================*/
#main_visual.info { width: 100%; height: 70px; margin: 0; background: url(../images/other_img.jpg) no-repeat center 0 / 400%;}
#main_visual.info .box {}
#main_visual.info .box img { display: block; width: 100px;  margin: 25px auto 0 auto;}
#main_visual.info .box div { position: static; width: 100%; padding: 0;}
#main_visual.info .box h1 { text-indent: 0;line-height: 100%; letter-spacing: -.01em; font-size: 23px; text-align: center; margin: 30px 0 0 0;;}

#info .table { width: 100%; margin: 30px auto;}

#info dd { display: block;}

#info dd dl { display: table; border-bottom: 1px solid #dedede; margin: 0;}
#info dd dl:last-child { border: none;}
#info dd dl:nth-child(odd) { background: #ebebeb;}
#info dd dl dt, #info dl dl dd { display: table-cell;}
#info dd dl dt { width: 23%; background: none; border-right: none; font-size: 90%; color: #333;}
#info dd dl dd { width: 77%; background: url(../images/arrow_gray.png) .2em .5em no-repeat; text-align: left; padding: .3em 0 .6em 10px;}
#info dl.noLink dl dd { background: none;}
#info dd dl dd a { line-height: 140%;}
#info dt.year { background: #fff; text-align: center; border-bottom: 1px solid #999; border-top: 1px solid #999; padding: .5em 0;}

#info .table .tableTitle { border-bottom: 1px solid #000; padding-bottom: 1px;display: none;}

#info div.btnArea a.btn, #info div.btnArea a.current_btn { width: 50%; padding: 0;}

.inner a.btn.wrap, .inner a.white_btn.wrap { line-height: 140%; padding: .5em 2em .5em 1em;}


/*201703 add*/
/** Japaneese btn **/
#main_visual .box > a { width: 6em; height: 2em; 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: 5px; line-height: 100%;}
#main_visual .box > a:hover { background: #fff; color: #da1949;}


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