@charset "utf-8";
@charset "utf-8";

/*--- 全体の囲い ------------------------------*/
#wrapper{ width:100%; display:block; min-width:1460px; padding-top:167px;}

/*--- 全体の幅 ------------------------------*/
.wrap{ width : 98% ; width : -webkit-calc(100% - 200px) ;　width : calc(100% - 200px) ;  display:block; margin:0 auto; position:relative;}

/*--- コンテンツの幅 ------------------------------*/
.contW {width:1000px;margin:0 auto 100px; padding: 0;}

@media screen and (max-width:1600px){
	#wrapper{ width:100%; display:block; min-width:1160px; padding-top:167px;}
	.wrap{ width : 98% ; width : -webkit-calc(100% - 100px) ;　width : calc(100% - 100px) ;  display:block; margin:0 auto; position:relative;}
}

/*tablet*/
@media screen and (max-width:1176px){
	#wrapper{ width:100%; display:block; min-width:auto; padding-top: 260px; }
}


@media screen and (max-width:767px){
	#wrapper{min-width: initial; min-width: auto; padding-top:80px;}
	header #naviArea{ position:fixed; width:100%; height:0px; overflow:hidden; min-width: initial; min-width: auto;
		transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
		-webkit-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
		-moz-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
		-o-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
	}
	header.open #naviArea{ overflow:auto; padding-bottom:60px;}
	header.open span#drowerBtn{ background:url(../img/drower_close.svg) no-repeat center; }
	header #glNavWrap .wrap{ width:100%;}
}

/*----------------------------------------------------------

 Header
 --------------------------------------------------------*/
header {position: fixed;width: 100%; min-width: 1000px;margin: 0 auto; line-height: 1; z-index: 10000000000;background: #fff; padding-top:53px;  position:fixed; top:0;border-bottom:1px solid #ccc; min-width:1460px;}
header a,
header {color: #000000;text-decoration: none; margin-bottom:20px;}

/*---nav-----------------------------------*/
header nav ul { list-style: none; position:static; font-size: 14px; text-align:center; display:block;}
header nav ul li { position: relative; display:inline-block;}

/*--- GlNavi ------------------------------*/
header .logo { position:relative; width: 200px; height:70px; position: absolute; top: 72px; left: 100px; display:block; }
header .logo a {width:100%;height:100%; display:block; font-size: 1px; line-height: 1em;display:block; position:absolute; z-index: 100; text-align:left;}
header .logo a img{ width:auto; height:70px;}
header .wrap{ position:static;}

#glNavWrap{ display:block; position:relative; height:114px; background:#FFF; z-index:10; }
header #glNav{ padding:0; width:960px; display:block; margin:0 auto;}
header #glNav ul.gnaviList{ border-left:1px solid #DADADA; border-right:1px solid #DADADA;}
header #glNav ul.gnaviList > li{ width:16.666%; height:114px; position:relative; display:block; float:left; border-right:1px solid #DADADA; position:static }
header #glNav ul.gnaviList > li:last-child{ border:none;}
header #glNav ul.gnaviList > li > a{ width:100%; height:100%; display:block; position:relative; left:0; top:0; z-index:10; background-position:center 10px; text-align:center;}
header #glNav ul.gnaviList > li > a:before{ content:""; width:100%; height:60px; display:block; margin:0 auto; position:absolute; left:0; top:10px;}
header #glNav ul.gnaviList > li > a img{ width:auto; height:14px; margin-top:80px;}
header #glNav ul.gnaviList > li.navi-guidance > a:before{ background:url(../img/nav/icon_guidance.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li.navi-comparison > a:before{ background:url(../img/nav/icon_comparison.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li.navi-products > a:before{ background:url(../img/nav/icon_products.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li.navi-reform > a:before{ background:url(../img/nav/icon_reform.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li.navi-energy > a:before{ background:url(../img/nav/icon_energy.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li.navi-food > a:before{ background:url(../img/nav/icon_food.svg) no-repeat center; background-size:60px;}
header #glNav ul.gnaviList > li > a:hover{ background:#F2F6FB;}

header #glNav ul li .lower{ width:100%; height:0; overflow:hidden; display:block; position:absolute; left:0; top:115px; background:#fff; padding:0; 
-moz-box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
-webkit-box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true);
transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
}

body header #glNav ul li.act .lower{ height:auto; padding:30px 0 50px 0; z-index:100; border-bottom:1px solid #CCC; box-sizing:border-box; overflow: inherit;
transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
-o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
}

body header.fixed #glNav ul li.act > a,
body header #glNav ul li.act > a{ background:#F2F6FB!important;}

@media screen and (min-width:768px){
body#guidance header #glNav ul li.navi-guidance > a:after,
body#comparison header #glNav ul li.navi-comparison > a:after,
body#products header #glNav ul li.navi-products > a:after,
body#reform header #glNav ul li.navi-reform > a:after,
body#energy header #glNav ul li.navi-energy > a:after,
body#food header #glNav ul li.navi-food > a:after{ content:""; width:100%; height:1px; display:block; position:absolute; left:0; bottom:0; background:#0052A6;}
}

@media screen and (max-width:767px){
body#guidance header #glNav ul li.navi-guidance > a,
body#comparison header #glNav ul li.navi-comparison > a,
body#products header #glNav ul li.navi-products > a,
body#reform header #glNav ul li.navi-reform > a,
body#energy header #glNav ul li.navi-energy > a,
body#food header #glNav ul li.navi-food > a{ background:#F2F6FB; }
}


header #glNav ul li .lower{overflow:hiden; }
header #glNav ul li .lower .lower-inner{ display:block; margin:0 auto; }
header #glNav ul li .lower .lower-inner .title{ width:200px; display:block; text-align:center; margin:0 auto 30px;}
header #glNav ul li .lower .lower-inner .title img{ width:auto; height:20px;}

header #glNav ul li .lower .lower-inner .column4 { display: flex; flex-wrap: wrap; gap: 16px 2%;}

header #glNav ul li .lower .lower-inner .column4 > ul{ width:23.5%; /*margin-right:2%;*/ display:block; /*float:left;*/ border-top:1px solid #ccc;}
/* header #glNav ul li .lower .lower-inner .column4 > ul:last-child{ margin-right:0;} */
header #glNav ul li .lower .lower-inner .column4 > ul li { text-align:left; display:block;}
header #glNav ul li .lower .lower-inner .column4 > ul > li{ }
header #glNav ul li .lower .lower-inner .column4 > ul > li:last-child{}
header #glNav ul li .lower .lower-inner .column4 > ul li div.navTitle{    margin-bottom: 5px; margin-top:10px; margin-left:20px;    padding: 10px 10px 10px 20px;font-size: 0.8rem;    font-weight: 700; background-color:#f0f0f0;}
header #glNav ul li .lower .lower-inner .column4 > ul > li{ border-bottom:1px #ccc solid;}
header #glNav ul li .lower .lower-inner .column4 > ul > li > a{ padding:10px 0; display:block; margin-bottom:0;}
header #glNav ul li .lower .lower-inner .column4 > ul > li > a span{display: block;  background: url(../img/arrow.svg) no-repeat 10px 50%; color: #000;  padding-left: 25px;}
header #glNav ul li .lower .lower-inner .column4 > ul > li ul{ padding-left:20px;}
header #glNav ul li .lower .lower-inner .column4 > ul > li ul li:last-child{ padding-bottom:10px;}
header #glNav ul li .lower .lower-inner .column4 > ul > li ul li a span{padding: 0; display:block;  background: url(../img/arrow.svg) no-repeat 10px 7px;  background-size: 5px;  padding: 0 0 0 25px;	}
header #glNav ul li .lower .lower-inner .column4 > ul > li ul li a{padding:5px 0; display:block; margin-bottom:0;}
header #glNav ul li .lower .lower-inner .column4 > ul.dubleColumn{ width:49%;}
header #glNav ul li .lower .lower-inner .column4 > ul.dubleColumn > li .columnBox{ width:49%; display:block; float:left; margin-right:2%;}
header #glNav ul li .lower .lower-inner .column4 > ul.dubleColumn > li .columnBox:last-child{ margin-right:0;}
/*header #glNav ul li.navi-food .lower .lower-inner .column4 > ul:first-child{ margin-left:12%;}
header #glNav ul li.navi-food .lower .lower-inner .column4 > ul:last-child{  margin-right:12%;}*/

header #glNav ul li .lower .lower-inner .column4 > ul.allColumn{ width:75%; margin-left:12.5%;}
header #glNav ul li .lower .lower-inner .column4 > ul.allColumn > li .columnBox{width:31%; margin-right:2%; display:block; float:left; }


header #glNav ul li .lower .lower-inner .column3 > ul{ width:31%; margin-right:2%; display:block; float:left; border-top:1px solid #ccc;}
header #glNav ul li .lower .lower-inner .column3 > ul:nth-child(3n){ margin-right:0;}
header #glNav ul li .lower .lower-inner .column3 > ul li { text-align:left; display:block;}
header #glNav ul li .lower .lower-inner .column3 > ul > li{ }
header #glNav ul li .lower .lower-inner .column3 > ul > li:last-child{}
header #glNav ul li .lower .lower-inner .column3 > ul li h4{    margin-bottom: 5px; margin-top:10px; margin-left:20px;    padding: 10px 10px 10px 20px;font-size: 0.8rem;    font-weight: 700; background-color:#f0f0f0;}
header #glNav ul li .lower .lower-inner .column3 > ul > li{ border-bottom:1px #ccc solid;}
header #glNav ul li .lower .lower-inner .column3 > ul > li > a{ padding:10px 0; display:block; margin-bottom:0;}
header #glNav ul li .lower .lower-inner .column3 > ul > li > a span{display: block;  background: url(../img/arrow.svg) no-repeat 10px 50%; color: #000;  padding-left: 25px;}
header #glNav ul li .lower .lower-inner .column3 > ul > li ul{ padding-left:20px;}
header #glNav ul li .lower .lower-inner .column3 > ul > li ul li:last-child{ padding-bottom:10px;}
header #glNav ul li .lower .lower-inner .column3 > ul > li ul li a span{padding: 0; display:block;  background: url(../img/arrow.svg) no-repeat 10px 7px;  background-size: 5px;  padding: 0 0 0 25px;	}
header #glNav ul li .lower .lower-inner .column3 > ul > li ul li a{padding:5px 0; display:block; margin-bottom:0;}
header #glNav ul li.navi-food .lower .lower-inner .column3 > ul:first-child{ margin-left:12%;}
header #glNav ul li.navi-food .lower .lower-inner .column3 > ul:last-child{  margin-right:12%;}

header #glNav ul li .lower .lower-inner a.closeBtn{ width:50px; height:50px; display:block; background:#0053A7!important; color:#FFF; font-size:24px; line-height:44px; text-align:center; margin-bottom:0; border:3px solid #fff; box-sizing:border-box; border-radius:25px; position:absolute; left:49%; left:-webkit-calc(50% - 25px) ; left:calc(50% - 25px) ; bottom:-25px;}


header .houjinBt {position:absolute; right:100px; top:85px; bottom: 0; z-index:10; }
header .houjinBt2 {/* position:absolute; *//* right:100px; *//* top:85px; *//* bottom: 0; */z-index:10;}
header .mynaganoBt {position:absolute;right:100px;width: 13.8%;display: block;top: 65px;bottom: 0;z-index:10;}
header .mynaganoBt img {width: auto;height: 100%;}
header span#drowerBtn{ display:none;}
@media screen and (max-width:768px){
	header .mynaganoBt img {width: 90%;height: auto;}
}

/*pc*/
@media screen and (min-width:768px){
header.fixed{ padding-top:0; }
header.fixed #subNavWrap{ height:0; overflow:hidden;}
header.fixed #glNav ul.gnaviList > li{ height:80px; background:none;}
header.fixed #glNav ul.gnaviList > li a{ background:none!important; background-position:center 10px;}
header.fixed #glNav ul.gnaviList > li a:before{ opacity:0;}
header.fixed #glNav ul.gnaviList > li > a img{ margin-top:34px;}
header.fixed #glNavWrap{ height:80px;}
header.fixed .logo{ width:200px; height:50px; top:15px;}
header.fixed .logo img{ height:50px; width:auto;}
header.fixed a.houjinBt{ top:15px;}
header.fixed a.houjinBt2{ top:15px;}
header.fixed a.mynaganoBt{ top:15px;}
header.fixed #glNav ul.gnaviList > li .lower{ top:81px;}

}



@media screen and (max-width:1600px){
	header{width:100%; display:block; min-width:1160px;}
	header .logo{ width:143px; height:50px; left:50px; top:82px; }
	header .logo a img{ height:50px; width:auto;}
	header .houjinBt{ right:50px;}
	header .houjinBt2{/* right:50px; */}
	header .mynaganoBt{right: 20px;}
	/*header #glNav ul li .lower .lower-inner .title{ width:150px;}
	header #glNav ul li .lower .lower-inner .title img{ height:18px; }
	header #glNav ul li .lower .lower-inner ul{width : 50% ; width : -webkit-calc(100% - 210px) ;　width : calc(100% - 210px) ; display:block; float:right; }*/
}

@media screen and (max-width:1400px){
	header #glNav{ width:740px;}
	header #glNav ul.gnaviList > li > a img{ height:12px;}
}

/*tablet*/
@media screen and (max-width:1176px){
	header{width:100%; display:block; min-width:auto;}
	header .logo{ width:143px; height:50px; left:auto; top:auto; position:relative; margin:15px 0 15px 20px; }
	header.fixed .logo{top:0;}
	header .wrap {width: 100%;    width: -webkit-calc(100%);    width: calc(100%);    display: block;    margin: 0 auto;    position: relative;}
	header #glNav{ width:100%;}
	header #glNav ul.gnaviList{ border-left:none; border-right:none; border-top:1px solid #ccc;}
	header .houjinBt{ top:68px; right:20px;}
	header .houjinB2{ top:68px; right:20px;}
	header .mynaganoBt{top:68px;right:20px;height: 50px;}
	
	header #glNav ul li .lower .lower-inner{margin: 0 20px; width: auto;}
	header #glNav ul li .lower .lower-inner a.closeBtn{ bottom:-80px;}

	header #glNav ul li .lower .lower-inner a.closeBtn{ width:44px; height:44px; display:block; background:#0053A7!important; color:#FFF; font-size:24px; line-height:40px; text-align:center; margin-bottom:0; border:3px solid #fff; box-sizing:border-box; border-radius:25px; position:absolute; left:auto; right:20px; bottom:auto; top:-10px;}

	
}


@media screen and (max-width:767px){
	header{min-width: initial; min-width: auto; height:70px; text-align:center; padding-top:0;}
	header span#drowerBtn{ content:""; width:70px; height:70px; display:block; position:absolute; right:0; top:0; background:url(../img/drower_icon.svg) no-repeat center; background-size:40px;}
	header .logo,header.fixed .logo { position:absolute; float:none; width:139px;     height: 49px; margin:0 auto; top:10px; left:15px; }
	header .logo a img,header.fixed .logo a img{ width:100%; height:auto;}
	header #glNavWrap{ height:auto;}
	header #naviArea{ display:block; position:absolute; top:70px; left:0; width:100%; background:rgba(0,0,0,0.5); 
		-moz-box-shadow:0px 2px 2px rgba(10,42,89,0.2);-webkit-box-shadow:0px 2px 2px rgba(10,42,89,0.2);box-shadow:0px 2px 2px rgba(10,42,89,0.2);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true);
	}
	
	header #naviArea .ray{ display:block; background:#FFF;}
	header #glNav{ width:auto;}
	header #glNav ul.gnaviList{ border-left:none; border-right:none; margin-bottom:15px;}
	header #glNav ul.gnaviList > li{ width:auto; height:auto; position:relative; display:block; float:none; border-right:none; position:static; border-bottom:1px solid #ccc; }
	header #glNav ul.gnaviList > li:last-child{ border-bottom:1px solid #ccc;}
	header #glNav ul.gnaviList > li > a{ width:100%; height:50px; display:block; position:relative; left:0; top:0; z-index:10; margin-bottom:0; background-position:center 10px; text-align:left; border-bottom:none;}
	header #glNav ul.gnaviList > li > a:before{ content:""; width:30px; height:30px; display:block; margin:0 auto; position:absolute; left:10px; top:10px;}
	header #glNav ul.gnaviList > li > a:hover{ background:#fff;}
	header #glNav ul.gnaviList > li > a:after{ content:""; width:30px; height:30px; display:block; margin:0 auto; position:absolute; right:10px; top:10px; background:url(../img/arrow.svg) no-repeat center; background-size:6px;}
	
	/*アコーディオン*/
	header #glNav ul.gnaviList > li.accordion > a:after{ content:""; width:30px; height:30px; display:block; margin:0 auto; position:absolute; right:10px; top:10px; background:url(../img/arrow.svg) no-repeat center; background-size:6px; -moz-transform: rotate(90deg);    -webkit-transform: rotate(90deg);    -o-transform: rotate(90deg);    -ms-transform: rotate(90deg);    transform: rotate(90deg);
	}
	
	header #glNav ul.gnaviList > li.accordion.open > a:after{ content:""; width:30px; height:30px; display:block; margin:0 auto; position:absolute; right:10px; top:10px; background:url(../img/arrow.svg) no-repeat center; background-size:6px; -moz-transform: rotate(-90deg);    -webkit-transform: rotate(-90deg);    -o-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    transform: rotate(-90deg);
	}
	
	header #glNav ul.gnaviList > li > a img{ width:auto; height:15px; margin-top:18px; margin-left:55px;}
	header #glNav ul.gnaviList > li.navi-guidance > a:before{ background-size:30px;}
	header #glNav ul.gnaviList > li.navi-comparison > a:before{ background-size:30px;}
	header #glNav ul.gnaviList > li.navi-products > a:before{ background-size:30px;}
	header #glNav ul.gnaviList > li.navi-reform > a:before{ background-size:30px;}
	header #glNav ul.gnaviList > li.navi-energy > a:before{ background-size:30px;}
	header #glNav ul.gnaviList > li.navi-food > a:before{ background-size:30px;}
	
	header #glNav ul li .lower{ height:0px; overflow:hidden; display:block; position:relative; left:auto; top:auto; background:#0052A6; padding:0; border-bottom:none;
	-moz-box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
	-webkit-box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
	box-shadow:0px 2px 2px rgba(10,42,89,0.1) inset;
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true);
	transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
	-moz-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
	-o-transition: all 0.6s cubic-bezier(.165, .84, .44, 1);
	}
	
	header #glNav ul li.open .lower{ height:auto;}
	header #glNav ul.gnaviList > li.open > a{ border-bottom:none; border-bottom:1px solid #ccc;}
	
	header #glNav ul li .lower .lower-inner{ display:block; margin:0 auto;}
	header #glNav ul li .lower .lower-inner .title{ display:none;}
	header #glNav ul li .lower .lower-inner ul{width : auto ; float:none;  }
	header #glNav ul li .lower .lower-inner ul li{width :auto ;  display:block; float:none; text-align:left; margin:0; line-height:40px;}
	
	header #glNav ul li .lower .lower-inner ul li a{ color:#FFFFFF; }
	
	header #glNav ul li .lower .lower-inner .column3 > ul > li > a span,
	header #glNav ul li .lower .lower-inner ul li a span{ display:block; padding-left:40px; height:auto; color:#fff; display:block; background:url(../img/arrow_white.svg) no-repeat 20px 16px; background-size:6px;}
	header #glNav ul li .lower .lower-inner .column3 > ul{     border-top:none;}
	header #glNav ul li .lower .lower-inner ul li a:hover span{ color:#FFFFFF;}
	header #glNav ul li .lower .lower-inner ul li:first-child{ margin-left:0;}
	header #glNav ul li .lower .lower-inner ul li:nth-child(4n){margin-left:0;}
	
	header #glNav ul li:hover .lower{ height:0px; padding:0; z-index:100;}
	
	header #glNav ul.gnaviList > li.accordion.open:hover .lower{ height:auto;}
	
	header a.houjinBt { width:90%; right:50px; position:relative; margin:0 auto 15px; left:auto; right:auto; top:auto; bottom:auto;}
	header a.houjinBt2 { width:90%; right:50px; position:relative; margin:0 auto 15px; left:auto; right:auto; top:auto; bottom:auto;}
	header a.mynaganoBt {width:90%;right:50px;position:relative;margin: 0 auto 15px;left:auto;right:auto;top:auto;bottom:auto;height: auto;}

	header #glNav ul li .lower .lower-inner .column4 { display: block;}
	header #glNav ul li .lower .lower-inner .column4 > ul{ /*width:auto;*/ width: 100%; margin-right:0%; padding-top:0.5em; display:block; float:none; border-top:none;}
	header #glNav ul li .lower .lower-inner .column4 > ul.dubleColumn{ width:auto;}
	header #glNav ul li .lower .lower-inner .column4 > ul.dubleColumn > li .columnBox{ width:auto; display:block; margin-right:0; float:none;}
	header #glNav ul li .lower .lower-inner .column4 > ul li div.navTitle{ display:block; margin-bottom: 0.5em; margin-top: 0.5em; margin-left:0; padding: 0.3em 1em 0.3em 1em; background-color:#004184; color:#fff;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li{ padding:0 10px; border-bottom:1px solid #004184; }
	header #glNav ul li .lower .lower-inner .column4 > ul > li > a{ padding:0; display:block; margin-bottom:0;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li > a span{ color:#fff; background: url(../img/arrow_white.svg) no-repeat 10px 50%;  background-size: 6px; padding-left: 25px;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li ul{ padding-left:0;  padding:0;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li ul li:last-child{ padding-bottom:10px;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li ul li a{padding:0 0 0 15px; display:block; margin-bottom:0;}
	header #glNav ul li .lower .lower-inner .column4 > ul > li ul li a span{padding: 0; display:block;  background: url(../img/arrow_white.svg) no-repeat 5px 50%; line-height:2.5em;  background-size: 5px;  padding: 0 0 0 15px;	}
	header #glNav ul.gnaviList > li.navi-reform .column4 > ul.dubleColumn > li .columnBox:nth-last-child(2) li:last-child{ padding-bottom:0;}
	header #glNav ul li.navi-food .lower .lower-inner .column4 > ul:first-child{ margin-left:0;}
	header #glNav ul li .lower .lower-inner a.closeBtn{ display:none;}
	
	header #glNav ul li .lower .lower-inner .column4 > ul.allColumn{ width:auto; margin-left:auto;}
	header #glNav ul li .lower .lower-inner .column4 > ul.allColumn > li .columnBox{width:auto; margin-right:0; display:block; float:none; padding-bottom:0;}
	header #glNav ul li .lower .lower-inner .column4 > ul.allColumn > li ul li{ padding-bottom:0px;}
	header #glNav ul li .lower .lower-inner .column4 > ul.allColumn > li .columnBox:last-child ul li:last-child{ padding-bottom:10px;}
	
}

/*--- subNavi ------------------------------*/
#subNavWrap{ width:100%; display:block; position:absolute; left:0; top:0; height:53px; border-bottom:1px solid #DADADA; z-index:11;}
#subNavWrap nav li{ line-height:53px; margin: 0 10px; }
#subNavWrap nav li a{letter-spacing:0.1em;}
#subNavWrap nav li a:hover{ color:#0053A7;}
#subNavWrap nav li.navi-search{position:relative;width: 53px;}
#subNavWrap nav li.navi-search .searchBtn{ width:53px; height:53px; display:block; position:absolute; top:-30px; }
#subNavWrap nav li.navi-search .searchBtn img{ left:18px; top:18px; position:absolute;}
#subNavWrap nav li.navi-gyoumu { display:inline-block !important;;}
@media screen and (max-width:900px){
	#subNavWrap nav li{margin: 0 5px; }
	#subNavWrap nav li a{letter-spacing:0;}
}
@media screen and (max-width:767px){
	#subNavWrap{width:100%;display:block;position:relative;left:auto;top:auto;height:auto;border-top:1px solid #DADADA;z-index:8;margin-top: 15px;}
	#subNavWrap .wrap{ width:100%;}
	#subNavWrap nav li{ line-height:53px; margin: 0; width:50%; display:block; float:left; border-bottom:1px solid #DADADA; box-sizing:border-box;}
	#subNavWrap nav li:nth-child(even){border-left:1px solid #DADADA;}
	#subNavWrap nav li a:hover{ color:#0053A7;}
	#subNavWrap nav li.navi-search{ display:block; width:auto; padding:15px 0; margin:0 20px; float:none; clear:both; border-bottom:none; background:#0052A6; margin:0;}
	#subNavWrap nav li.navi-search .searchBtn{ width:53px; height:53px; display:block; position:relative; top:auto; display:none; }
	#subNavWrap nav li.navi-search .searchBtn img{ left:18px; top:18px; position:absolute;}
	#subNavWrap nav li.navi-gyoumu.pc {display: none !important;}


}


/*検索*/
#searchNav {left:-158px; width: 380px; top: 20px; height: auto; z-index: 100000; position: absolute; background:#0053A7; line-height:0; padding:0;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  display:none;}
#searchNav:before { content:""; width:10px; height:10px; position:absolute; left: 180px; top:-5px; background:#0053A7;
transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
} 
#searchNav > li { color:#fff; line-height:0;}
#searchNav > li input[type="text"], #searchNav > textarea {border:0;padding:5px;font-size:1em;color:#0A2A59;border:solid 1px #ccc;margin: 0 5px 0 0;background:#fff;width:250px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#searchNav > li input[type="submit"],
#searchNav > li input[type="image"] {-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;margin: 0;font-size: 15px;width: 90px;padding: 0; background:#E89213; color:#fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative; top: 10px}
#searchNav > li input[type="submit"]::-webkit-search-decoration,
#searchNav > li input[type="image"]::-webkit-search-decoration { display: none;}
#searchNav > li input[type="submit"]::focus,
#searchNav > li input[type="image"]::focus { outline-offset: -2px;}

@media screen and (max-width:767px){
	#searchNav{ top:auto; left:auto; width:90%; margin:0 auto; position:relative; display:block;}
	#subNavWrap	#searchNav li{ border-bottom:none;}
	#searchNav:before{ display:none;}
	#subNavWrap #searchNav li{ width:100%;}
	#subNavWrap #searchNav li form{ display:block;}
	#searchNav > li input[type="text"], #searchNav > textarea{ width:200px;}
}


/* transition */
header,
header #subNavWrap,
header #glNav ul li,
header #glNav ul li a,
header #glNav ul li img,
header #glNavWrap,
header .logo,
header .logo a img,
header a.houjinBt,
header a.houjinBt2,
header a.mynaganoBt{ transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);}

header #glNav ul li a:before{ transition: all 0.2s cubic-bezier(.165, .84, .44, 1); 0.2s; -webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); 0.2s; -moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); 0.2s; -o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); 0.2s;}
header.fixed #glNav ul li a:before{transition: all 0.1s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all 0.1s cubic-bezier(.165, .84, .44, 1); -moz-transition: all 0.1s cubic-bezier(.165, .84, .44, 1); -o-transition: all 0.1s cubic-bezier(.165, .84, .44, 1);}

/*------------------------------------------------

footer

------------------------------------------------*/
footer {background:#fff;padding: 30px 0; position:relative; background:#FFF;}
footer .wrap{}
footer .footLeft{ width:60%; display:block; float:left; text-align:left;}
footer .footLeft a.logo { width:150px; position:relative; display:block; margin-bottom:20px;}
footer .footLeft a.logo img{ width:100%; height:auto;}
footer .footRight{ width:40%; display:block; float:right; text-align:right;}
footer nav.footNav{ display:block; margin:0 auto; }
footer nav.footNav li{ line-height:40px; margin: 0 5px; display:inline-block; }
footer nav.footNav li a{ padding-left:0; letter-spacing:0.1em;font-size:13px;}
footer nav.footNav li a:hover{ color:#0053A7;}
footer nav.footNav ul.subnavi{ margin-bottom:10px;}
footer nav.footNav ul.subnavi li a{ font-size:13px;}
footer a.contactBtn{ display:inline-block; /*margin-bottom:20px;*/}
footer a.youtubeBtn{ display:inline-block; /*margin-bottom:20px;*/}
footer #copy{font-size: 11px;text-align: center; margin-bottom:0; display:block; text-align:center; letter-spacing:0.1em; text-align:right;}

a.pagetopBtn{ width:65px; height:280px; display:block; position:absolute; right:0; bottom:50px; background:url(../img/btn_pagetop_c.png) no-repeat 17px bottom; text-indent:-9999px; overflow:hidden; z-index:1000; -webkit-transition: all .2s cubic-bezier(.165, .84, .44, 1);	transition: all .2s cubic-bezier(.165, .84, .44, 1); top:-300px;}
a.pagetopBtn:before{ content:""; width:55px; height:180px; display:block; position:absolute; left:0; top:0; background:url(../img/btn_pagetop.png) no-repeat left top; }
a.pagetopBtn:hover{  background:url(../img/btn_pagetop_c.png) no-repeat 5px bottom; }
a.pagetopBtn:hover:before{background:url(../img/btn_pagetop.png) no-repeat right top;}

@media screen and (max-width:1600px){
}


@media screen and (max-width:1176px){
	a.pagetopBtn{ display:none;}
	#sideNavi nav#supportNav{ width:50%;  display:block; float:left; margin:0 0 0 0;}
	#sideNavi nav#contactNav{width:50%;  display:block; float:right; margin:0 0 0 0 ;}
	#sideNavi:after{/*for modern browser*/ content:""; display: block; height:0; clear: both; visibility: hidden; font-size: 0;}
}

@media screen and (max-width:767px){
	#sideNavi nav#supportNav{ width:auto;  display:block; float:none; margin:0 0 0 0;}
	#sideNavi nav#contactNav{width:auto;  display:block; float:none; margin:0 0 0 0 ;}
	#sideNavi nav#sideBnr{ padding-top:2%;}
	#sideNavi nav#sideBnr .sideBnr{ width:49%; display:block; float:left; margin-right:2%; margin-bottom:2%;}
	#sideNavi nav#sideBnr .sideBnr:nth-child(even){ margin-right:0; }
	
	footer{ padding:0 0 20px 0;}
	footer .footLeft{ float:none;  width:auto; text-align:center;}
	footer .footRight{ float:none; width:auto; text-align:center;}
	
	footer .footLeft a.logo{width:100px; margin:0 auto 20px; }
	footer nav.footNav ul{ display:none;}
	footer nav.footNav ul.subnavi{ display:block;}
	footer nav.footNav li{ line-height:2em;}
	footer nav.footNav li a{ padding-left:0;}
	footer .wrap{ margin:0 15px; width:auto;}
	footer p#copy{ margin:0 15px; font-size:10px; padding:30px 0 0 0; text-align:center;}
	
	a.pagetopBtn{ width:100%; height:auto; display:block; position:relative; right:auto; bottom:auto; background:#0053A7; text-indent:inherit; overflow:hidden; z-index:1000; top:auto; text-align:center;	color:#FFF; padding:10px 0; margin-bottom:20px;}
	a.pagetopBtn:before{ display:none;}
	a.pagetopBtn:hover{ background:#0053A7; }
	a.pagetopBtn:hover:before{ display:none; background:none;}
}

/*-------------------------------------------------------------------------
cont
---------------------------------------------------------------------------*/
#cont{padding-top:20px;display: flex;flex-wrap: wrap;}
#home #cont{padding-top:0	px;}
/*--------------------------
sideNavi
-------------------------*/
#sideNavi{ width:290px; display:block; float:right; margin-bottom:100px; }
#sideNavi nav{ display:block; margin:0 20px 20px; padding-bottom:40px;}
#sideNavi nav .title{ padding:30px 0; text-align:center;}
#sideNavi nav .title img{ height:20px; width:auto;}
#sideNavi nav#categoryNav{ background:#FFF; }
#sideNavi nav#contactNav{ background:url(../img/pattern_dot.png)#0053A7; }
#sideNavi nav#supportNav{ background:url(../img/pattern_dot.png)#F7575B; }
#sideNavi nav h4{ margin:20px 15px 0; padding:10px; box-sizing:border-box; font-size: 0.8rem; font-weight: 700; border-top:1px solid #ccc; background-color: #f0f0f0;}
#sideNavi nav#categoryNav h4{ margin:0; padding-left:25px; border-top:none; margin-bottom:5px; display:none;}
#sideNavi nav ul{ margin:0 15px;}
#sideNavi nav ul li:first-child{ border-top:1px solid #fff;}
#sideNavi nav ul li{ display:block; border-bottom:1px solid #fff; background:url(../img/arrow_white.svg) no-repeat 10px 1em;}
#sideNavi nav ul li > a{ color:#FFFFFF; display:block; padding:10px 0 10px 25px; letter-spacing:0.05em;  background:rgba(0,0,0,0);}
#sideNavi nav ul li a:hover{ background:rgba(0,0,0,0.07);}

#sideNavi nav#sideBnr a.sideBnr{ margin-bottom:10px; display:block;}
#sideNavi nav#sideBnr a.sideBnr:last-child{ margin-bottom:0;}

/*各カテゴリサイドナビアイコン*/
#guidance #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_guidance.svg) no-repeat; background-size:80px; margin-bottom:10px;}
#comparison #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_comparison.svg) no-repeat; background-size:80px; margin-bottom:10px;}
#products #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_products.svg) no-repeat; background-size:80px; margin-bottom:10px;}
#reform #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_reform.svg) no-repeat; background-size:80px; margin-bottom:10px;}
#energy #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_energy.svg) no-repeat; background-size:80px; margin-bottom:10px;}
#food #sideNavi nav#categoryNav .title:before{ content:""; width:80px; height:80px; display:block; margin:0 auto; background:url(../img/nav/icon_food.svg) no-repeat; background-size:80px; margin-bottom:10px;}

#sideNavi nav#categoryNav ul li:first-child{ border-top:1px solid #ccc;}
#sideNavi nav#categoryNav ul li a{ display:block;  background:url(../img/arrow.svg) no-repeat 10px 1.1em; color:#000;}
#sideNavi nav#categoryNav ul li{  background:rgba(242,246,251,0); border-bottom:1px solid #ccc;}
#sideNavi nav#categoryNav > ul > li > a:hover{ background:url(../img/arrow.svg) #f2f6fb no-repeat 10px 1.1em ;}

#sideNavi nav ul li ul{ margin:0;}
#sideNavi nav ul li ul li:first-child{ border:none;}
#sideNavi nav ul li ul li{ border-bottom:0;}
#sideNavi nav#categoryNav ul li ul li{ border:none; padding-left:25px;}
#sideNavi nav#categoryNav ul li ul li a{ border:none; background:url(../img/arrow.svg) no-repeat 0px 0.8em; background-size:5px; padding: 5px 0 5px 15px;}
#sideNavi nav#categoryNav ul li ul li:hover{ background:#f2f6fb;}
#sideNavi nav#categoryNav ul li ul li:first-child{ border:none;}


/*tablet*/
@media screen and (max-width:1176px){
	#cont{ padding-top:0;}
	
	#sideNavi{ width:auto; display:block; float:none; margin:0 20px 40px; }
	#sideNavi nav{ display:block; margin:0 auto 0; padding-bottom:0; position:relative; overflow:hidden;}
	#sideNavi nav .title{ padding:0; text-align:center;}
	#sideNavi nav .title img{ height:20px; width:auto;}
	
	#sideNavi div.title{ text-align:center; display:block; margin-bottom:0px; text-align:left; line-height:0; height:60px; position:relative;}
	#sideNavi div.title img{ height:16px; width:auto; margin-left:50px; margin-top:22px;}
	
	#sideNavi nav#categoryNav{ padding-bottom:20px;}
	#sideNavi nav#categoryNav ul li:first-child{ border-top:1px solid #ccc;}
	#sideNavi nav#categoryNav ul li a{ display:block; border-bottom:0; background:url(../img/arrow.svg) no-repeat 10px 1.1em; color:#000;}
	#sideNavi nav#categoryNav ul li{  background:rgba(242,246,251,0);}
	#sideNavi nav#categoryNav ul li:hover{ background:rgba(242,246,251,1);}
	
	#sideNavi #contactNav:before{ content:""; width:35px; height:66px; background:url(../img/top/c_honoo.png) no-repeat; position:absolute; top:5px; left:10px; background-size:30px;}
	#sideNavi #supportNav:before{ content:""; width:35px; height:66px; background:url(../img/top/c_honoka.png) no-repeat; position:absolute; top:5px; left:10px; right:auto; background-size:30px;}
	#sideNavi #categoryNav:before{ content:""; width:20px; height:36px; background:url(../img/mark.svg) no-repeat; position:absolute; top:10px; left:15px; right:auto; background-size:contain;}
	#sideNavi #categoryNav  div.title:before{ display:none;}
	
	
	/*各カテゴリサイドナビアイコン*/
	#guidance #sideNavi nav#categoryNav .title:before{ display:none;}
	#comparison #sideNavi nav#categoryNav .title:before{ display:none;}
	#products #sideNavi nav#categoryNav .title:before{ display:none;}
	#reform #sideNavi nav#categoryNav .title:before{ display:none;}
	#energy #sideNavi nav#categoryNav .title:before{ display:none;}
	#food #sideNavi nav#categoryNav .title:before{ display:none;}
	
	#guidance #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_guidance.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}
	#comparison #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_comparison.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}
	#products #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_products.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}
	#reform #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_reform.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}
	#energy #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_energy.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}
	#food #sideNavi nav#categoryNav:before{ content:""; width:40px; height:40px; display:block; background:url(../img/nav/icon_food.svg) no-repeat; background-size:30px; margin-bottom:0px; position:absolute; left:10px; top:15px;}

}

@media screen and (max-width:767px){
	
#sideNavi{ width:auto; display:block; float:none; margin:0 10px 40px; }
	/*アコーディオン*/
	#sideNavi .accordion ul{ display:none;}
	#sideNavi .accordion.open ul{ display:block; margin:0 20px 20px; border-top:1px solid #fff;}
	#sideNavi .accordion ul li{ width:auto; float:none; border-bottom:1px solid #fff; background:url(../img/arrow_white.svg) no-repeat 10px 1.1em;}
	#sideNavi .accordion ul li:nth-child(even){ margin-left:0px;}
	#sideNavi .accordion ul li:nth-child(1),.common_navi section ul li:nth-child(2){ border-top:none;}
	#sideNavi .accordion ul li a{ color:#FFFFFF; display:block; padding:10px 0 10px 25px; letter-spacing:0.05em;  background:rgba(0,0,0,0);}
	#sideNavi .accordion ul li a:hover{ background:none;}
	#sideNavi .accordion.open div.title:after{background:url(../img/icon_zoom2.svg) no-repeat; background-size:30px;}
	#sideNavi .accordion div.title:after{ content:""; width:30px; height:30px; position:absolute; right:15px; top:15px; display:block; background:url(../img/icon_zoom1.svg) no-repeat; background-size:30px;}
		
	
}

/*パン屑*/

#bread-crumb{display:block;margin: 0 0 20px 20px;text-align:left;width: 100%;}
#bread-crumb ul li { display:inline-block; text-align:center; margin-right:10px; padding-left: 15px; background: url(../img/arrow.svg) no-repeat left 0.5em; background-size: 6px; font-size:13px;}
#bread-crumb ul li a{ display: inline-block;  text-align:left; padding-left:15px;  box-sizing:border-box; position:relative;}
#bread-crumb ul li a:before{ content:"・"; position:absolute; left:0.2em; }
#bread-crumb ul li a:first-child{ padding-left:0;}
#bread-crumb ul li a:first-child:before { display:none; }



/*--------------------------------------------------------------------------

contents

----------------------------------------------------------------------------*/
#contents{width : 70%;width : -webkit-calc(100% - 310px);width : calc(100% - 310px);box-sizing:border-box;background:#FFF;margin-left:20px;float:left;padding:80px 0 0 0;margin-bottom:100px;flex-grow: 1;}
#contents .innerWrap{ width:700px; display:block; margin:0 auto; padding-bottom:50px;}
#contents article{ margin-bottom:100px;}
#contents .pagetitle{ text-align:center; padding-bottom:30px; background:url(../img/h1_icon.png) no-repeat center bottom; background-size:54px;  margin-bottom:60px; }
#contents .pagetitle span{ font-size:1rem; display:block; text-align:center; margin-bottom:20px; font-weight:700;}
#contents .pagetitle h1 span.pointTit{font-family: inherit; display:inline-block; padding:0 20px; height:34px; background:url(../img/pattern_dot.png)#F7575B; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0.1em; margin-bottom:0; margin-top:20px;}
#contents .pagetitle time{ color:#666666;} 

#contents .pagetitleType2{ background:url(../img/top/top_main01.jpg) no-repeat center; background-size:cover; min-height:400px; box-sizing:border-box; margin-bottom:60px; position:relative;}
#contents .pagetitleType2:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2);}

nav.contentsNavi ul { text-align:center;  }
nav.contentsNavi ul li{ display:inline-block; border-right:1px solid #ccc;}
nav.contentsNavi ul li:first-child{border-left:1px solid #ccc;}
nav.contentsNavi ul li:hover{    background: rgba(242,246,251,1);}
nav.contentsNavi ul li a{ line-height:40px; padding:0 25px 0 30px; background: url(../img/arrow.svg) no-repeat 15px 0.4em;}

/*tablet*/
@media screen and (max-width:1176px){
	#cont{ }
	#contents{width : auto!important ; margin:0 20px 50px; float:none; padding:40px 0 0 0;  }
}

@media screen and (max-width:767px){
	#contents{ width:auto; margin:0 10px 10px; float:none; padding:20px 0 0 0;}
	#contents #bread-crumb{ display:block; margin:0 20px 20px; text-align:left;}
	#bread-crumb{ display:block;     margin: 0 0 10px 20px; text-align:left;}
	#contents #bread-crumb ul li{ margin-right:5px;}
	#contents #bread-crumb ul li a{ font-size:11px;}
	#contents #bread-crumb ul li a{ display: block; padding-left: 10px; background: url(../img/arrow.svg) no-repeat left 0.5em; background-size: 4px;}
	#contents #bread-crumb ul li:first-child a{ padding-left:0; background:none;}
	#contents .innerWrap{ width:auto; display:block; margin:0 20px; padding-bottom:20px;}
	#contents article{ margin-bottom:20px;}
	#contents .pagetitle{ text-align:center; margin-bottom:20px; }
	#contents .pagetitle span{ font-size:1rem; display:block; text-align:center; margin-bottom:10px; font-weight:700;}
	#contents .pagetitle h1{font-size:20px; text-align:center; font-weight:700;}
	#contents .pagetitle h1 span.pointTit{font-family: inherit; display:block; padding:0 20px; height:34px; background:url(../img/pattern_dot.png)#F7575B; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0.1em; margin-bottom:0; margin-top:20px;}
	
	nav.contentsNavi ul li a{ line-height:1.5em; padding: 0.5em 1em 0.5em 1.7em; display:block; background: url(../img/arrow.svg) no-repeat 15px 0.9em;}
	
	#contents .pagetitleType2{ min-height:inherit; min-height:auto;}
}




/*---------------------------------------------------------
見出し関連
----------------------------------------------------------*/

/*サイト全体*/
#cont h1{font-size:30px; text-align:center; font-weight:700; line-height:1.5em;}
#cont h2{ font-size:1.3rem; }
#cont h3{ font-size:1.3rem; }
#cont h4{ font-size:1.0rem; }
#cont h5{ font-size:1.0rem; }
#cont h6{ font-size:0.8rem; }

/*下層のみ*/
#contents h2{ margin-bottom:30px; font-weight:bold; text-align:left; background:#0053A7; color:#FFFFFF; padding:15px; line-height:1.6em;}
#contents h3{ margin-bottom:20px; font-weight:700; text-align:left; line-height:1.6em;}
#contents h4{ margin-bottom:20px; font-weight:700; text-align:left; background:#f0f0f0; padding:15px; line-height:1.6em;}
#contents h5{ margin-bottom:10px; font-weight:700; text-align:left;  line-height:1.6em;}
#contents h6{ margin-bottom:10px; font-weight:700; text-align:left;  line-height:1.6em;}

#cont h1.fukidashi{ position:relative; width:300px; display:block; margin:0 auto; display:block; text-align:center; line-height:1.2em;}
#cont h1.fukidashi:before{ content:""; position:absolute; left:0; top:5px; width:1px; height:60px; background:#000000;
transform: rotate(-15deg);-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}
#cont h1.fukidashi:after{ content:""; position:absolute; right:0; top:5px; width:1px; height:60px; background:#000000;
transform: rotate(15deg);-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);}
#cont h1.fukidashi span{ display:block; line-height:1em;}

#cont h2 a{ background:url(../img/arrow_white.svg) no-repeat left center; background-size:8px; color:#FFF; padding-left:20px; }

#cont h3.check{ text-align:left; padding-left:100px; position:relative; line-height:1.8em; font-weight:700; margin-bottom:30px; display:block;}
#cont h3.check:before{ content:"Check!!"; width:80px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:inline-block; text-align:center; line-height:34px; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0.1em; margin-right:20px; position:absolute; left:0; top:0; }

#cont .listSection .num{counter-increment: flownum;}
#cont .listSection .num h3{ font-size:125%; position:relative; line-height:30px; padding-left:75px; min-height: 60px;}
#cont .listSection .num h3 div {display:flex; flex-direction:column; justify-content:center; min-height: 60px;}
#cont .listSection .num h3 span{ font-size:80%;}
#cont .list.num h3.check:before{ content:"0"counter(flownum); width:60px; height:60px; background:url(../img/pattern_dot.png)#F7575B; color:#FFF; position:absolute; line-height:3.8em; text-align:center; left:0; top:0;}

#cont .listSectionPoint{border-top: 1px solid #ccc;}
#cont .listSectionPoint .list{counter-increment: checknum; border-bottom: 1px solid #ccc; padding:20px 0;}
#cont .listSectionPoint h3{ font-size:125%; position:relative; line-height:30px; padding-left:110px; margin-bottom:20px;}
#cont .listSectionPoint h3 span{ font-size:80%;}
#cont .listSectionPoint h3.check:before{ content: "ポイント " counter(checknum); font-family: inherit; width:100px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:block; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0em; margin-bottom:20px; left:0; top:0;}


@media screen and (max-width: 767px) {
	#cont h1{font-size:30px; text-align:center; font-weight:700;}
	#cont h2{ font-size:1.2rem; }
	#cont h3{ font-size:1.2rem; }
	#cont h4{ font-size:1.0rem; }
	#cont h5{ font-size:1.0rem; }
	#cont h6{ font-size:0.8rem; }
	h1.fukidashi span{ line-height:0;}
	h1.fukidashi:before{ height:36px;}
	h1.fukidashi:after{ height:36px;}
	#cont h1.fukidashi span{ display:block; line-height:0;}
	#cont h1.fukidashi:before{ content:""; position:absolute; left:0; top:5px; width:1px; height:40px; background:#000000;
transform: rotate(-15deg);-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}
#cont h1.fukidashi:after{ content:""; position:absolute; right:0; top:5px; width:1px; height:40px; background:#000000;
transform: rotate(15deg);-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);}

	
	#cont h3.check{ margin-bottom:10px;}
	#cont h3{ font-size:17px; margin-bottom:15px;}
	#cont .lead{ text-align:center; font-size:1.2rem; margin-bottom:15px;}
	#cont .innner{ margin-bottom:15px;}
	#cont .listSectionPoint h3{ padding-left:0;}
	#cont .listSectionPoint h3.check:before{ content: "ポイント " counter(checknum); font-family: inherit; width:100px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:block; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0em; margin-bottom:10px; left:auto; top:auto; position:relative;}
	
	#contents h2{ margin-bottom:20px;}
}
@media screen and (max-width:1600px){
	#contents #bread-crumb{ display:block; margin:0 30px 80px;}
}




/*----------------------------------------------------------

下層ページインデックス

-----------------------------------------------------------*/
.indexPage #contents #categoryNav .column2{ width:320px;}
.indexPage #contents #categoryNav{}
.indexPage #contents #categoryNav .title{ display:none;}

.indexPage #contents #categoryNav ul>li a{ display:block; padding: 15px 0 15px 0; position:relative;}
.indexPage #contents #categoryNav ul>li a span{ display:block; background:url(../img/arrow.svg) no-repeat 10px 50%; color:#000; padding-left:25px; }

.indexPage #contents #categoryNav ul>li{ display:block; background:rgba(242,246,251,0); border-top:1px solid #ccc; margin-bottom:0;}
.indexPage #contents #categoryNav ul>li:last-child{ border-bottom:1px solid #ccc;}
.indexPage #contents #categoryNav ul li ul{ margin-left:20px;}
.indexPage #contents #categoryNav ul li ul li{ padding-left:0px; margin-bottom:0; border-top:none;}
.indexPage #contents #categoryNav ul li ul li:last-child{ border-bottom:none; margin-bottom:20px;}
.indexPage #contents #categoryNav ul li ul li a{ border:none; color:#000; font-size:0.9rem;  padding: 5px 0;}
.indexPage #contents #categoryNav ul li ul li a span{ padding:0; background:url(../img/arrow.svg) no-repeat 10px 50%; background-size:5px; padding: 0 0 0 25px; }
.indexPage #contents #categoryNav ul li h4{ margin-bottom:5px;    padding: 10px 10px 10px 20px; font-size:0.8rem; font-weight:700;}
.indexPage #contents #categoryNav ul li ul li:hover{    background: rgba(242,246,251,1);}
.indexPage #contents #categoryNav ul>li>a:hover{background: rgba(242,246,251,1);}
.indexPage #contents #categoryNav ul li ul li ul li:last-child{ margin-bottom:0;}

@media screen and (max-width:767px){
	.indexPage #contents #categoryNav .column2{ width:auto;}
	.indexPage #contents #categoryNav ul>li:last-child{ border-bottom:none;}
}


/*----------------------------------------------------------

下層ページ

-----------------------------------------------------------*/
.subPage #wrapper { padding-top:167px;}
.subPage #contents .innerWrap{}

@media screen and (max-width:1176px){
.subPage #wrapper{padding-top: 260px;}
}

@media screen and (max-width:767px){
	.subPage #wrapper { padding-top:80px;}
}




/*----------------------------------------------------------

section

-----------------------------------------------------------*/
#contents section{ margin-bottom:60px;}
#cont .lead{ text-align:center; font-size:1.2rem; margin-bottom:50px;}
#cont .innner{ margin-bottom:30px;}
#cont .columnWrap .column2{ width:340px; display:block;}
#cont .columnWrap .column2 .list { padding-bottom: 1.5rem;}
#cont .columnWrap .column2 *last-child{ margin-bottom:0;}
#cont .columnWrap .column3{ width:220px; display:block;}
#cont .columnWrap .column4{ width:140px; display:block;}

@media screen and (max-width:767px){
	#contents section{ margin-bottom:20px;}
	#cont .columnWrap .column2:last-child{ margin-bottom:0!important;}
	#cont .columnWrap .column2,
	#cont .columnWrap .column3,
	#cont .columnWrap .column4{ width:auto; display:block; float:none!important; margin-bottom:0;}
}

/*box*/
#contents .box{ padding:10px; display:block;}
#contents .box .boxInner{ background:#FFFFFF; padding:30px;}
#contents .box h2{ padding:10px 10px 15px 0; margin-bottom:0; background:none;}
#contents .box.blueBox{ background:#0053A7;}
#contents .box.blueBox.light{ background:#F2F6FB;  border:1px solid #0053A7;}
#contents .box.YerrowBox{ background:#E89213;}
#contents .box.YerrowBox.light{ background:#FDF4E7;  border:1px solid #E89213;}
#contents .box.light{ padding:20px 40px 20px; box-sizing:border-box;}
#contents .box.light h2{ padding-top:15px; color:#000000;}
#contents .atentionBox{ background:#fff0f0; padding:20px 40px 20px; border:1px solid #F7575B; box-sizing:border-box;}
#contents .atentionBox h2{padding:10px 10px 15px 0; margin-bottom:0; padding-top:15px; color:#000000; background:none;}

@media screen and (max-width:767px){
	#contents .box .boxInner{ background:#FFFFFF; padding:15px;}
	#contents .box .boxInner *:last-child{ margin-bottom:0!important;}
	#contents .box.light,
	#contents .atentionBox{ padding:10px 20px 10px; box-sizing:border-box;}
}

#contents .box.blueBox.light .columnWrap .column2{ width:300px;} 

@media screen and (max-width:767px){
	#contents .box.blueBox.light .columnWrap .column2{ width:auto;} 
}


/*flow*/
#contents .flowWrap{ counter-reset: flownum; }
#contents .flowWrap .flow{background:#F2F6FB; border:1px solid #0053A7; padding:20px 20px; box-sizing:border-box; margin-bottom:40px; position:relative;}
#contents .flowWrap .flow *:last-child{ margin-bottom:0;}
#contents .flowWrap .flow:after{ content:""; width:50px; height:20px; background:url(../img/arrow_under.svg) no-repeat; position:absolute; bottom:-30px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#contents .flowWrap .flow:last-child:after, #contents .flowWrap .flow.end:after{ content:""; display:none;}
#contents .flowWrap .num{counter-increment: flownum;}
#contents .flowWrap .num h3{ position:relative; line-height:30px; padding-left:40px;}
#contents .flowWrap .num h3:before{ content:counter(flownum); width:30px; height:30px; background:#0053A7; color:#FFF; border-radius:50%; position:absolute; line-height:30px; text-align:center; left:0; top:0;}

/* listSection */
#cont .listSection{ margin-bottom:30px;}
#cont .listSection .list{ border-bottom:1px solid #ccc; padding:30px 0;}
#cont .listSection .list:first-child{ border-top:1px solid #ccc; }

@media screen and (max-width:767px){
	
	#cont section.listSection .list{ padding:20px 0 10px 0;}
}


/*contactInfoArea*/
#cont .contactInfoArea{ background:#E89213; margin-top:50px; padding-bottom:10px; padding-top:0;}
#cont .contactInfoArea h2{ text-align:center; padding:30px 0; position:relative; display:block; margin-bottom:0; line-height:0; }
#cont .contactInfoArea h2:before{ content:""; width:60px; height:101px; display:block; position:absolute; background:url(../img/top/c_honoo.png) no-repeat; background-size:60px; left:20px; top:-30px;}
#cont .contactInfoArea h2:after{content:""; width:60px; height:101px; display:block; position:absolute; background:url(../img/top/c_honoka.png) no-repeat; background-size:60px; right:20px; top:-30px;}
#cont .contactInfoArea h2 img{ height:20px; width:auto;}
#cont .contactInfoArea .box{margin:0 10px;}
#cont .contactInfoArea .dlTable dt,
#cont .contactInfoArea .dlTable dd{ padding:15px 5px 10px 5px;}
#cont .contactInfoArea .dlTable dd .telNum{ width:240px; display:inline-block; }
#cont .contactInfoArea .dlTable dd .telNum a{ display:block; font-family: 'Open Sans', sans-serif; font-weight:700; color:#E79213; font-size:37px; margin-bottom:10px; letter-spacing:0em; }
#cont .contactInfoArea .dlTable dd p.area{ display:inline-block; width: 200px; margin-left:10px; vertical-align: top;}



@media screen and (max-width: 767px) {
	#cont .contactInfoArea{ background:#E89213; margin-top:30px; padding:5px;}
	#cont .contactInfoArea h2{ text-align:center; padding:20px 0; position:relative; display:block; margin-bottom:0; line-height:0; }
	#cont .contactInfoArea h2:before{ content:""; width:30px; height:50px; display:block; position:absolute; background:url(../img/top/c_honoo.png) no-repeat; background-size:30px; left:15px; top:-20px;}
	#cont .contactInfoArea h2:after{content:""; width:30px; height:50px; display:block; position:absolute; background:url(../img/top/c_honoka.png) no-repeat; background-size:30px; right:15px; top:-20px;}
	#cont .contactInfoArea h2 img{ height:15px; width:auto;}
	#cont .contactInfoArea .box{ margin:0 5px;}
	
	#cont .contactInfoArea .dlTable dd .telNum{ width:100%; display:inline-block; float:none; }
	#cont .contactInfoArea .dlTable dd .telNum a{ display:block; font-family: 'Open Sans', sans-serif; font-weight:800; color:#E79213; font-size:22px; margin-bottom:10px; letter-spacing:0em; }
	#cont .contactInfoArea .dlList dd p.area{ display:inline-block; width: 100%; margin-left:0;}
}

/*linkArea*/
#contents .linkArea{ width:100%; height:auto; padding:10px 0 0 0; background:url(../img/pattern_dot.png)#7DCDF4;}
#contents .linkArea .innerWrap{ padding-bottom:0;}
#contents .linkArea .innerWrap a{ width:340px; height:60px; display:block; float:left; background:url(../img/arrow.svg)#FFF no-repeat 20px center; margin:0 5px 10px; }
#contents .linkArea .innerWrap a span{  margin:0 20px; display:block; line-height:60px; padding-left:20px;	}
#contents .linkArea .innerWrap a:hover{ background:#0053A7; background:url(../img/arrow_white.svg)#0053A7 no-repeat 20px center; color:#fff;	}

#contents .relatedArea{ width:100%; height:auto; padding:20px 0 0 0; background:url(../img/pattern_dot.png)#7DCDF4;}
#contents .relatedArea p.lead{ display:block; text-align:center; margin-bottom:15px; font-weight:bold;}
#contents .relatedArea ul.list-thumb{ border:none; margin-bottom:0;}
#contents .relatedArea ul.list-thumb li{ border:none; background:#FFFFFF; margin-bottom:10px;}
#contents .relatedArea ul.list-thumb li:last-child{ margin-bottom:0;}
#contents .relatedArea ul.list-thumb li span.category{ margin-right:5px;}

@media screen and (max-width: 767px) {
	#contents .linkArea{ width:100%; height:auto; padding:10px 0 5px 0; background:url(../img/pattern_dot.png)#7DCDF4;}
	#contents .linkArea .innerWrap{ margin:0 20px;}
	#contents .linkArea .innerWrap a{ width:auto; height:40px; float:none; background:url(../img/arrow.svg)#FFF no-repeat 10px center; margin:0 auto 5px; }
	#contents .linkArea .innerWrap a span{  margin:0 15px; display:block; line-height:40px; padding-left:15px;	}
	#contents .linkArea .innerWrap a:hover{ background:#fff;  background:url(../img/arrow.svg)#FFF no-repeat 10px center; color:#000;	}
	#contents .relatedArea ul.list-thumb li a{ padding:0;}
	#contents .relatedArea ul.list-thumb li .thumb{ margin-bottom:1em;}
	#contents .relatedArea ul.list-thumb li .text{ display:block; width:auto; margin:0 1em 1em;}
}



/*bnrList*/
.bnrList::after { display: none!important}
.bnrList { display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: center; gap:1%;}
.bnrList li{ width :19.2%; /*width: 15.8%;*/ display:block; /*float:left;*/ /*margin-left:1%;*/}
.bnrList li:first-child{ margin-left:0;}
.bnrList li a{ display:block; position:relative;}
.bnrList li a img{ width:100%; height:auto;}
.bnrList li a:hover{}
.bnrList li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; opacity:0;
background: -moz-linear-gradient(bottom,  rgba(0,64,152,0.5) 0%, rgba(125,205,245,0.5) 100%);
background: -webkit-linear-gradient(bottom,  rgba(0,64,152,0.5) 0%,rgba(125,205,245,0.5) 100%);
background: linear-gradient(to top,  rgba(0,64,152,0.5) 0%,rgba(125,205,245,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCDF4', endColorstr='#004098',GradientType=0 );
transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
 -moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
}
.bnrList li a:hover:before{ opacity:0.3;}

#sideNavi .sideBnr.shadow img{ width:100%; height:auto;}

@media screen and (max-width: 767px) {
    .bnrList { gap:10px 2%; padding-bottom: 10px;}
    .bnrList::after { display: none!important}
	.bnrList li{ display:block; width: 49%;}
}

/*beforeafter*/
.beforeafter .column2{ width:320px; position:relative;}
.beforeafter .column2.fl:after{ content:""; background:url(../img/top/arrow_right.png) no-repeat; background-size:80% auto; width:20px; height:50px; position:absolute; left:110%; top:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) translateY(-50%);}

@media screen and (max-width: 767px) {
	.beforeafter .column2{ width:45%; position:relative;}
	.beforeafter .column2.fl:after{background-size:100% auto;  width:10px; height:26px;}
}

/*list*/
/*-----------------------------------------
リスト
-------------------------------------------*/
/*通常リスト*/

.ulList li { margin-bottom: 0; line-height: 180%; padding-left: 1rem; position:relative;}
.ulList li:before { content:''; width: 4px; height: 4px; background:#000000; border-radius: 50%; display:inline-block; position:absolute; left:0; top:0.6rem;}
.ulList li:last-child{ margin-bottom:0;}
.ulList li ol li:before { background:none;}

/*シンプルなリスト*/
.list_simple li { list-style: disc; margin-left: 1rem;}

/*ラインリスト*/
.ulList.ulLine li{ line-height: 180%; border-bottom: solid 1px #ccc; padding:10px 0 10px 1rem; }
.ulList.ulLine li:before { top:1.3rem;}

/*番号付リスト*/
.olListWrap { counter-reset: listnum; }
.olList { counter-reset: listnum; }
.olListWrap .olList { counter-reset: none; }
.olList>li { margin-bottom:0; line-height: 180%; padding-left: 1.5rem; position:relative; }
.olList>li:before { width:1.5rem; content:counter(listnum)'.'; counter-increment: listnum;  color: #000; position:absolute; left:0; top:0; display:inline-block; }

/*番号付ラインリスト*/
.olList.olLine>li { line-height: 300%; border-bottom: solid 1px #ccc; }

/*タイトル付リスト1*/
dl.dlList { width:100%; border-bottom: 1px solid #ccc; }
dl.dlList dt,dd {padding: 5px; box-sizing:border-box;}
dl.dlList dt {	font-weight:700;  padding: 10px 15px; margin-top:10px; background:#f5f5f5; border-top:1px solid #ccc;}
dl.dlList dd {	}

/*タイトル付リスト2*/
dl.dlTable { width:100%; border-bottom: 1px solid #ccc; }
dl.dlTable dt,dd {	padding:10px 5px; box-sizing:border-box;}
dl.dlTable>dt {	border-top: 1px solid #ccc;	clear: left; float: left; width: 25%; font-weight:700;}
dl.dlTable>dd {	border-top: 1px solid #ccc;	margin-left: 25%;}
dl.dlTable dd dt { float: left; width: 30%; font-weight:700;}
dl.dlTable dd dt:first-child,dl.dlTable dl dd:first-of-type { padding-top: 3px;}

/*沿革用リスト*/
dl.dlTable.history dd ul li { position:relative; padding-left:4em; border-bottom:1px solid #CCC; padding-bottom:5px; padding-top: 5px;}
dl.dlTable.history dd ul li span.manth{ position:absolute; left:0; top:5px;}
dl.dlTable.history dd ul li:last-child{ border:none; padding-bottom:0;}
dl.dlTable.history dd ul li:first-child{ padding-top:0;}
dl.dlTable.history dd ul li:first-child span.manth:first-child{top:0px;}
dl.dlTable.history dd ul li ul li{ padding-left:0;}
dl.dlTable.history dd ul li ul li:first-child{ padding-top:0; }
dl.dlTable.history dd ul li ul li:last-child{ border:none; padding-bottom:0; }

@media screen and (max-width: 767px) {
	dl.dlTable {padding:0; border-bottom:none;}
	dl.dlTable dt {	border-top: 1px solid #ccc;	float: none; width: 100%!important; background:#F5F5F5;  margin-bottom:10px;}
	dl.dlTable dd {	border-top:none;	margin-left: 0%; margin-bottom:10px;}
	dl.dlTable dd:last-child{ margin-bottom:0;}
	
	#contents .box.YerrowBox.light dl.dlTable dt {	border-top: 1px solid #ccc;	float: none; width: 100%; background:none;}
	
	#contents .blueBox.light dl.dlTable dt { margin-bottom:0; padding-bottom:5px;background:none;}
	#contents .blueBox.light dl.dlTable dd{ border-top:none;}
}

/*サムネイル付インデックス*/
ul.list-thumb{ border-top:1px solid #ccc;}
ul.list-thumb li{ border-bottom:1px solid #ccc; }
ul.list-thumb li a{ padding:20px; box-sizing:border-box; display:block;}
ul.list-thumb li a:hover{ background:#F2F6FB;}
ul.list-thumb li .thumb{ width:200px; }
ul.list-thumb li .thumb img{ width:100%; height:auto;}
ul.list-thumb li .text{ width:430px; position:relative;}
ul.list-thumb li .text h3{ position:relative; padding-left:15px;}
ul.list-thumb li .text h3:before{ content:""; width:6px; height:12px; display:block; background:url(../img/arrow.svg) no-repeat center; background-size:6px; top:9px; left:0; position:absolute;}
span.day{ position:absolute; display:inline-block; top:0; right:0; color:#999; letter-spacing:0.1em; background:none; padding-left:0;}
span.category{ color:#0053A7; border:1px solid #0053A7; box-sizing:border-box; line-height:27px; padding:0 1em; display:inline-block; font-size: 0.8em; margin-bottom:10px;}

#cont .countList .list,#cont .meritList .list{ counter-increment: checknum;}
#cont .countList .list p:last-of-type,#cont .meritList .list p:last-of-type{ margin-bottom:0;}
#cont .countList .check,#cont .meritList .check{ position:relative;}
#cont .countList h3.check,#cont .meritList h3.check{ margin-bottom:10px; padding-left: 120px;}
#cont .countList .check:before{ content: "ポイント " counter(checknum); font-family: inherit; width:100px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:block; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0em; margin-bottom:20px; left:0; top:0;}
#cont .meritList .check:before{ content: "メリット " counter(checknum); font-family: inherit; width:100px; height:34px; background:url(../img/pattern_dot.png)#F7575B; display:block; text-align:center; line-height:34px; color:#FFF; font-weight:500; font-style:italic; font-size:15px; letter-spacing:0em; margin-bottom:20px; left:0; top:0;}

@media screen and (max-width: 767px) {
	ul.list-thumb li a{ padding:0px; box-sizing:border-box; display:block; padding:15px 0;}
	ul.list-thumb li a:hover{ background:none;}
	ul.list-thumb li .thumb{ width:100%; margin-bottom:10px; }
	ul.list-thumb li .text{ width:100%;}
	ul.list-thumb li .text h3{ margin-bottom:10px;}
}


.news-li{ display:block;position:relative; border-bottom: 1px solid #ccc;}
.news-li a span{ position:absolute; display:inline-block; top:20px; left:30px; color:#999; letter-spacing:0.1em; background:none; padding-left:0;}
.news-li a{ display:block; background:url(../img/arrow.svg) no-repeat 150px 27px; padding:20px 30px 20px 170px; box-sizing:border-box;}
.news-li:hover{ background:#F2F6FB;}
@media screen and (max-width: 767px) {
	.news-li{ display:block; position:relative;     border-bottom: #ccc solid 1px;}
	.news-li a span{ position:relative; display:block; top:auto; left:auto; color:#999; letter-spacing:0.1em;}
	.news-li a{ display:block; background:url(../img/arrow.svg) no-repeat 0px 2.9em;}
	.news-li:hover{ background:#F2F6FB;}

}

/*-----------------------------------------
テーブル
-------------------------------------------*/
table.standard { width: 100%; border-collapse: collapse; }
table.standard th,
table.standard td {     padding: .5rem .5rem; display: table-cell; vertical-align:top;}
table.standard thead { border-style: solid; border-color: #0053A7; border-width: .8rem 1px .8rem 0; }
table.standard thead th { color: #FFF; font-weight: normal; background: #0053A7; padding: 0 1rem; text-align: left; border:none; border-right: #FFF 1px solid; box-sizing:border-box; }
table.standard thead th:last-child { border: none; }
table.standard th { width:30%; color: #000; font-weight: bold; text-align: left; background: #F5F5F5; border: 1px solid #ccc; box-sizing:border-box;}
table.standard td { color: #000; font-weight: normal; text-align:left; background: #FFF; border: 1px solid #ccc; box-sizing:border-box;}
table.column4 th { width:25%; }
table.column4 th.recruit_date { width:26%; }
table.column4 th.recruit_time { width:24%; }


@media screen and (max-width: 767px) {
	/*table.standard thead { display: none; }
	table.standard tr { width: 100%; border: 1px solid #ccc; display: block;}
	table.standard tr:not(:last-child) { margin-bottom: 1rem;  }
	table.standard th { width:auto; border-width: 0 0 1px; display: block;  }
	table.standard td {border: none;  display: block; padding: 5% 5% 0;  }
	table.standard td:last-child { padding: 5%; }
	table.standard th:before{content: attr(data-label); display:block; text-align:center; text-align:left; margin-bottom:10px; font-size:0.8em;}
	table.standard td:before{content: attr(data-label); display:block; text-align:center; text-align:left; margin-bottom:10px; font-size:0.8em; border-bottom:1px solid #CCC; margin-bottom:10px;}*/
/*開閉式のテーブル*/
	table.toggleTable th { border: none; cursor: pointer; position:relative; }
	table.toggleTable th:after { content:''; width: 5px; height: 5px; border-width: 0 2px 2px 0 ; border-style: solid; border-color: #999; display: inline-block; position: absolute; top:0; bottom: 0;right: 1rem; margin: auto; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all .5s; transition: all .5s; }
	table.toggleTable th.open:after { rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	
	table.toggleTable td { display: block; }
	table.toggleTable tr th + td { border-top: 1px solid #999; }
	table.toggleTable tr { margin-bottom: 0!important; border-width: 1px 1px 0; }
	table.toggleTable tr:last-child { border-width: 1px; }
}


/*------------------------------------------
背景がグレーのボックス
-------------------------------------------*/
.conts_textbox { padding: 50px 50px; background-color: #FFF; }
@media screen and (max-width: 767px) {
	.conts_textbox { padding: 5%; }
}

/*------------------------------------------
画像とテキスト
-------------------------------------------*/
.conts_text_img_box { zoom:1;/*for IE 5.5-7*/ margin-bottom:50px; }
.conts_text_img_box:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }
.conts_text_img_box img { width: auto; max-width: 100%; height: auto; margin-bottom: 10px;}
.conts_text_img_box img.imgL {  width: 48%; float: left; margin-right: 4%; }
.conts_text_img_box img.imgR {  width: 48%; float: right; margin-left: 4%; }


@media screen and (max-width: 767px) {
	.conts_text_img_box img { width: 100%; }
	.column1 .conts_text_img_box .imgL,
	.column1 .conts_text_img_box .imgR { width: 100%; float: none; margin-left: 0; margin-right: 0;}
}

/*-------------------------------------------
panelThumbList
-------------------------------------------*/
ul.panelThumbList{ width:100%; display:block; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
ul.panelThumbList li{ border-left:#ccc 1px solid; box-sizing:border-box; display:block; float:left;}
ul.panelThumbList li:first-child{ border-left:none;}
ul.panelThumbList li a{ display:block;}
ul.panelThumbList li a img{ width:100%; height:auto;}
ul.panelThumbList li a h2{ display:block; text-align:center; }
ul.panelThumbList.colum3 li{ width:33.333%;}
ul.panelThumbList.colum5 li{ width:20%;}
ul.panelThumbList li a span.thumbImg{ display:block; margin:0 30px 30px;}
ul.panelThumbList li a:hover{}
ul.panelThumbList li a .thumbImg{ position:relative;}
ul.panelThumbList li a .thumbImg:before{ content:""; width:100%; height:100%; position:absolute; left:0; bottom:0; opacity:0;
background: -moz-linear-gradient(bottom,  rgba(0,64,152,0.5) 0%, rgba(125,205,245,0.5) 100%);
background: -webkit-linear-gradient(bottom,  rgba(0,64,152,0.5) 0%,rgba(125,205,245,0.5) 100%);
background: linear-gradient(to top,  rgba(0,64,152,0.5) 0%,rgba(125,205,245,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7DCDF4', endColorstr='#004098',GradientType=0 );
transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
 -moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1); -o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
}
ul.panelThumbList li a:hover .thumbImg:before{ opacity:1;}
ul.panelThumbList li a:hover{ background:rgba(242,246,251,1);}

@media screen and (max-width: 767px) {
	ul.panelThumbList{ border-top:none; border-bottom:none; }
	ul.panelThumbList li{ float:none; border-bottom:none;}
	ul.panelThumbList.colum3 li{ width:auto;}
	ul.panelThumbList.colum5 li{ width:auto;}
	ul.panelThumbList li a .thumbImg{ width:120px; height:auto; float:left; margin:10px 0 10px 10px; }
	ul.panelThumbList li{ border-left:none;}
	ul.panelThumbList li a h2{width : 60% ; width : -webkit-calc(100% - 180px) ;　width : calc(100% - 180px) ; border-top:none; float:right; padding:0;}
}

/*comingsoon*/
.comingsoon{ padding:100px 0 200px 0; text-align:center;}
.comingsoon p{ text-align:center; font-size:24px; font-weight:bold;}

#emg.indexPage section ul{ width:700px; display:block; margin:0 auto 60px; background:#FFF; box-sizing:border-box;}
#emg.indexPage section ul li{ display:block;position:relative; border-bottom: 1px solid #ccc;}
#emg.indexPage section ul li a span{ position:absolute; display:inline-block; top:20px; left:30px; color:#999; letter-spacing:0.1em; background:none; padding-left:0;}
#emg.indexPage section ul li a{ display:block; background:url(../img/arrow.svg) no-repeat 150px 27px; padding:20px 30px 20px 170px; box-sizing:border-box;}
#emg.indexPage section ul li:hover{ background:#F2F6FB;}

@media screen and (max-width:767px){
	#emg.indexPage section ul{ width:auto; margin:0 0 20px; }
	#emg.indexPage section ul li{ display:block; position:relative;     border-bottom: #ccc solid 1px;}
	#emg.indexPage section ul li a span{ position:relative; display:block; top:auto; left:auto; color:#999; letter-spacing:0.1em;}
	#emg.indexPage section ul li a{ display:block; background:url(../img/arrow.svg) no-repeat 0px 2.9em; padding:15px 0px 15px 15px; }
	#emg.indexPage section ul li:hover{ background:#F2F6FB;}
}


#notfound{}
#notfound #contents{ width:90%; width : -webkit-calc(100% - 40px) ;　width : calc(100% - 40px) ; display:block;}


/*------------------------------------------
クリア
-------------------------------------------*/
ul.list-thumb li,#glNav ul,ul.panelThumbList,ul.thumbListInline,.bnrList,#cont,section.listSection .list,.dlList,.dlList dd,.innerWrap,.lower .lower-inner p,.lower-inner ul,.lower .lower-inner,#subNavWrap nav,.navi-search,#searchNav,.navi-search,footer .wrap { zoom:1;/*for IE 5.5-7*/ }
ul.list-thumb li:after,#glNav ul:after,ul.panelThumbList:after,ul.thumbListInline:after,.bnrList:after,#cont:after,.lower-inner ul:after,.navi-search:after,#searchNav:after,.navi-search:after,
section.listSection .list:after,.dlList:after,.dlList dd:after,.innerWrap:after,.lower .lower-inner p:after,.lower .lower-inner:after,#subNavWrap nav:after,footer .wrap:after{/*for modern browser*/ content:""; display: block; height:0; clear: both; visibility: hidden; font-size: 0;}