@charset "UTF-8";

/* --------------------------------
		first setting
-------------------------------- */
body{line-height: 1.5em;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;text-align:center;color:#1e1e1e;font-size:12px;line-height:1.8em;position:relative;/* IE8 and below */ *letter-spacing: -1px; /* IE7 and below */}

a{ color:#0067b5; text-decoration:none;}
a:hover{color:#1eb3ea; text-decoration:none;}
a:hover img {-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80); border:none;}
a.noblink:hover img {-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100); border:none;}

.fL{float:left;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.fltl{float:left; display:inline;}
.fltr{float:right; display:inline;}

/* margin */
.mt0{margin-top: 0}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.mt45{margin-top:45px}.mt50{margin-top:50px}.mt55{margin-top:55px}.mt60{margin-top:60px}.mt70{margin-top:70px}.mt80{margin-top:80px}.mt90{margin-top:90px}.mt100{margin-top:100px}.mb0{margin-bottom: 0}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.mb25{margin-bottom:25px}.mb30{margin-bottom:30px}.mb35{margin-bottom:35px}.mb40{margin-bottom:40px}.mb45{margin-bottom:45px}.mb50{margin-bottom:50px}.mb55{margin-bottom:55px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}
.prel{position:relative}.mcntr{margin:0 auto}.tcntr{text-align:center}.tright{text-align:right}
.f10{font-size:10px; line-height:1.5em}.f11{font-size:11px; line-height:1.5em}.f12{font-size:12px; line-height:1.5em}.f13{font-size:13px; line-height:1.5em}.f14{font-size:14px; line-height:1.5em}.f15{font-size:15px; line-height:1.5em}.f16{font-size:16px; line-height:1.5em}.bold{font-weight:bold;}

/* color */
.fblue{color:#2b4c98}
.fred{color:#de3435}
.fpink{color:#c95b8f}
.fwht{color:#ffffff}
.fnarrow{letter-spacing:-0.1em}
.forange{ font-size:14px; font-weight:bold; color:#ff6666;}
.fb{ font-weight:bold;}
.vasub{vertical-align:sub;}
.vami{vertical-align: middle;}
.vaspr{vertical-align:super; font-size:small;}
.cb{clear:both;}
/* 20220214 */
.fwide{letter-spacing:0.1em}
.linet{text-decoration: line-through}


/* --------------------------------
		common page setting
-------------------------------- */
h1,h2,h3,h4{color: #0067b5;font-weight:bold;}
.en{font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.05em;}
.en > h1{padding-bottom:10px;}

/* page title */
h1{font-size:26px; border-bottom: #CCC solid 1px; margin-bottom: 50px; position:relative;}
h1 > span.en{ font-size:18px; color:#666; line-height:2.7em; margin-left: 15px;font-weight:400;}
h1.tel_info{margin-bottom: 10px;}
h2{font-size:22px; margin-bottom: 20px; line-height:1.4em;}
h2.tel_info{margin-bottom: 30px; text-align: right;}
h2.tel_info > span{font-size: 0.6em; margin-right: 8px; color: #666;}
h3{border-top:#0067b5 solid 3px; font-size:18px; padding:15px 0; margin:15px 0 20px;}
h4{font-size:16px; color:#222; margin:15px 0 6px 0;}
h5{color: #0067b5;}
.point{ display: inline-block; width: 690px; border:#0067b5 solid 1px; background: #ECF6FD; padding: 15px; margin-top:15px;}
.point > h3{font-size:14px; padding:0; border: none; margin: 0;}
.point > h4{margin-top: 0;}
.mini_point{ display: block; border-left:#0067b5 solid 10px; background: #ECF6FD; padding: 4px 10px; margin-bottom:8px;}

.translation{text-align: right; margin-top: 10px; float: right;}
.translation a{background:#0067b5; color: #fff; font-size: 12px; line-height: 24px; border-left: 1px solid #fff; display: inline-block; width:80px; text-align: center;}
.translation a.selected{opacity: 0.8;}
.translation a:hover{opacity: 0.7;}
.en .translation{margin-top: 0px;}

/* 2018/2/5 */
.multi.translation a{width:70px;}

#container{position: relative; width:960px; text-align:left; margin:0 auto 60px; padding:0; display: inline-block; overflow: hidden;line-height:2em; font-size:14px; color:#666;}
#breadcrumb{ height:30px; margin:10px 0 35px; font-size:12px;}
#breadcrumb a{ margin-right:15px;}
#pagetitle{ height:40px; border-bottom:#CCC solid 1px; margin-bottom:50px;}
#pagetitle .title{ font-size:26px; font-weight:bold; float:left; margin-right:15px;}
#pagetitle .en{ font-size:18px; color:#666; line-height:2.7em; font-family: 'Lato', sans-serif; font-weight:400;}
#columnL{ width:720px; float:left; display: inline-block;}
#columnR{ width:220px; float:left; margin-left:20px; display: inline-block; font-size: 12px; line-height: 1.8em;}

#columnL section a.btn2{width: 384px;font-size:14px;display:block;line-height: 2em; color:#FFF;text-align:left;background: #0067b5; margin-top:10px;padding:4px 0 4px 20px;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */position:relative;}
#columnL section a.btn2 i{position:absolute;right:15px;font-size: 20px;}

#main{ width: 100%; margin-bottom:50px; display: inline-block;}

#container .text_images_R{ text-align:center; font-size:12px; line-height:1.5em; float:right; padding:5px 15px; border:#ccc solid 1px; margin-left:25px; background: #fff;}
#container .text_images_R .fa{font-size: 16px; margin-right: 2px; vertical-align: baseline;}
#container .text_images_R2{ text-align:center; font-size:10px; line-height:1.5em; float:right; padding:5px; margin-left:25px; background: #fff;}
#container p.project{margin-bottom:16px;line-height:1.5em;font-size:12px;margin-top:-4px;color:#818181;}
#container .image{ margin:30px; text-align:center;}
#container .box{ border:#666 solid 1px; padding:25px; margin:10px; display: inline-block;}
#container .linkbtn{ padding: 20px 0 0;  display: inline-block; width: 100%; font-size: 12px;}
#container .linkbtn a div{display: table-cell; vertical-align: middle;}
#container .linkbtn a { float:left; display: table; width:178px; height:32px; padding:8px 12px 8px 28px; line-height:1.4em; line-height:1.3em;\9; /* IE8 and below */ border:#CCC solid 1px; background:#FFF url(https://n-kishou.com/corp/images/btn_arrow2.gif) no-repeat; background-position: 10px 18px; margin:10px;}
#container .linkbtn a.current{border:#52c3f1 solid 1px; background:#52c3f1 url(https://n-kishou.com/corp/images/btn_arrow1.gif) no-repeat; background-position: 10px 18px; margin:10px; color:#FFF;}
#container .linkbtn a:hover .current{color:#FFF; text-decoration:none;}

/* table */
table{ text-align:center; font-size:12px; line-height:1.5em;}
table { margin-bottom:10px;}
tr{background:#f1f1f1;}
tr .title_white{background:#fff;color:#666}
tr .title_rightblue{background:#ECF6FD;color:#666}
tr .title_blue{background:#346da1;color:#FFF}
tr .title_lightblue{background:#CFD9EA;color:#666}
tr .title_darkgrey{background:#999; color:#FFF}
tr .title_grey{background:#f1f1f1; color:#666}
tr .title_lightgrey{background:#F7F7FA;color:#666}

tr .title_grd{
color: #666;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

tr:first-child {background:#ED6D00; color:#FFF; font-weight:bold;}
tr:nth-child(even) {background:#e5e5e5;}
th{ width:180px; padding:5px; vertical-align: middle; border-bottom:#FFF solid 1px ;}
td{ width:255px; padding:5px; border-left:#FFF solid 1px ; border-bottom:#FFF solid 1px ; vertical-align: middle;}
td .red{ color:#FF0004;}
table.half th,table.half td{width: 360px;}

.maintable{font-size:14px;}

/* web icon */
.fa{padding: 4px;}

/* btn */
.btn {display: inline-block;font-size:12px;color:#0067b5;line-height:1.6em;text-align:center; background:#DDD; padding: 8px 20px; border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
.line_btn {background: #fff; display: inline-block;font-size:12px;color:#0067b5;line-height:1.6em; border: #ddd 1px solid; text-align:center;padding:8px 20px ;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}

a .btn_contact{position: relative;font-size:14px;color:#FFF;line-height:1.6em;text-align:center;background:#0067b5;padding:12px 20px 12px 40px ;margin-bottom:20px;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
a .btn_contact img{position: absolute; left: 10px; top: 50%; margin-top: -10px;}
a .btn_contact .fa{position: absolute; left: 10px; top: 50%; margin-top: -10px; padding: 0; font-size: 22px;}
a:hover .btn_contact { background:#3385c4;}
.btn_contact hr{border-top: 1px solid #4A82B8; margin: 3px 0; height: auto;}
.btn_wrap{overflow: hidden; margin:0 -1%;}
.btn_wrap a{display: block; width: 48%; margin: 0 1%; float: left;}
.btn_wrap a > img{width: 100%;}
.btn_wrap3{overflow: hidden;}
.btn_wrap3 a{display: block; width: 32%; float: left;}
.btn_wrap3 a + a{margin-left: 2%;}
.btn_wrap4{overflow: hidden;}
.btn_wrap4 a{display: block; width: 23%; float: left;}
.btn_wrap4 a > div { font-size: 0.8em;}
.btn_wrap4 a + a{margin-left: 2%;}
a.threeline-btn{width: 192px;margin: 4px 2px;}

a .btn_contactM{width: 250px; margin: 0 auto;}
a .btn_contactL{background: #fff; border: 1px solid #ccc; color: #0067b5;padding: 12px 20px 12px 20px;}
a:hover .btn_contactL { background:#eee;}
.btn_contactL hr{border-top: 1px solid #ccc;}


/* header */
#header{ height:90px; background: url(https://n-kishou.com/corp/images/header_g-navi_bg.jpg) no-repeat #2A397A center; text-align:center; margin:0 auto;}
#header #headerWrap{ width:960px; padding-top:25px; text-align:center; margin:0 auto; overflow: hidden;}
#header #headerWrap .logo{ float:left;}
#header #headerWrap .logo img{height: 40px;}
#header #headerWrap ul{ height:21px; margin:12px 0;  float:right;}
#header #headerWrap ul li{float: left;}
#header #headerWrap ul a{ font-size:12px; height:21px; color:#FFFFFF; text-decoration:none; padding:0 36px; border-right:#FEFEFE solid 1px;}
#header #headerWrap ul li:first-child a{border-left:#FEFEFE solid 1px;}
#header #headerWrap ul a:hover{ color:#1eb3ea;}
#header + hr{height: 10px;background: #0067b5;margin: 0;border: none;}
.navigation{background: #0067B5; margin-top: -10px;}
.navigation ul{overflow: hidden; width: 960px; margin: 0 auto;}
.navigation li{float: left;}
.navigation a{display: block;}
.navigation a.active{background: #fff;}
.navigation a.active img,.navigation a.active span{opacity: 0.9;}

#english_navigation a{color: #fff; display: block; height: 80px; line-height: 80px; font-size: 1.5em;}
#english_navigation a:hover{opacity: 0.7;}
#english_navigation a span{display: block; background: #0067B5;}
#english_navigation li{width: 33.15%; border-left: 1px solid #3385C4;}
#english_navigation li:last-child{border-right: 1px solid #3385C4;}
#english_navigation + #container{padding-top: 12px; margin-top: 20px;}

/*　columnR navi　*/
#columnR .link_title{ width:211px; padding:7px 9px 7px 0; color:#000; font-weight:bold; background-color:#FFF; border-bottom:#000 solid 1px; margin:0 0 10px 0;}
#columnR .link_content{ width:200px;padding:9px 8px 7px 10px; background:#FFF; border:#CCC solid 1px; margin:0 0 6px 0;}
#columnR a .link_content{ color:#0067b5;}
#columnR a:hover .link_content{ color:#1eb3ea;}
#columnR .link_content_current{ width:200px;padding:10px 10px 8px 10px; color:#FFF; margin:0 0 6px 0; background:#52c3f1; line-height: 1.4em;}
#columnR .link{ width:200px; padding:8px 8px 8px 10px; border-bottom:#CCC solid 1px;}
#columnR .link:last-of-type, #columnR .current:last-of-type{margin-bottom: 6px;}
#columnR .link a{ color:#1e1e1e;}
#columnR .link a:hover{color:#1eb3ea; text-decoration:none;}
#columnR .current{ width:200px; padding:8px 8px 8px 10px; border-bottom:#CCC solid 1px; color:#52c3f1;}
/*170123*/
#columnR .link_bottom{text-align:center;display:block;margin-top:30px}

/* footer */
/* 220720　変更 */
#footer{ width:100%; height:420px; color:#CCC; text-align:center; margin:0 auto; background:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:11px; line-height:2.2em;}
#footer .area{ width:920px; height:310px; padding:40px 20px 20px 20px; text-align:left; margin:0 auto;}
/*
#footer{ width:100%; height:350px; color:#CCC; text-align:center; margin:0 auto; background:#333333; font-family: 'Lato', sans-serif; font-weight:400; font-size:11px; line-height:2.2em;}
#footer .area{ width:920px; height:240px; padding:40px 20px 20px 20px; text-align:left; margin:0 auto;}
*/
#footer .area .title{ font-size:13px; font-weight:bold; margin: 5px 0 15px;}
#footer .area .home { height:260px; float:left;}
#footer .area .service { height:260px; margin-left:50px; float:left;}
#footer .area .corporate { height:260px; margin-left:90px; float:left;}
#footer .area .news { height:260px; margin-left:90px; float:left; line-height:3.2em;}
#footer .area a{ color:#DDD; text-decoration:none;}
#footer .area a:hover{color:#999; text-decoration:none;}
#footer .area .news a{ font-size:13px; font-weight:bold; color:#DDD; text-decoration:none;}
#footer .area .news a:hover{color:#999; text-decoration:none;}
#footer .copy { padding:12px; border-top:#666 solid 1px;}

/*fancybox*/
a.fancybox{display: block; text-align: center;}
.fancybox-skin{background: #fff;}
#pop-thumb li{position: relative; display: inline-block; width: 80px;}
#pop-thumb li span{display: block; cursor: pointer; background: #0067b5; color: #fff; margin: 0 4px; padding:2px 4px; border-radius: 5px;}
#pop-thumb li span:hover,#pop-thumb li span.active{opacity: 0.7;}
#pop-thumb li span img{display: none;}


/* --------------------------------
		consultation
-------------------------------- */
.consultation dl {overflow: hidden;}
.consultation dl em{display: block; font-style: normal; font-size: 1.5em; letter-spacing: 0.2em; margin-bottom: 20px;}
.consultation dl dt,.consultation dl dd{padding: 3%; border-radius: 5px;}
.consultation dl dt{width: 39%; background: #52c3f1; color:#fff; float: left;}
.consultation dl dd{width: 50%; position: relative; border: 1px solid #ddd; box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;-webkit-box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;-moz-box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;background: #fff;float: right; margin-right: 6px; margin-top: -8%; margin-bottom: 40px;}
.consultation dl dd:after, .consultation dl dd:before {right: 100%;top: 20%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.consultation dl dd:after {border-right-color: #fff;border-width: 8px;margin-top: -8px;}
.consultation dl dd:before {border-right-color: #ddd;border-width: 9px;margin-top: -9px;}


/* --------------------------------
		service
-------------------------------- */
#container.service #corporation h2{color: #3ebcf5;}
#container.service #individual h2{color: #6ad595;}
#container.service .service_sec ul{overflow: hidden; border-radius: 5px; }
#container.service .service_sec ul li{float: left; margin: 10px; width: 31%; height: 340px;}
#container.service .service_sec ul li img{width: 100%;}
#container.service .service_sec ul li a{display: block; margin: 8px 0;}
/*2020 04*/
#container.service section h4 a{margin-left: 10px; padding-top: 24px; display: block; clear: both; color:#222;}

#container.service #individual a{color: #29A059;}
#container.service #individual a:hover{color: #6ad595;}

#container.service.en #corporation ul li{height: 460px;}
#container.service.en .service_sec ul li a{font-weight: bold;}
#container.service.en section h4{margin-left: 10px; padding-top: 24px; display: block; clear: both;}


/* --------------------------------
		sitemap
-------------------------------- */
.sitemap ul{overflow: hidden;}
.sitemap ul li{width: 33.3%; float: left;}

.sitemap ul.three-crm{width: 33.3%; float: left;}
.sitemap ul.three-crm li{width: 100%; float: none;}


/* --------------------------------
		section industry
-------------------------------- */
.section_industry section ul{overflow: hidden;}
.section_industry section ul.icon_list{margin: -1%; text-align: center;}
.section_industry section ul.icon_list li{width: 12.25%; margin: 1%;}
.section_industry section ul.icon_list li span{color: #666; font-size: 0.9em;}
.section_industry section ul.icon_list img{width: 70%; margin: 0 auto; display: block;}
.section_industry section ul.link_list{padding: -3%; margin: 0 -1.6%;}
.section_industry section ul.link_list li{position: relative; width: 46.8%; height:380px; padding:2% 0 0 0; margin: 0 1.6%; border-bottom: #CCC solid 1px;}
.section_industry section ul.link_list li img.text_icon{width: 54px; position: absolute; left: 14px; top: 118px; border-radius: 30px;}
.section_industry section ul.link_list li p{font-size: 14px; line-height: 1.8em;}
.section_industry section ul.link_list li h5{margin-top: 5px;}
.section_industry section ul.link_list li h2{position: absolute; top: 316px;}
.section_industry section ul li{float: left;}
.section_industry section h2 {margin: -4px;}
.section_industry section h2 .line_btn{float: left;padding: 4px 10px; margin: 4px;}


/* --------------------------------
		section top page
-------------------------------- */
.section_top ul {overflow: hidden;}
.section_top ul > li:first-child{border-top: #CCC solid 1px;}
.section_top ul > li{border-bottom: #CCC solid 1px; overflow: hidden;}
.section_top a.btn{width: 200px;font-size:14px; line-height: 2em; color:#FFF;text-align:left;background: #0067b5;padding:4px 0 4px 20px;margin-top:10px;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
.section_top a.btn:hover{opacity: 0.7;}
.section_top ul > li > a{display: block; overflow: hidden; padding: 30px 0 30px;}
.section_top ul > li > a > i{float: left; margin:0 15px;}
.section_top ul > li > a > div{overflow: hidden; color: #333;}
.section_top ul > li > a:hover{background: #ECF6FD;}
.section_top ul > li > ul{width: 885px; float: right; margin: 15px 0 15px;}
.section_top ul > li > ul > li:first-child{border: none;}
.section_top ul > li > ul > li{border: none; float: left; width: 46%; margin-right: 4%; font-size: 13px; line-height: 1.6em;}
.section_top ul > li > ul > li a{padding: 0}
.section_top ul > li > ul > li a:hover span{ color: #1eb3ea;}
.section_top ul > li > ul > li span{ color: #0067b5; font-size: 14px; padding-bottom: 5px; font-weight: bold; line-height: 2em;}
.section_top ul > li > ul > li i{float: left; margin-right:10px; color: inherit; font-size: 20px;}

.section_top ul.btn_list > li{display: block; overflow: hidden; padding: 30px 0 30px;}
.section_top ul.btn_list > li > a.btn{width: 200px;font-size:14px; line-height: 2em; color:#FFF;text-align:left;background: #0067b5;padding:4px 0 4px 20px;margin-top:10px;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
.section_top ul.btn_list > li > a.btn2{width: 384px;font-size:14px; line-height: 2em; color:#FFF;text-align:left;background: #0067b5;padding:4px 0 4px 20px;margin-top:10px;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
.section_top ul.btn_list > li > a.btn:hover{opacity: 0.7;}
.section_top ul.btn_list > li > a > i{float: right; margin:0 15px;font-size: 20px;}
 #container.section_top ul.btn_list > li > .text_images_R{padding: 0; border: 0; border-radius: 5px; overflow: hidden;}


.industry{overflow: hidden; position: relative;}
.industry img{width: 300px;}
.industry div{width: 630px;float: right;}
.industry .btn{float: right;}



/* --------------------------------
		section in page
-------------------------------- */
#container section{line-height:2em; font-size:14px; color:#666; margin-bottom:30px; display: inline-block; width: 100%;border-bottom: #CCC solid 1px; padding-bottom: 30px;}
#container section.none_border{border: none;}


.management_cloud_icon{ float:right; margin-left:10px;}
.management_cloud_icon .standard{width:100px;font-size:12px;color:#FFF;line-height:1.6em;text-align:center;background:#ED6D00;padding:6px 20px ;margin:0 5px 5px 5px;float:left;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}
.management_cloud_icon .lite{width:100px;font-size:12px;color:#FFF;line-height:1.6em;text-align:center;background:#346da1;padding:6px 20px ;margin:0 5px 5px 5px;float:left;border-radius: 3px; /* CSS3草案 */-webkit-border-radius: 3px; /* Safari,Google Chrome用 */-moz-border-radius: 3px; /* Firefox用 */behavior: url(/corp/common/css/ie-css3.htc); /* IE6〜8用 */}

/*case*/
.case ul.case_list {overflow: hidden; margin: -1%;}
.case ul.case_list li{float: left; width: 48%; padding: 2% 0 2% 0; margin: 1%; background: #efefef; text-align: center;}
.case ul.case_list li img{margin: 10px auto;}
.case ul.case_list li a.line_btn{margin-top: 10px;}
/*price*/
.price th{ width:280px;}

/*flow*/
.flow th{width: 600px; text-align: left; font-weight: normal; padding: 10px;}
.flow th:nth-child(odd){ width:120px; text-align: center;font-weight: bold;}
.flow th em{font-size: 1.2em; display: block; font-style: normal;font-weight: bold; margin-bottom: 10px;}

.alertmail th{width: 600px; text-align: left; font-weight: normal; padding: 10px;}
.alertmail th:nth-child(odd){ width:120px; text-align: center;font-weight: bold;}
.alertmail th em{font-size: 1.2em; display: block; font-style: normal;font-weight: bold; margin-bottom: 10px;}
.alertmail .half th{background:#f1f1f1; color:#666}

.tennavi th{ border-bottom:#FFF solid 8px ;}

/*history*/
.history h2{font-size: 18px; margin: 32px 0 16px 0; border-left: 4px solid #0067b5; padding-left: 16px;}
.history th,.history td{background: #fff;color: #666;border-bottom:1px dotted #ddd;}
.history th{ text-align: left; font-weight: normal; padding: 10px; width: 700px;}
.history th:nth-child(odd){ width:90px; text-align: left;font-weight: bold; padding-right: 10px;}

/*outline*/
.outline th,.outline td{border: 2px solid #fff;}
.outline th{width: 714px; text-align: left; font-weight: normal; padding: 10px;}
.outline th:nth-child(odd){ width:210px; text-align: center;font-weight: bold;}

/*technical report*/
.report h3{margin: 0;}
.report h3 a:after{content: "\f08e"; font-family: FontAwesome; font-size: 15px; font-weight: normal;margin-left: 10px;}
.report .point{border: none; padding: 10px 15px;}

/*recruit*/
.recruit ul{overflow: hidden; margin: -1%; font-size: 0.9em; text-align: center;}
.recruit ul > li{width: 29%; float: left;border: #CCC solid 1px; margin: 1%; padding: 1%;}
.recruit ul > li > a{display: block;}
.recruit ul > li > a:hover div{opacity: 0.7;}
.recruit ul > li > a:hover{color: #0067b5}
.recruit ul > li h2{line-height: 45px; margin-bottom: 0px;}
.recruit table{width: 100%; text-align: left; font-size: 100%;}
.recruit .info h2{font-size: 2.5em;color: #333;position: relative;}
.recruit tr:first-child{ font-weight: normal;}
.recruit tr td:first-child{width: 120px;}
.recruit th,.recruit td{background: #fff;color: #666; width: auto;}

/*201801追加*/
.campus_recruiting section ul.link_list{overflow: hidden;}
.campus_recruiting section ul.link_list{padding: -3%; margin: 0 -1.6%;}
.campus_recruiting section ul.link_list li{position: relative; width: 46.8%; height:360px; padding:2% 0 0 0; margin: 0 1.6%; float: left;}
.campus_recruiting section ul.link_list li img{width: 350px; margin: 0 auto;}
.campus_recruiting section ul.link_list li p{font-size: 0.9em; line-height: 1.8em;}
.campus_recruiting section ul.link_list li h5{margin-top: 5px;}
.campus_recruiting section ul.link_list li.column1{width: 100%;}
.campus_recruiting section ul.link_list li.column1 img{margin-right: 1.6%;}
/*20220207追加*/
.campus_recruiting section ul.link_list li.photo2{position: relative; width: 97%; height:auto; padding:2% 0 0 0; margin: 0 1.6%; margin-bottom: 10px;}
.campus_recruiting section ul.link_list li.photo2 img:first-child{margin-right: 2.1%;}

/*environmental*/
.environmental ul{overflow: hidden; margin: -1%;}
.environmental ul li{width: 31%; margin: 1%; float: left;}
.environmental ul li img{width: 100%;}


/*weather-data 20151209追加*/
.weather-data .data_provid{ display: block; width: 130px; border:#0067b5 solid 1px; background: #ECF6FD; padding: 0 3px; margin-top:20px;text-align:center;font-size:0.83em;color:#0067b5;}


/*course*/
.section_top.course a.btn{padding: 4px; text-align: center;}

/*inquiry*/
.inquiry label{width: 240px; display: inline-block;}
#formID { background: #F5F5F5; width:960px; margin: 0 auto;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; overflow: hidden;}
#formID .fieldset{width: 912px; margin: 24px auto;}
#formID .fieldset > section > a{text-decoration: underline;}
.form-title small{font-size: 0.95em; color: #D73030; padding-right: 4px;}
.form-field {border: 1px solid #D5D5D5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #898888;padding:8px;}
.form-field:focus {color: #333;}
.form-wrap{width: 50%; height: 68px; float: left;}
.form-wrap .form-field,.form-wrap .form-title {width: 92%;}
.period{width: 100%;}
.form-title {color: #898888; display: block;font-size: 0.9em;}
/*20220218追加*/
.form-wrap3column{width: 30%; height: 68px; float: left;}



#formID #naiyou{width: 100%;clear: both; overflow: hidden; height: 360px; margin-bottom: 20px;}
#formID .naiyouinformError.parentFormformID.formError{left: 900px;}
#formID .form-wrap #naiyouin{width: 875px; height: 300px; margin: 8px 0;display: block;}
.janl{float: right;}
.yubin .form-field{width: 20%; margin-right: 0;}
.tels .form-field{width: 20%; margin-right: 0;}


.checkbox_wrap{width: 100%; height: auto; margin-bottom: 16px; overflow: hidden;}
.checkbox_list{overflow: hidden; clear: both; padding: 10px 0 10px 0;}
.checkbox_list + .checkbox_list{border-top: 1px solid #ccc;}
.checkbox_list li{float: left; width: 30%;}


.btn-container {clear: both; padding:24px; text-align:center;}
.btn-container > input{margin: 6px;}
.reset-button {
border: 1px solid #CFCFCF;
background: #9e9e9e;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
padding: 8.5px 18px;
font-size: 14px;}
.reset-button:hover {background: rgba(158,158,158,0.7);}

.submit-button {
width: 320px;
border: 1px solid #CFCFCF;
background: #365ea3;
background: -webkit-gradient(linear, left top, left bottom, from(#5a82bd), to(#365ea3));
background: -webkit-linear-gradient(top, #5a82bd, #365ea3);
background: -moz-linear-gradient(top, #5a82bd, #365ea3);
background: -ms-linear-gradient(top, #5a82bd, #365ea3);
background: -o-linear-gradient(top, #5a82bd, #365ea3);
background-image: -ms-linear-gradient(top, #5a82bd 0%, #365ea3 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: #1e3e80 0 1px 0;
color: #ffffff;
padding: 8.5px 18px;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
.submit-button:hover {background: rgba(54,94,163,0.7);}

#container.inquiry.en {margin-bottom: 0;}


/*tab contents*/
.disNon {display: none;}
.ul_tab01 {overflow: hidden;}
.ul_tab01 li {float: left; color: #0067b5; width: 238.6px; background: #fbfbfb;padding: 5px 0 2px;border: 1px solid #ddd;text-align: center;cursor: pointer;}
.ul_tab01 li + li{border-left: none;}
.ul_tab01 li.current {background: #fff; border-top: 5px solid #579bd9; border-bottom: none; padding: 1px 0 2px;}
.tabContent01 {padding: 20px 10px 10px; text-align: left;background: #fff; border: #ddd 1px solid; border-top: none;}

.ul_tab01_4 li{width: 178px; height: 50px; padding-top: 24px;}
.ul_tab01_4 li.longtext{padding-top: 10px; padding-bottom: 16px;}
.ul_tab01_4 li.current{height: 50px; padding-top: 20px;}
.ul_tab01_4 li.current.longtext{padding-top: 6px; padding-bottom: 16px;}

/* 2017/10/23 */
.ul_tab01_3 li{width: 238.6px; height: 50px; padding-top: 24px;}
.ul_tab01_3 li.longtext{padding-top: 10px; padding-bottom: 16px;}
.ul_tab01_3 li.current{height: 50px; padding-top: 20px;}
.ul_tab01_3 li.current.longtext{padding-top: 6px; padding-bottom: 16px;}

/* 2018/10/26 */
.ul_tab01_2 li{width: 358px; height: 50px; padding-top: 24px;}
.ul_tab01_2 li.longtext{padding-top: 10px; padding-bottom: 16px;}
.ul_tab01_2 li.current{height: 50px; padding-top: 20px;}
.ul_tab01_2 li.current.longtext{padding-top: 6px; padding-bottom: 16px;}

/* 2019/10/2 */
.ul_tab01_5 li{width: 142px; height: 50px; padding-top: 24px;}
.ul_tab01_5 li.longtext{padding-top: 10px; padding-bottom: 16px;}
.ul_tab01_5 li.current{height: 50px; padding-top: 20px;}
.ul_tab01_5 li.current.longtext{padding-top: 6px; padding-bottom: 16px;}

/* 2020/5/25 */
.ul_tab01_8 li{width: 178px; height: 50px; padding-top: 24px;}
.ul_tab01_8 li.longtext{padding-top: 10px; padding-bottom: 16px;}
.ul_tab01_8 li.current{height: 50px; padding-top: 20px;border-bottom: 1px solid #ddd;}
.ul_tab01_8 li.current.longtext{padding-top: 6px;}
.ul_tab01_8 li:nth-child(n+5){border-top: 0;}	/*5番目以降*/
.ul_tab01_8 li:nth-child(n+5).current{border-top: 5px solid #579bd9;padding-top: 19px; }
.ul_tab01_8 li:nth-child(n+5).current.longtext{padding-top: 5px; }
.ul_tab01_8 li:nth-child(5n){border-left: 1px solid #ddd;}	/*5の倍数*/
.ul_tab01_8 {border-bottom: 1px solid #ddd; padding-bottom:4px}

//.ul_tab01 li.current {background: #fff; border-top: 5px solid #579bd9; border-bottom: none; padding: 1px 0 2px;}



.layout01 {border-radius: 5px;padding: 10px;overflow: hidden;background: #fff;}
.layout01Img {float: left;margin-right: 10px;}
.layout01Text {font-size: 115%;}


/*img guard*/
.guard_box{position:relative;width:200px;height:230px;}
.guard{position:absolute;display:block;width:100%;height:100%;}
.guard_box + .mini_point{ margin-top: 4px;}
#container .pf_data{font-size: 12px;}

.only_sp,#corporate_footerNavi{display: none !important;}



@media screen and (min-width: 768px) and (max-width: 1024px) {
.only_sp{display: none !important;}
}



@media screen and (max-width: 767px) {
/* --------------------------------
		first setting
-------------------------------- */
img,iframe,select{max-width: 100%;}
body{font-size: 13px;}


/* --------------------------------
		common page setting
-------------------------------- */
h1{font-size: 19px; margin-bottom: 20px;}
h1 > span.en{font-size: 13px; margin-left: 10px;}
.en{letter-spacing: 0;}
h2{font-size: 16px; margin-bottom: 10px;}
h3{font-size: 16px; margin: 30px auto 10px; padding-bottom: 0;}
h4{font-size: 14px; line-height: 1.5em;  margin-top: 0;}

table{font-size: 14px;}
tr .title_blue{font-size: 13px;}
.flow th{padding: 15px 10px;}
.flow th:nth-child(odd){width: 10%;}
.flow th em{font-size: 14px; margin-bottom: 5px;}
table.half th.title_blue{width: 30%;}

.none_border > .images_R_SP + h4{margin-top: 0;}
.point{width: 100%; box-sizing: border-box; line-height: 1.7em;}
#container p.project{font-size: 12px; line-height: 1.4em; margin-top: inherit;}

.translation{float: none;}
.translation a{font-size: 10px; line-height: 20px;}
.en .translation{position: absolute; top: 0; right: 0; width: 100%;}
.en .translation a{width: 20%; vertical-align: top;}

#container{width: 100%; margin: 0 auto; padding-top: 45px; font-size: 13px; line-height: 1.7em;}
#container > * {display: block; width: 95%; margin-right: auto; margin-left: auto;}
#breadcrumb{position: relative; overflow-x: scroll; white-space: nowrap; font-size: 10px; margin-bottom: 15px;}
#breadcrumb a{margin-right: 8px;}

#container section{display: block; overflow: hidden; width: 95%; margin: 0 auto 25px; padding-bottom: 25px; font-size: 14px; line-height: 1.8em;}
#container section:last-child{padding-bottom: 0; border-bottom: none;}
#container section.none_border{margin-bottom: 20px; padding-bottom: 0;}
#container section > section{width: 100%;}

#main{margin-bottom: 20px;}

#container .text_images_R{float: none; margin-left: 0; margin-bottom: 20px;}
#container .text_images_R img{width: 100%;}
#container .images_R_SP{float: right; margin: 0 0 10px 10px;}
#container .images_R_SP img{width: 100px;}

#columnL,#columnR{float: none; display: block; width: 100%;}
#columnL > section.none_border:last-of-type{margin-bottom: 0; padding-bottom: 0;}
#columnL > section > h2{font-size: 16px;}
#columnL > section > h2 + h3{margin-top: 0;}
#columnL > h2:first-child,#columnL > h3{width: 95%; margin: 0 auto 10px;}
#columnL .half + br{display: none;}
#columnL section a.btn2{width: 100%; box-sizing: border-box;}
#columnL > .point{display: block; width: 95%; margin: 15px auto 0;}
#columnL section .image_C{text-align: center;}
#columnL section .image_C img{width: 30%; margin: 10px auto !important;}

#columnR{font-size: 13px; margin-top: 40px;}
#columnR .link_title{display: none;}
#columnR .link,#columnR .current,#columnR .link_content_current,#columnR .link_content{width: 100%; padding: 12px 2.5%; box-sizing: border-box;}
#columnR > a:first-of-type > div{border-top: 1px solid #ccc;}
#columnR > a:last-of-type > div{border-bottom: none;}
#columnR > a > .link_content_current,#columnR > a > .link_content{border: none !important;}
#columnR .link:before,#columnR .current:before{content: "\f105"; font-family: FontAwesome; float: left; margin-right: 10px;}
#columnR .link:last-of-type,#columnR .link_content_current,#columnR .link_content{margin-bottom: 0;}
#columnR .link_bottom{margin: 20px 0;}
#columnR a .link_content{background: #eee; margin-top: 2px;}
#columnR a .link_content:before{content: "\f138"; font-family: FontAwesome; float: right; font-size: 16px;}
#columnR .link br, #columnR .link_content br, #columnR .link_content_current br{display: none;}
#columnR .link:last-of-type, #columnR .current:last-of-type{margin-bottom: 0;}

#container .linkbtn{display: none;}

.maintable{display: block; font-size: 14px;}
.maintable *:not(a){display: block;}
.en .maintable *:not(a){display: block;}
.en .maintable tr .title_grd{background: #f2f2f2;}

.tabContent01 .title01 + h3{margin-top: 0;}

/*btn*/
.btn{font-size:13px; padding: 8px 20px;}
.btn .fa{font-size: 12px; padding: 0 4px 0 0;}
a .btn_contact{width: 95%; margin: 20px auto 0; font-size: 14px; line-height: 1.5em; box-sizing: border-box;}
a .btn_contactM{width: 100%; box-sizing: border-box;}
table a .btn_contact{width: 100%; margin: 0 auto 10px;}
.btn_wrap{width: 95%; margin: 0 auto;}
.btn_wrap a{width: 100%; margin: 0; float: none;}
.btn_wrap a div{margin-bottom: 10px;}
section > .btn_wrap{width: 100%;}
.btn_wrap > a .btn_contact{width: 100%; margin-bottom: 0;}
.btn_wrap > a + a .btn_contact{margin-top: 5px;}
.btn_wrap3 a{width: 100%; float: none;}
.btn_wrap3 a + a{margin-left: 0;}
.btn_wrap3 a:first-child div{margin-top: 20px;}
.btn_wrap3 div{width: 100%; margin-top: 10px;}
.btn_wrap4{width: 95%; margin: 0 auto 20px;}
.btn_wrap4 a{width: 49.5%; margin-bottom: 1%;}
.btn_wrap4 a:nth-child(odd){margin-right: 1%;}
.btn_wrap4 a + a{margin-left: 0;}
.btn_wrap4 a .btn_contact{width: 100%; margin: 0; padding: 10px 10px 10px 20px;}
.btn_wrap4 a > div{font-size: 13px;}
.btn_wrap4 a img{width: 12px; margin-top: -7px;}
.btn_wrap4 a .btn_contact .fa{margin-top: -8px; font-size: 16px;}

/*header*/
#header{background: none; position: absolute; z-index: 700000; left: 50%; margin-left: -480px; font-weight: bold;}
#header + hr{display: none;}

#nav-menu{position: relative;}
#nav-menu a{color: #fff;}
.nav-top{background: #2a397a; color: #fff; position: fixed;z-index: 600000; width: 100%; height: 45px; overflow: hidden;}
.nav-top a.nav-menu-btn1{float: left; width: 46px; border-right: 1px solid #999;}
.nav-top a.nav-menu-btn1-2{display: none; float: left; width: 46px; border-right: 1px solid #999;}
.nav-top a.nav-menu-btn2 img{ height: 28px; margin-top: 7.5px;}
.nav-top a.nav-menu-btn3{float: right; width: 46px; border-left: 1px solid #999;}
/*.nav-top a.nav-menu-btn3-2{display: none;float: right; border-left: 1px solid #999;}*/

.nav-top a i{font-size: 24px; margin: 7px;}
@keyframes menu-show{from{left:-100%;} to{left:0;}}
.menu-list-container{display: none; background: #333; text-align: left; position: absolute; z-index: 590000; top: 45px; left: -100%;}
.menu-list-container-on{left: 0; min-height: 1400px; animation: menu-show 0.3s linear 0s;}
.menu-list-container ul {padding: 10px;border-bottom: 1px solid #999;}
.menu-list-container ul li a{display: block; padding-left: 1em; font-size: 1em; line-height: 2.8em;}
.menu-list-container ul li.cate_h1{font-size: 1.2em;}
.menu-list-container ul li.cate_h1 a{padding-left: 0;}
.menu-list-container ul li.cate_h1+li.cate_h1{border-top: 1px solid #999; font-weight: bold;}

.navigation{display: none;}

/*footer*/
#footer{height: auto; z-index: 580000;}
#footer .copy{line-height: 1.8em;}

/*fancybox*/
#pop-thumb{width: 100% !important; position: relative !important; margin-bottom: 10px; text-align: left;}
#pop-thumb li{width: calc(96%/3); margin-top: 0 !important; text-align: center;}
#pop-thumb li span{margin: 0;}

#corporate_footerNavi{display: block !important;font-size: 13px; width: 100%;}
#corporate_footerNavi .link_content_current{color: #fff; width: 100%; margin: 10px 0 0; padding: 12px 2.5%; background: #2a397a; line-height: 1.4em; box-sizing: border-box;}
#corporate_footerNavi .link_content{width: 100%; margin: 2px 0 0; padding: 12px 2.5%; color: #0067b5;  border-bottom: 1px solid #ccc; box-sizing: border-box;}
#corporate_footerNavi a:last-child .link_content{border-bottom: none;}
#corporate_footerNavi .link_content:before{content: "\f138"; font-family: FontAwesome; float: right; font-size: 16px;}

.only_sp{display: block !important;}
.only_pc{display: none !important;}


/* --------------------------------
		consultation
-------------------------------- */
#container.consultation{margin-bottom: 40px;}
#container.consultation p{margin: 20px auto !important; text-align: left !important;}
#container.consultation br{display: none;}

/* --------------------------------
		service
-------------------------------- */
#container.service #breadcrumb + section{font-size: 14px; line-height: 1.7em;}
#container.service #main img{width: 80%; margin: auto;}
#container.service .service_sec ul li{margin: 0 0 10px; width: 48%; height: auto; font-size: 13px; line-height: 1.6em;}
#container.service .service_sec ul li:nth-of-type(2n){margin-left: 4%;}
#container.service .service_sec ul li a{font-weight: bold; margin-bottom: 5px; line-height: 1.2em;}
#container.service .service_sec ul li i{padding-left: 0; padding-right: 2px;}

a.threeline-btn{display: block; float: left; width: 49%; margin: 0 2% 5px 0; padding: 8px 0;}
section a:nth-child(odd).threeline-btn{margin-right: 0;}

#english_navigation{display: block !important; margin-top: 0; padding-top: 45px;}
#english_navigation.navigation ul{width: 100%;}
#english_navigation li{width: calc(100%/3); box-sizing: border-box;}
#english_navigation li:first-child{border-left: none;}
#english_navigation li:last-child{border-right: none;}
#english_navigation a{height: 35px; line-height: 35px; font-size: 10px;}

#english_navigation + #container{padding-top: 0;}
#container.service.en h1{padding-top: 50px;}
#container.service.en section h4{margin-left: 0; padding-top: 0;}
#container.service.en #corporation ul{margin-bottom: 20px;}
#container.service.en #corporation ul:last-child{margin-bottom: 0;}
#container.service.en #corporation ul li{height: auto;}
#container.service.en #individual h4{padding-top: 0;}

.training .btn_wrap{margin-bottom: 40px;}
.training .btn_wrap a:first-child div{margin-top: 0;}

#columnL.weather-data .mini_point{margin-top: 10px;}
#columnL.weather-data .mini_point:first-child{margin-top: 0;}

.price #columnL .half + br{display: inherit;}


/* --------------------------------
		sitemap
-------------------------------- */
#container.sitemap section{overflow: hidden;}
.sitemap ul.three-crm{width: 100%; margin-top: 10px;}
.sitemap h2 + ul.three-crm{margin-top: 0;}
.sitemap ul li{width: 50%;}
.sitemap section:last-child li{width: 100%;}


/* --------------------------------
		section industry
-------------------------------- */
.section_industry section ul.icon_list{margin: 0 auto -10px;}
.section_industry section ul.icon_list li{width: 20%; margin: 0 auto 10px;}
.section_industry section ul.icon_list li span{font-size: 7px; vertical-align: top;}
.section_industry section ul.link_list{margin: 0; padding: 0;}
.section_industry section ul.link_list li{width: 100%; height: auto; margin: 0 auto 20px; padding: 0 0 10px;}
.section_industry section ul.link_list li img.text_icon{width: 12%; left: 3%; top: 75px;}
.section_industry section ul.link_list li h5{font-size: 16px; margin: 10px 0 5px;}
.section_industry section ul.link_list li p{line-height: 1.6em;}
.section_industry section ul.link_list li h2{overflow: hidden; position: relative; top: 0; margin: 5px 0 10px;}
.section_industry section ul.link_list li h2 a{width: 100%; margin: 5px auto 0; padding: 7px 10px; font-size: 14px; box-sizing: border-box;}


/* --------------------------------
		section top page
-------------------------------- */
.industry{text-align: center;}
.industry img{width: 90%; margin-bottom: 20px;}
.industry div{width: 100%; font-size: 14px; line-height: 1.6em; text-align: left;}
.industry div h5{font-size: 15px; margin-bottom: 5px;}
.industry div .btn{margin-top: -20px;}

.section_top ul > li:first-child{border-top: none; padding-top: 0;}
.section_top ul.btn_list > li{font-size: 14px; line-height: 1.7em;}
.section_top ul.btn_list > li:last-child{border-bottom: none;}
.section_top ul.btn_list > li > a.btn{width: 38%; margin-left: auto; padding: 5px 15px; font-size: 14px;}
.section_top ul.btn_list > li > a > i{margin: 0; padding: 0; font-size: 17px; line-height: 1.7em;}
.section_top ul.btn_list > li > a.btn2{width: 100%; padding: 5px 15px; box-sizing: border-box;}


/* --------------------------------
		section in page
-------------------------------- */
/*case*/
.case ul.case_list{margin: 0 auto 20px; font-size: 0;}
.case ul.case_list li{float: none; display: inline-block; width: 49%; margin: 0 auto 5px; padding: 10px; font-size: 12px; line-height: 1.3em; vertical-align: top; box-sizing: border-box;}
.case ul.case_list li:nth-child(odd){margin-right: 2%;}
.case ul.case_list li strong{display: block; font-size: 13px; line-height: 1.3em; margin-bottom: 5px;}
.case ul.case_list li br{display: none;}
.case ul.case_list li a.line_btn{display: block; padding: 5px 20px; font-size: 12px; line-height: 1.2em;}
.case .none_border > .case_list{margin-bottom: 0;}

/*outline*/
.outline th,.outline td{display: block; width: 100% !important; box-sizing: border-box;}
.outline th{padding: 8px 10px;}
.outline th.title_lightgrey{padding: 12px 10px;}
.outline th:nth-child(odd){text-align: left;}

/*history*/
.history h2{font-size: 16px;margin: 30px 0 10px 0; border-left: 3px solid #0067b5; line-height: 1.2em;}
.history h2:first-child{margin-top: 10px;}
.history table.maintable tr{display: table; width: 100%; background: #fff;}
.history table.maintable th{display: table-cell;}
.history th{width: 78%;}
.history th:nth-child(odd){width: 22%;}
	
/*technical-info*/
#columnL .mini_point{line-height: 1.6em;}
#columnL .mini_point + a.text_images_R{float: right;}

/*report*/
#container .report > section{margin-bottom: 40px;}
#container .report h3{margin-bottom: 5px;}
#container .report .text_images_R{display: block; width: 100%; margin-bottom: 10px; padding: 4px; font-size: 12px; border-color: #eee; box-sizing: border-box;}

/*information security*/
#datacenter2 h3 + h4{margin-top: 0;}
#datacenter2 h4{margin-top: 20px;}

/*recruit*/
.recruit ul{margin: 0;}
.recruit ul > li{width: 100%; float: none; margin: 0 auto 5px; padding: 0; box-sizing: border-box;}
.recruit ul > li a{padding: 10px 0;}
.recruit ul > li h2{line-height: inherit; margin-bottom: 4px;}
.recruit tr{background: #fff !important;}
.recruit tr td:first-child{font-size: 80%;}
.recruit tr td:last-child{margin-bottom: 15px;}
.recruit tr td,.recruit tr th{display: block; width: 100% !important; padding: 0;}
.recruit tr:last-child td:last-child{margin-bottom: 0;}
#container.recruit section:last-child{padding-bottom: 0;}

.campus_recruiting #columnL > .none_border{margin-bottom: 0;}
.campus_recruiting section ul.link_list{padding: 0; margin: 0;}
.campus_recruiting section ul.link_list li{width: 49%; height: auto; padding: 0; margin: 0; margin-right: 2%;}
.campus_recruiting section ul.link_list li:last-child{margin-right: 0;}
.campus_recruiting section ul.link_list li.column1{margin-bottom: 20px;}
.campus_recruiting section ul.link_list li.column1 img{width: 49%; margin-right: 0;}
.campus_recruiting section ul.link_list li img:first-child{margin-right: 2%;}
.campus_recruiting section ul.link_list li img{width: 100%;}
.campus_recruiting .f14{font-size: 80%;}
/* 220207 追加 */
.campus_recruiting section ul.link_list li.project-list{width: 100%; height: auto; padding: 0; margin: 0; margin-right: 2%; margin-bottom: 7%;}

.ul_tab01_3 li{display: table-cell; float: none; width: 33.33333%; width: -webkit-calc(100%/3); width: calc(100%/3); height: auto; padding: 8px 5px; line-height: 1.3em; vertical-align: middle; box-sizing: border-box; font-size: 13px;}
.ul_tab01_3 li.current{height: auto; padding: 8px 5px;}
.layout01{padding: 10px 0;}

#container .pf_data{overflow: hidden; font-size: 13px;}
.pf_data .guard_box{float: left; width: 40%; height: auto; margin: auto;}
.pf_data .mini_point{margin-left: 43%;}
#columnL .guard_box + .mini_point{margin-top: 10px; padding-left: 0; font-size: 13px;}

/* 220427 追加 */
.ul_tab01_8 li{width: 49%;}
.ul_tab01 li:nth-child(odd){border-left:1px solid #ddd;}
.ul_tab01 li:first-child,.ul_tab01 li:nth-child(2){border-bottom:none;}

/*inquiry*/
h2.tel_info > span{font-size: 13px;}
#formID{margin-bottom: 40px; padding: 0 4%; box-sizing: border-box;}
#formID .fieldset{width: 100%;}
#container #formID .fieldset > section{width: 100%;}
.fieldset section + small{display: block; margin-bottom: 20px;}
.form-wrap{width: 100%; height: auto; float: none; margin-bottom: 10px;}
#formID #naiyou{height: auto;}
#formID .form-wrap #naiyouin{width: 100%; margin-bottom: 0; box-sizing: border-box;}
.form-wrap .form-field, .form-wrap .form-title{width: 100%; box-sizing: border-box; font-size: 14px;}
.yubin .form-field,.tels .form-field{width: 25%;}
.btn-container{margin-top: 20px; padding: 0; font-size: 0;}
.btn-container input{margin: 0; padding: 5px 0; -webkit-appearance: none;}
.reset-button{width: 35%; margin-right: 2% !important;}
.submit-button{width: 63%;}

#container.inquiry.en{padding-top: 0 !important;}
#container.inquiry.en > br{display: none;}

/*rainalert*/
#container .none_border > h4 + .image{margin: 20px 0 30px;}
#container .none_border > h4 + .image img{width: 38%; margin: 0 3%;}

/*security*/
.tright{line-height: 1.6em;}
}


@media screen and (max-width: 320px) {
h1{font-size: 18px;}
#english_navigation a{font-size: 9px;}

.btn_wrap4 a > div{font-size: 12px;}
.section_top ul.btn_list > li > a.btn{width: 42%;}

.section_industry section ul.icon_list li span{font-size: 6px;}
.section_industry section ul.link_list li img.text_icon{top: 65px;}

.history th{width: 78%; padding: 10px 5px;}
.history th:nth-child(odd){width: 24%;}

h2.tel_info > span{font-size: 11px;}
}