@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);
html{
overflow-y:scroll;
}

body{
line-height:1;color:#002B50;
-webkit-text-size-adjust : 100% ;
}

.sec-content{
  background-color: #002B50;
  overflow: hidden;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}

ul{
list-style:none;
}

blockquote,q{
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
content:'';content:none;
}

a{
margin:0;padding:0;vertical-align:baseline;background:0 0;
}

ins{
background-color:#ff9;color:#000;text-decoration:none;
}

mark{
background-color:#ff9;color:#000;font-style:italic;font-weight:700;
}

del{
text-decoration:line-through;
}

abbr[title],dfn[title]{
border-bottom:1px dotted;cursor:help;
}

table{
border-collapse:collapse;border-spacing:0;
}

hr{
display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;
}

input,select{
vertical-align:middle;
}

html{
font-size:62.5%;
}　/*初期値16pxの62.5%でルートが10px*/

body{
background:#fff;
color:#555;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:14px;font-size:1.4rem;
}

#page{
width:100%;margin:0 auto;font-size:14px;font-size:1.4rem;
}

a:link{
color:#555;
}

a:visited{
color:#555;
}

a:hover{
text-decoration:none;color:#555;
}

a:active{
color:#555;
}

img{
line-height:1;font-size:0;vertical-align:top;height:auto;max-width:100%;
}

table{
width:100%;margin:0 auto 20px;border-collapse:collapse;
}

th,td{
padding:10px;border:1px solid #CCC;vertical-align:top;
}

section{
margin-bottom:50px;
}

.inner{
width:960px;margin:0 auto;padding:0;position:relative;
}

.mb50{
margin-bottom:60px;
}

.mb60{
margin-bottom:60px;
}

.imgArea{
overflow:hidden;
}

.italic{
font-style:italic;
}

.inline_block,.f-Cont_body .f-Cont_item .cirlce,.wp-pagenavi a,.wp-pagenavi span,.index .sec02 .info_list dl .grp_news,.index .sec02 .info_list dl .grp_press,.index .sec02 .info_list dl .grp_new,.technology .tab_menu li,.technology .tab_box .det_btn,.product .pro_detail,.contact .btnArea input {
display:inline-block;*display:inline;*zoom:1;
}

.table_cell{
display:table-cell;*display:inline;*zoom:1;vertical-align:middle;
}

.ovfl{
overflow:hidden;
}

.fr,.imgR,.alignright{
float:right;margin-left:10px;
}

.fl,.imgL,.alignleft{
float:left;margin-right:10px;
}

.imgC,.tC,.btn,.aligncenter{
text-align:center;
}

.imgC,.aligncenter{
display:block;margin-left:auto;margin-right:auto;
}

.tR,.sign{
text-align:right;
}

.clearfix,.l-contents{
*zoom:1;
}

.clearfix:after,.l-contents:after{
content:".";display:block;clear:both;height:0;visibility:hidden;
}

@media print{
a[href]:after{
content:""!important;
}

abbr[title]:after{
content:""!important;
}

}

.ttl01{
font-size:28px; line-height:1.5em;text-align:center;padding-bottom:10px;margin-bottom:20px;letter-spacing:2px; font-weight:600;font-family: 'Roboto', sans-serif; color:#0a75be;
}

.lead01{
font-size:16px; line-height:1.8em; text-align:center;font-weight:400; padding-bottom:1em;
}

.ttl02{
margin:0 -15px 35px;padding:0 15px 15px;font-size:25px;color:#333;font-weight:700;border-bottom:1px solid #124488;letter-spacing:1px;
}

.ttl02 span{
display:block;color:#124488;font-size:10px;margin-top:10px;letter-spacing:1px;
}

.ttl03{
margin:0 -15px 35px;padding:0 15px;font-size:25px;color:#333;font-weight:700;border-bottom:1px solid #124488;
}

.ttl03 .ttl_in{
border-right:1px solid #124488;padding-bottom:15px;
}

.ttl03 .ttl_in span{
display:block;color:#124488;font-size:10px;margin-top:10px;letter-spacing:1px;
}

.ttl03 .sub{
font-size:14px;color:#555;padding:5px 0 0 30px;font-weight:400;
}

.ttl04{
margin:0 -15px 35px;padding:0 15px 25px;font-size:36px;color:#333;font-weight:700;border-bottom:1px solid #124488;
}

.ttl05{
background:#eee;border-left:2px solid #137190;font-size:18px;font-weight:400;line-height:45px;padding:0 15px;margin:0 -15px 30px;
}


.logo{
text-align:center;
margin-left:15px;
}
.logo2{
text-align:left;
margin-left:0;
}


/*  TOP merit  */
.meritList{
margin:0 auto;
}
.meritList .meritblock {
background:#0a75be;
color:#FFF !important;
-moz-transition:all .10s ease;
-o-transition:all .10s ease;
-webkit-transition:all .10s ease;
transition:all .10s ease; 
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
border-radius: 10px;
padding:1.5em 1.5em 1em;
}
.meritList .meritblock h4 {
color:#FFF;
text-align:center;
font-size:22px;
letter-spacing:0.3em;
font-weight:bold;
margin-bottom:0.7em;
}

.meritList .meritblock dl {
color:#FFF;
}
.meritList .meritblock dl dt {
font-weight:700;
font-size:14px;
margin-bottom:0;
text-align:center;
}
.meritList .meritblock dl dt i {
font-size:30px;
margin-bottom:0;
line-height:1em;
color:#b9cbe1;
}
.meritList .meritblock dl dd {
font-size:13px;
line-height:1.8em;
}

.meritList .meritblock .merit_icon{
text-align:center;
margin-bottom:15px;
}
.meritList .meritblock a .arrowBtn{
font-size:13px;
font-weight:700;
background:#FFF;
color:#0a75be;
line-height:32px;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease; 
margin-bottom:0;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}
.meritList .meritblock a:hover .arrowBtn{
background:#52c8ff;color:#0a75be; color:#FFF;
}




.post_product a{
text-decoration:none;
}
.post_product a:hover .ttl{
background:#137190;
}
.post_product a:hover .imgBox img.active{
-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1);
}
.post_product .product_body{
position:relative;margin-bottom:4%;
}
.post_product .pickup{
border:2px solid #885d12;color:#885d12;font-weight:700;display:block;width:35px;height:35px;text-align:center;font-size:10px;line-height:1.2;position:absolute;left:25px;top:-12px;z-index:1000;padding-top:4px;
}
.post_product .imgBox{
overflow:hidden;margin-bottom:0;
}
.post_product .imgBox img{
-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;
}
.post_product .ttl{
background:#000;color:#FFF;padding:7px;margin-bottom:10px;-moz-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;position:relative;
}
.post_product .ttl i{
position:absolute;right:10px;
}
.post_product .grp_news, .post_product .grp_press, .post_product .grp_new{
font-size:12px;
}



.gNavi{
text-align:right;
padding:0;
margin-bottom:1px;
}
.gNavi li{
text-align:center;float:left;width:20%; 
}
.gNavi li a{
display:block; color:#FFF; height:58px; line-height:62px; font-size:14px; font-weight:bold;
}
.gNavi li a:hover{
color:#52c8ff;
}
.gNavi li span{
display:block;
}
.gNavi li span.line{
width:100%;height:2px;background:#124488;
}


/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #52c8ff;
  height: 3px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}




.drawer-open{
position:absolute;right:5%;bottom:25%;text-decoration:none;z-index:1000;
}
.drawer-open .icon-border{
height:5px;background:#FFF;display:block;width:40px;margin:0 auto 5px;
}

.l-navi{
position:relative;
}

#drawer-nav{
background:#FFF;
}
#drawer-nav a{
color:#555;
}
#drawer-nav a:hover{
color:#52c8ff;
}
#drawer-nav :after{
border:0;
}
#drawer-nav .mm-panel{
padding:0;
}
#drawer-nav .drawerTtl{
padding:20px 0 20px 20px; background:#e6ecf0; color:#343c4b; font-weight:700; font-family: 'Roboto', sans-serif; font-size:160%; letter-spacing:0.2em;
}
#drawer-nav ul li{
padding:0;border-bottom:1px solid #bbb;
}
#drawer-nav ul li.cate-list{
padding:0;border-bottom:1px dotted #ddd;
}
#drawer-nav ul li a{
padding:5%;
}
#drawer-nav ul li .tR{
float:right;
}
#drawer-nav ul li.pl-sp{
padding-left:2.5em;
}



.crumbs{
padding:10px 0;background:#e6ecf0;margin-top:60px;
}
.crumbs ul{
margin-bottom:0 !important;
}
.crumbs li{
display:inline;color:#666;font-size:12px;
}
.crumbs a{
text-decoration:none;color:#666;
}
.crumbs a:hover{
text-decoration:none;color:#52c8ff;
}
.f-Cont_body{
padding:60px 0 30px; color:#333;
}
.f-Cont_body .banner-Area{
margin-bottom:30px; 
}
.f-Cont_body .banner-Area a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

.f-Cont_body .f-Cont_item{
text-align:center; font-size:28px; min-height:60px; padding-top:20px; font-weight:700; padding-bottom:30px;
}
.f-Cont_body .f-Cont_item:first-child{
border-left:none;
}
.f-Cont_body .f-Cont_item .cirlce{
width:40px;line-height:40px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center;background:#124488;color:#FFF;font-size:14px;position:relative;top:-5px;
}
.f-Cont_body .f-Cont_item .tC{
display:block;font-size:12px;padding-left:35px;
}
.f-Cont_body .f-Cont_item.mail, .f-Cont_body .f-Cont_item.faceb, .f-Cont_body .f-Cont_item.linkbnr {
padding-top:0;
}
.f-Cont_body .f-Cont_item.mail a{
background:#0a75be;
color:#FFF;
display:block;
font-size:14px;
line-height:60px;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
padding:10px 0;
}
.f-Cont_body .f-Cont_item.faceb a{
background:#3c5a99;
color:#FFF;
display:block;
font-size:14px;
line-height:60px;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}
.f-Cont_body .f-Cont_item.linkbnr a{
background:#FFF;
color:#124488;
display:block;
font-size:14px;
line-height:60px;
border:1px solid #0a75be;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}

.f-Cont_body .f-Cont_item.mail a:hover{
color:#c8eeff; background:#52c8ff;
}
.f-Cont_body .f-Cont_item.linkbnr a:hover{
color:#124488;background:#FFF;border:1px solid #124488; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity:0.5;
}
.f-Cont_body .f-Cont_item.faceb a:hover{
color:#c8eeff; background:#52c8ff;
}
.f-Cont_body .f-Cont_item.mail i, .f-Cont_body .f-Cont_item.faceb i{
font-size:28px;vertical-align:middle; padding-bottom:5px;
}



.arrowBtn{
text-align:center; font-size:28px;
}

input,textarea{
padding:5px 7px;border-radius:2px;margin:0;border:none;background-color:#fff;border:1px solid #A7A6AA;
}

.jInput{
border:1px solid #A7A6AA;
}

.jFocus{
outline:medium none!important;background-color:#fff!important;border-color:#6ddeff!important;
}

.jFocus{
-webkit-box-shadow:0 0 3px rgba(82,168,236,.5);-moz-box-shadow:0 0 3px rgba(82,168,236,.5);-ms-box-shadow:0 0 3px rgba(82,168,236,.5);box-shadow:0 0 3px rgba(82,168,236,.5);border-color:rgba(82,168,236,.75)!important;
}

input[type="radio"],input[type="checkbox"]{
margin-right:5px;vertical-align:baseline;border-style:none;
}

label{
margin-right:15px;
}

.wp-pagenavi{
margin-top:40px;padding:40px 0 40px;text-align:center;overflow:hidden;border-top:1px solid #ccc;
}

.wp-pagenavi a,.wp-pagenavi span{
padding:3px 11px;background:#fff;color:#555;margin-right:5px;text-decoration:none;border:1px solid #124488;
}

.wp-pagenavi span{
background:#124488;color:#fff;
}

.wp-pagenavi .pages{
background:#124488;color:#fff;margin-right:20px;
}

.wp-pagenavi a:hover{
background:#124488;color:#fff;
}

.wp-pagenavi .alignleft{
margin-top:0;margin-bottom:0;float:none;
}

.wp-pagenavi .alignleft a{
background:0 0;border:none;color:#124488;
}

.wp-pagenavi .center{
margin-top:0;margin-bottom:0;float:none;
}

.wp-pagenavi .center a{
background:#885C11;border:none;color:#fff;
}

.wp-pagenavi .alignright{
margin-top:0;margin-bottom:0;float:none;
}

.wp-pagenavi .alignright a{
background:0 0;border:none;color:#124488;
}

.return_top{
padding:0;line-height:45px;width:185px;display:block;margin:20px auto;position:relative;line-height:55px;color:#fff!important;text-align:center;border:3px solid #885d12;background:#885d12;cursor:pointer;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;text-decoration:none;
}

.return_top:hover{
color:#885d12!important;background:#FFF;
}

th span.kome{
margin-left:10px;background-color:#C33;padding:3px 4px;color:#fafafa;font-size:9px;letter-spacing:1px;margin:0 0 0 10px;line-height:9px;border-radius:3px;font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;zoom:normal;
}

.l-contents{
_zoom:1;word-break:normal;word-wrap:break-word;background:#FFF;
}

.l-header{
position:relative; width:100%; background:#343c4b url(/common/img/header_bg.gif) bottom center no-repeat; padding-top:15px;
}

.l-header .subnavi{
position:relative;
height:25px;
margin:0 auto;
padding:0;
color:#FFF;
font-size:11px;
line-height:1;
}
.l-header .subnavi p {float: right;}
.l-header .subnavi p a {
float: right;
color:#FFF;
line-height:1;
border:1px solid #ACACAC;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease; 
margin-left:1em;
-webkit-border-radius: 2px;/* for Safari and Chrome */
-moz-border-radius: 2px; /* for Firefox */
-o-border-radius: 2px; /* for opera */
border-radius: 2px;
padding:0.3em 0.6em 0.4em;
display:block;
}
.l-header .subnavi p a:hover{
color:#52c8ff !important;
background:#626b7c;
}

.l-header i{
font-size:13px;
}

.l-header .formHead{
margin:0 0 15px;
padding:0;
color:#FFF;
font-size:11px;
line-height:1;
}
.l-header .formHead p{
margin-bottom:0.8em;
}

.l-header .logo{
padding:0 0 15px 0;
position: relative;
top: 50%;
}
.l-header .logo2{
padding:0;
position: relative;
top: 50%;
}

.submenu{
margin-top:0;
line-height:3em;
}

/*
.main_product{
background:url(../img/main/main_product.jpg) 50% 50%;
}

.main_company{
background:url(../img/main/main_company.jpg) 50% 50%;
}

.main_news{
background:url(../img/main/main_news.jpg) 50% 50%;
}

.main_contact{
background:url(../img/main/main_contact.jpg) 50% 50%;
}
*/
.low_main{
height:320px;position:relative;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;margin-bottom:40px;
}

.low_main h2{
position:relative;top:40%;text-align:center;color:#FFF;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;font-size:38px;-webkit-text-shadow:2px 2px 0 rgba(0,0,0,.3);-moz-text-shadow:2px 2px 0 rgba(0,0,0,.3);-ms-text-shadow:2px 2px 0 rgba(0,0,0,.3);text-shadow:2px 2px 0 rgba(0,0,0,.3);
}

.low_main h2 span{
display:block;font-size:10px;font-style:italic;font-family:"Noto Sans Japanese",sans-serif;text-shadow:none;margin-top:20px;
}

.l-main{
line-height:180%;
}

.l-main table,.l-main ol,.l-main ul,.l-main dl,.l-main blockquote,.l-main pre,.l-main p{
margin-bottom:20px;
}

.l-side{
float:right;width:230px;
}

.f-Bnr {
width:100%; background:#FFF; margin-bottom:30px;
}
.f-Bnr a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

.f-Cont{
width:100%; background:#e6ecf0;
}

.f-Cont .f-Cont_header{
padding:20px 0;vertical-align:middle;color:#fff;font-size:21px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
}

.l-footer{
width:100%;background: #343c4b;padding:30px 0 20px;color:#FFF;
}
.l-footer2{
width:100%;background: #343c4b;padding:20px 0;color:#FFF;
}

.l-footer a{
color:#FFF;
}

.l-footer a:hover{
text-decoration:underline;
}

.l-footer .f-navi{
font-size:14px;
}

.l-footer .f-navi h2 img{
max-width:300px;
}

.l-footer .f-navi ul {
padding-top:0.5em;
}
.l-footer .f-navi ul li{
padding-bottom:1em;
font-size:12px;
line-height:1;
}
.l-footer .f-navi ul li.s-link{
	padding-left:0.5em;
}
.l-footer .f-navi ul li.s-link a{
	color:#c9c9c9;
}
.l-footer .f-navi ul li.s-link i{
	font-size:85%;
}
.l-footer .f-navi ul li.fin{
padding-bottom:0 !important;
margin-bottom:0;
}
.l-footer .f-navi i{
color:#FFF;font-size:16px;vertical-align:middle;
}
.l-footer .f-navi ul li a:hover{
color:#52c8ff;
text-decoration:none;
}

.f-navi i{
  right: 5px;
  position: relative;
}

.f-navi i.window{
  font-size: 90%;
}


.l-footer p.copy{
font-size:11px;
margin-top:3em;
text-align:center;
line-height:1.5em;
}
.l-footer2 p.copy2{
font-size:11px;
text-align:center;
line-height:1.5em;
}


.l-copyright{
padding:20px 0; 
font-size:13px; 
text-align:center;
background:#343c4b;
color:#FFF;
border-top: 1px solid #566176;
}


.br-none { display: inline; }


.pagetop {width: 56px;height: 56px;position: fixed; right: 0; bottom:60px; display:none; background: #343c4b; padding-top:8px; text-align: center;} 
.pagetop p {margin: 0; padding: 0;} 
.pagetop p a {outline:none;}
.pagetop i { font-size:40px;} 
.move-page-top {
display: block ;
width: 56px ;
height: 56px ;
text-decoration: none ;
-webkit-transition:all 0.3s ;
-moz-transition:all 0.3s ;
transition:all 0.3s ;
}
.move-page-top:hover, .pagetop:hover {
opacity: 0.7;
}



/* sec01 */
.index .sec01{
background: #FFF; padding-top:50px; padding-bottom:50px; margin:0;
}

.index .sec01 h4{
color:#FFF;
text-align:center;
font-weight:700;
margin-bottom:0.8em;
}
.index .sec01 h5{
color:#0a75be;
text-align:center;
font-weight:700;
margin-bottom:0.8em;
font-size:20px;
}


/* sec02 */
.index .sec02{
background: #e6ecf0; padding-top:50px; padding-bottom:70px; margin:0;
}
.index .sec02 h3{
color:#0a75be; 
}

.index .sec02  .info_list {
background:#f8f8f8;
-moz-transition:all .10s ease;
-o-transition:all .10s ease;
-webkit-transition:all .10s ease;
transition:all .10s ease; 
-webkit-border-radius: 10px;/* for Safari and Chrome */
-moz-border-radius: 10px; /* for Firefox */
-o-border-radius: 10px; /* for opera */
border-radius: 10px;
padding:1em 3em 0.5em;
}

.index .sec02 .info_list dl{
padding: 0;
}
.index .sec02 .info_list dt.data {
width: 8em; 
float: left;
padding: 15px 0 15px 10px; 
line-height: 1.8em;
font-weight:bold;
color:#0a75be;
}
.index .sec02 .info_list dd {
margin:0;
padding:15px 10px 15px 8em; 
border-bottom:1px dotted #ccc; 
line-height: 1.8em;
}
.index .sec02 .info_list dd .grp_news{
text-align:center; color:#fff; background:#dc9100; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.index .sec02 .info_list dd .grp_press{
text-align:center; color:#fff; background:#6ead00; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.index .sec02 .info_list dd .grp_new{
text-align:center; color:#fff; background:#c00; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.index .sec02 .info_list dd a{
margin-left:0;
}
.index .sec02 .info_list dd a:hover{
text-decoration:underline;
}

.index .sec02 .arrowBtn a, .recruit .arrowBtn a, .inquiry .arrowBtn a,  .service .arrowBtn a, .campaign .arrowBtn a {
font-size:14px;
font-weight:700;
line-height:32px;
background:#0a75be;
color:#FFF;
padding:15px 100px;
margin:0;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}
.index .sec02 .arrowBtn a:hover, .recruit .arrowBtn a:hover, .inquiry .arrowBtn a:hover, .service .arrowBtn a:hover, .campaign .arrowBtn a:hover {
background:#52c8ff;color:#c8eeff;
}

/* sec03 */
.index .sec03{
background: #FFF; padding-top:60px; padding-bottom:50px; margin:0;
}
.index .sec03 a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
margin:0;
padding:0;
}



/* ----------------------------------------------------
  template common 
---------------------------------------------------- */

.service, .merit, .flow, .envi, .agency, .faq {
padding-bottom:50px; margin:0;
}
.contTitle {
padding-top:50px; margin:0; background:url(/common/img/title_dotbg.gif) ;
}
.contTitle h2 {
font-size:28px; line-height:1em;text-align:center;padding-bottom:50px; margin-bottom:30px; letter-spacing:2px; font-weight:600;font-family: 'Roboto', sans-serif; color:#0a75be;
}

.side-nav{
margin:0;
}	
.side-nav ul.list-menu {
  padding-left: 0;
  margin-bottom: 50px;
  list-style-type: none;
}
.side-nav ul.list-menu .list-menu-head {
  height: auto;
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #0a75be;
  color:#FFF;
  font-weight:700;
}
.side-nav ul.list-menu .list-menu-item {
border-bottom:#FFF 1px solid;
}
.side-nav ul.list-menu .list-menu-item i {
margin-right:0.4em;
}
.side-nav ul.list-menu .list-menu-item a {
height: auto;
position: relative;
display:block;
padding:10px;
background-color:#e6ecf0;
text-decoration:none;
}

.side-nav ul.list-menu .list-menu-item a:hover {
text-decoration: none;
background-color: #bcd8eb;
color:#000;
}




.recruit h3{
border:solid 1px #ddd;
padding: 0.5em;
border-radius: 5px;
background: #eee;
-moz-border-radius: 5px; /* FF */
background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
-webkit-border-radius: 5px;/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
/*behavior: url(images/PIE.htc);  /* ie */
margin:0em auto 1.5em;
}	
.recruit h3 span{
	border-left:5px #0a75be solid; padding-left:15px;
}
.recruit ul{
	list-style:disc;
	margin:1em 1.5em;
}
.recruit li{
	margin:0.3em 0;
}
.recruit table{
	width:90%;
	margin:0em auto 2em auto;
}
.recruit td{
	padding:0.5em 1em;
	border-top:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
.recruit .dds{
	margin:0 auto 2em;
}
.recruit .dds p{
	background-color:#DFF2F7;
	padding:0.5em 1em;
}
.recruit .net{
	font-size:110%;
	background:#DFF2F7;
	font-weight:bold;
}
.recruit .td_fst{
	width:15%;
	text-align:center;
	font-weight:bold;
	border-left:#CCC solid 1px;
	background:#4687C8;
	color:#FFF;
}
.recruit .td_syoku{
	background-color:#4687C8;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:140%;
}
.recruit .td_left{
	border-left:#CCC solid 1px;
	text-align:center;
	width:40%;
}
.recruit .td_snd{
	width:20%;
	text-align:center;
	font-weight:bold;
	border-left:#CCC solid 1px;
	background:#4687C8;
	color:#FFF;
	font-size:110%;
}
.recruit .t_last{
	border-bottom:#CCC solid 1px;
}
.recruit .inq_btn{
	margin:0 auto;
	margin-top:2em;
}



.inquiry #inq_kn{
width:90%;
margin:0 auto;
}
.inquiry #inqtable td{
text-align:left;
}		
.inquiry #cmt_div{
width:90% !important;
padding:0 !important;
}
.inquiry #pp_div{
/*margin: 3em auto 0;*/
margin: 3em auto;
border:none;
width: 90%;
/*padding:1em 2em 2em 2em;*/
padding: 2em;
text-align: center;
background-color:#eaf4fc;
}
.inquiry a.policy_link {
text-decoration:underline;
}
.inquiry a:hover.policy_link {
text-decoration:underline;
color:#0071cf;
}


.info .info_list {
padding:0; margin:0;
}
.info  .info_list dl{
padding: 0;
}
.info .info_list dt.data {
line-height: 1.8em;
font-weight:normal;
}
.info .info_list dd {
margin:0;
padding:15px 10px 15px 7.5em; 
border-bottom:1px dotted #ccc; 
line-height: 1.8em;
}
.info .info_list dd .grp_news{
text-align:center; color:#fff; background:#dc9100; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.info .info_list dd .grp_press{
text-align:center; color:#fff; background:#6ead00; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.info .info_list dd .grp_new{
text-align:center; color:#fff; background:#c00; padding:4px 5px; margin:2px 1.5em 0 0; font-size:12px; width:6em; line-height:1em; float:left;
}
.info .info_list dd a{
margin-left:0;
}
.info .info_list dd a:hover{
text-decoration:underline;
}
.info .dds{
margin:0 auto 2em;
}
.info .dds h5{
background-color:#DFF2F7;
padding:0.8em 1em;
margin-bottom:1.5em;
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.info .dds p{
padding:0 2em 0.5em;
}
.info .top_sign{
text-align:right;
font-weight: bold;
margin-bottom: 2em;
}
.info .dds a {
text-decoration:underline;
}
.info .dds a:hover {
text-decoration:underline;
color:#0071cf;
}
.info .dds table {
width:80%;
}
.info .dds table td.td_title {
background: #E4E4E4;
text-align:center;
font-weight:600;
}


.privacy h3{
border:solid 1px #ddd;
padding: 0.5em;
border-radius: 5px;
background: #eee;
-moz-border-radius: 5px; /* FF */
background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
-webkit-border-radius: 5px;/* Webkit */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
-pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
/*behavior: url(images/PIE.htc);  /* ie */
margin:0em auto 1.5em;
}	
.privacy h3 span{
border-left:5px #0a75be solid; padding-left:15px;
}
.privacy #pri_text{
width:95%;
margin:0 auto;
}
.privacy #pri_text dt{
margin:1.5em 0 0.5em 0em;
padding-bottom:0.3em;
border-bottom:#999 dotted 1px;
font-weight:bold;
font-size:110%;
}
.privacy #pri_text dd{
margin-left:1.5em;
}
.privacy #pri_foot{
text-align:right;
padding-top:1em;
}



.sitemap #sitemapul{
margin:0; padding:0;
}
.sitemap #sitemapul a{
text-decoration: none;
}
.sitemap #sitemapul a:hover{
text-decoration: underline;
}
.sitemap #sitemapul li{
border-bottom:3px #d3d3d3 solid;
margin:0 0 1.5em;
padding:0.5em 0;
font-size:120%;
font-weight:bold;
}
.sitemap #sitemapul ul li{
margin-left:2em;
border:none;
margin:0;
font-size:100%;
font-weight:normal;
padding:0 1em;
float:left;
width:33%;
}
.sitemap #sitemapul ul li i{
padding-right:0.5em;
}

.notfound h2{
margin:0 auto 30px;padding:10px 20px;background:#F0F0F0;border-left:10px solid #666;
}
.notfound .body{
padding:0 30px 30px;
}


#fb-root {
display: none;
}

.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
width: 100% !important;
}

.fb_cont{
text-align:center;
margin:20px auto;
}



/* commn template */
/*
.index .pageTitle{
background:url(../img/title_bg.jpg) no-repeat 50% 50%;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;color:#FFF;padding-top:50px;padding-bottom:50px; margin:0;
}
*/


/*  campaign  */

.campaign{
margin-bottom:50px;
}

.ttlcam{
font-size:26px; line-height:1.5em;margin-bottom:20px;padding-top:15px;font-weight:600;font-family: 'Roboto', sans-serif; color:#0a75be;
}

.campaign p{
font-size:16px;
line-height:1.8em;
}

.campaign .ryokinBlock{
background:#f0f0f0;
padding:15px;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
-webkit-transition:all .7s ease;
transition:all .7s ease;
-webkit-border-radius: 7px;/* for Safari and Chrome */
-moz-border-radius: 7px; /* for Firefox */
-o-border-radius: 7px; /* for opera */
border-radius: 7px;
margin-bottom:30px;
}

.campaign ul{
padding-left:1em;
padding-bottom:0;
margin-bottom:0;
}
.campaign ul li{
list-style:disc;
line-height:1.4em;
padding:0 0 0.2em 0;
}

.campaign .muryo {
background:#cc0000;
color:#FFF;
text-align:center;
padding:10px;
margin:0;
-moz-transition:all .7s ease;
-o-transition:all .7s ease;
-webkit-transition:all .7s ease;
transition:all .7s ease;
-webkit-border-radius: 7px;/* for Safari and Chrome */
-moz-border-radius: 7px; /* for Firefox */
-o-border-radius: 7px; /* for opera */
border-radius: 7px;
}

.campaign p.chuui{
font-size:16px;
line-height:1.6em;
text-align:center;
font-weight:700;
color:#cc0000;
border:#cc0000 1px solid;
padding:5px 15px;
margin-bottom:50px !important;
}

.campaign .arrowBtn a {
font-size:18px;
font-weight:700;
line-height:32px;
background:#f6bf00;
color:#0064a8;
padding:25px 80px;
margin:0;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-webkit-transition:all .5s ease;
transition:all .5s ease;
-webkit-border-radius: 5px;/* for Safari and Chrome */
-moz-border-radius: 5px; /* for Firefox */
-o-border-radius: 5px; /* for opera */
border-radius: 5px;
}
.campaign .arrowBtn a:hover {
background:#ffed75;color:#0064a8;
}


@media only screen and (max-width:767px){
.xs-center{
text-align:center !important;
}

.ttl01{
font-size:22px;
line-height:1.4em;
letter-spacing: normal;
margin-bottom:0;
}
.lead01{
font-size:16px; line-height:1.6em;padding-bottom:0;
}

.ttl02{
font-size:16px;
}

.ttl03{
font-size:18px;padding-bottom:15px;
}

.ttl03 .ttl_in{
padding-bottom:5px;border-right:none;
}

.ttl03 .ttl_in span{
display:block;color:#124488;font-size:10px;margin-top:5px;
}

.ttl03 .sub{
font-size:14px;color:#555;padding-left:15px;
}

.ttl04{
font-size:25px;
}

.text-sm-center{
text-align:center;
}

.l-header{
position:relative;width:100%;
background:url(../img/header_bg.gif) center bottom no-repeat #343c4b;
}
.l-header .logo2{
text-align:left;
margin-left:0;
}
.l-header .logo2 img{
max-width:70%;
}

.low_main{
height:200px;
}

.low_main h2{
font-size:30px;
}

.index .sec01{
padding-top:50px;
background:#FFF;
}


.index .sec02 .top_bnr img{
width:100%;
}

.meritList .meritblock .merit_icon{
text-align:center;
margin:0 auto 10px;
max-width:50px;
}

.recruit .td_snd, .company .td_snd, .inquiry #inqtable th, .inquiry #inqtable td, .info .td_snd {
width:100%;
text-align:left;
padding-top:0.3em;
padding-bottom:0.3em;
}
table.sp_table tr td, table.sp_table th, .inquiry #inqtable th, .inquiry #inqtable td, .info .dds .td_snd tr td {
display:block !important;
border:none !important;
}
.info .dds table td.td_title {
text-align:left;
padding:0.5em;
margin-top:1em;
}
.inquiry #inqtable td{
padding:1em 0 2em 0 !important;
}


.info .dds p{
padding:0 1em 0.5em;
}


.sitemap #sitemapul ul li{
	width:100%;
}


.f-Cont .f-Cont_header{
font-size:16px;
}

.f-navi .f-info{
font-size:16px;
}

.f-navi .f-info h2{
font-size:18px;
}

.f-navi .f-info ul li{
font-size:14px;
line-height:1.6em;
}

.sp_top{
background:#124488;margin:5% 0 0;
}

.sp_top a{
padding:2% 0;color:#FFF;display:block;
}

.sp_top a i{
margin-right:3%;
}

.sp_top a:hover{
text-decoration:none;opacity:.8;filter:alpha(opacity=80);
}


.f-Cont_body{
padding:30px 0 15px; color:#333;
}
.f-Cont_body .f-Cont_item{
padding-bottom:15px;
}
.f-Cont_body .f-Cont_item.linkbnr img {
max-width:250px;
}
.f-Cont_body .f-Cont_item.mail a{
padding:0;
}


.spmd-none { margin-bottom:5px; }

.lead01{text-align:left;}
.sp-br-none { display: none;}


/* sec01 */
.index .sec01{
padding-top:20px; padding-bottom:15px;
}
.meritList .meritblock {
margin-bottom:2em;
}
.meritList h5{
font-size:16px !important;
}

/* sec02 */
.index .sec02{
padding-top:30px; padding-bottom:35px; margin:0;
}
.index .sec02  .info_list {
padding:0.5em 1em;
}

/* sec03 */
.index .sec03{
background: #FFF; padding-top:30px; padding-bottom:15px; margin:0;
}


/*  campaign  */
.ttlcam{
font-size:18px;
margin-bottom:5px;
padding-top:0;
line-height:1.3em;
}
.campaign h3{
font-size:20px !important;
line-height:1.4em;
}

.campaign .arrowBtn a {
font-size:18px;
font-weight:700;
line-height:32px;
padding:15px 10px;
width:100%;
display:block;
}

.campaign .muryo {
margin-bottom:1em;
}



}

@media only screen and (min-width:768px) and (max-width:991px){
.l-header .logo{
text-align:left;
padding-bottom:0 !important;
margin-left:0;
}	
.l-header .logo img{
max-width:320px;
}

.l-header .logo2{
text-align:left;
padding-bottom:0 !important;
margin-left:0;
}	
.l-header .logo2 img{
max-width:320px;
}	

.ttl01{
font-size:24px;
margin-bottom:10px;
}

.ttl02{
font-size:20px;
}

.ttl03{
font-size:20px;
}

.ttlcam{
font-size:20px;
margin-bottom:5px;
padding-top:10px;
line-height:1.3em;
}

.gNavi {margin-bottom:1px; padding:0;}


.contact .cont_wrap{
margin:0 5%;
}

.l-footer{
padding:30px 0 15px;
}

.l-footer .f-navi h2 img{
max-width:200px;
}

.l-footer .f-navi ul{
margin-bottom:15px;
}


/* sec01 */
.meritList .meritblock dl dd {
min-height:13em;
}

.lrg-br-none { display: none;}


/*  campaign  */
.campaign .muryo {
margin-bottom:1em;
}


}

@media only screen and (min-width:992px) and (max-width:1169px){
.l-header .logo{
text-align:left;
margin-left:0;
}
.l-header .logo img{
max-width:340px;
}

.l-header .logo2{
text-align:left;
margin-left:0;
}
.l-header .logo2 img{
max-width:340px;
}

.l-footer{
padding:30px 0 15px;
}

.l-footer .f-navi h2 img{
max-width:250px;
}

.l-footer .f-navi ul{
margin-bottom:15px;
}

.l-footer .f-navi .kazari-line{
border-left:#566176 solid 1px;
}


.br-none { display:none; }
.lrg-br-none { display: none;}

.ttl01{
font-size:28px;
margin-bottom:10px;
}

.ttlcam{
font-size:22px;
margin-bottom:10px;
padding-top:10px;
line-height:1.3em;
}

}

@media only screen and (min-width:1170px){
.l-header .logo{
text-align:left !important;
margin-left:0;
}
.l-header .logo img{
max-width:340px;
}

.l-header .logo2{
text-align:left !important;
margin-left:0;
}
.l-header .logo2 img{
max-width:340px;
}

.l-footer{
padding:30px 0 15px;
}

.l-footer .f-navi h2 img{
max-width:280px;
}

.l-footer .f-navi ul{
margin-bottom:15px;
}


.l-footer .f-navi .kazari-line{
border-left:#566176 solid 1px;
}



.ttl01{
margin-bottom:10px;
}


/* sec01 */
.meritList .meritblock dl dd {
min-height:7em;
}


/* sec02 */

.br-none { display: none; }
.lrg-br-none { display: none;}


}



/* ----------------------------------------------------
  topbutton style 
---------------------------------------------------- */

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* ----------------------------------------------------
  common style 
---------------------------------------------------- */

.mrgT10 {margin-top:10px;}
.mrgT30 {margin-top:30px;}
.mrgT50 {margin-top:50px;}

.mrgL10 {margin-left:10px;}
.mrgL30 {margin-left:30px;}
.mrgL50 {margin-left:50px;}

.mrgB10 {margin-bottom:10px;}
.mrgB20 {margin-bottom:20px;}
.mrgB30 {margin-bottom:30px;}
.mrgB40 {margin-bottom:40px;}
.mrgB50 {margin-bottom:50px;}

.mrgR10 {margin-right:10px;}
.mrgR30 {margin-right:30px;}
.mrgR50 {margin-right:50px;}

.pdnT10 {padding-top:10px;}
.pdnT20 {padding-top:20px;}
.pdnT30 {padding-top:30px;}
.pdnT50 {padding-top:50px;}

.pdnL10 {padding-left:10px;}
.pdnL30 {padding-left:30px;}
.pdnL50 {padding-left:50px;}

.pdnB10 {padding-bottom:10px;}
.pdnB30 {padding-bottom:30px;}
.pdnB50 {padding-bottom:50px;}

.pdnR10 {padding-right:10px;}
.pdnR30 {padding-right:30px;}
.pdnR50 {padding-right:50px;}

.txtAC {text-align:center;}



.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.komeList {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 3em !important;
}

.komeList li {
  line-height: 1.5;
  padding-bottom: 0.3em;
  list-style-type: none!important;
}

.komeList li:before {
  content: "※";/*アイコンの種類*/
  position: absolute;
  left : 0.5em;/*左端からのアイコンまでの距離*/
}

.link_red{
  color: #bd0000 !important;
  text-decoration: underline;
}

.link_red:hover{
  text-decoration: underline;
}

#main h4.tokucho {
    border-bottom: 1px solid #00a2e4;
    border-left: 10px solid #00a2e4;
    padding: 0 0.5em 0.2em;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 1em;
}

#ext_text dt{
  margin-top: 1em;
}

#ext_text dd{
  margin: 0.5em 0;
}

.pdfIcon:after {
  content: url(/common/img/pdfIcon.png);
  position: relative;
  top: 3px;
  padding-right: 5px;
}