@charset "UTF-8";html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:15px;vertical-align:baseline;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif; font: normal !important;line-height: 1.6}
.gn__item{font-size:16px;}
span.supText{font-size:75.5%;vertical-align:top;top:-0.1em;}
span.subText{font-size:75.5%;vertical-align:bottom;position:relative;top:0.1em;}
html{line-height:1;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;vertical-align:middle;}
q, blockquote{quotes:none;}
q:before, q:after, blockquote:before, blockquote:after{content:"";content:none;}
a img{border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
@media screen and (max-width:640px){.pc{display:none;}
}
@media screen and (min-width:640px){.sp{display:none;}
}
img{vertical-align:bottom;}
@media screen and (max-width:640px){img{max-width:100%;width:auto;height:auto;}
}
a{text-decoration:none;}
a:hover{color:#FF8124;}
a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;}
a[href^="tel:"]{cursor:default;}
a[href^="tel:"]:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;}
.clearfix{*zoom:1;}
.clearfix:after{content:"";display:table;clear:both;}
.vertical-middle{vertical-align:middle;}
@media screen and (min-width:640px){
.alignright{float:right;}
#second__ib{
	width:964px;
	margin:0 auto;
}
#second__ib p{padding:0px 0px;}
}
.p20{padding:20px !important;}
#header__outer{
		border:none;
		z-index:80;
		background-color:#FFF;
		width:100%;
		position:fixed;
}
@media screen and (min-width:640px){#header__outer{position:fixed;}
}
#header__inner{margin:0 auto;}
@media screen and (min-width:640px){
#header__inner{
	position:relative;
	width:1000px;
	height:94px;
}
#header__sns{display:block;position:absolute;top:33%;left:45%; float: left; color: #535353; text-align: center;}


.pattern-01 .icon-wrap:hover.icon-wrap-facebook {
    color: #535353;
}
 
.pattern-01 .icon-wrap:hover.icon-wrap-twitter {
    color: #535353;
}
 
.pattern-01 .icon-wrap:hover.icon-wrap-youtube {
    color: #535353;
}
.pattern-01 i{font-size:150%}


}
@media screen and (min-width:640px){
#header__logo{
	position:absolute;
	top:64%;
	left:5px;
	margin-top:-30px;
	font-size:15px;
	font-weight:bold;
}
#header__logo img{
	margin-right:0px;
	height: auto;
}

#header__inquiry{
   	display: block;
    position: absolute;
    top: 25%;
    left: 58%;
}

#header__inquiry a.companyBtn{
    color: #ffffff;
	display: block;
    text-align: center;
    background: #74a745;
    border-radius: 50px;
    padding: 4px 20px; 
	margin-top:-2px;
}
#header__inquiry a.inquiryBtn{
    color: #74a745;
	display: block;
    text-align: center;
    border-radius: 50px;
    padding: 4px 20px;
	border:1px solid #74a745;
	margin-top:4px;
}
#header__inquiry a p{
	font-size: 12px !important;
}


#header__inquiry:hover{
	opacity: 0.7;
}
#header__inquiry a,
#header__inquiry a:hover{
	opacity: 0.7;
}

}
@media screen and (max-width:640px){
body,html{
width: 640px !important;
overflow-x:hidden !important; 
font-size: 24px;
}

#header__logo{
	text-align:left;
	padding:10px 10px 10px 10px;
	position: absolute;
}
#header__logo img{
	margin-right:0px;
	height: auto;
}
#header__inquiry{
	color: #fff;
	background: #74a745;
	width: 80px;
	height: 80px;
	float: right;
	text-align: center;
	position: absolute;
	right: 160px;
	font-size:10px !important;
	line-height: 2em;
	font-weight:bold;
	letter-spacing: -0.05em;
	padding:0px;
	box-sizing: border-box;
}
#header__outer{
	height: 80px;
	border-bottom:1px solid #ddd;
}
#second__title{
	color: #162a5d;
    font-size: 32px;
    font-size: 2.46154rem;
    font-weight: bold;
    margin: 0 auto;
    padding-left: 20px;
}

}

#header__logo__lead{
	font-size: 12px;
	padding-left: 5px;
}

@media screen and (max-width:640px){
	/*
	#header__logo__lead{
		position: absolute;
		top: 10px;
		left: 275px;
		display: block;
		width: 100px;
		font-size: 10px !important;
	}
	#header__logo__lead img{
		width: 100%;
	}*/
	#header__logo__lead{display:none !important;}
	
}
@media screen and (min-width:640px){
	#header__open{
		position:absolute;
		cursor:pointer;
		top:12px;
		right:0px;
	}
}
@media screen and (max-width:640px){
	#header__open{
		padding:0%;
		border-top: none;
		position: relative;
	}
	#header__open dt{
		width: 80px;
		height: 80px;
		position: absolute;
		right: 80px;
	}
	
	
	
	.spMenu {
		  position: fixed;
		  width: 80px;
		  height: 80px;
		  right:-1px;
		  top:0px;
		  z-index: 100;
		}

		.menu--isOpen {
		  /*width: 40vw;*/
		}

		.menu__button {
		  right: 0px;
		  top: 0px;
		  width: 80px;
		  height: 80px;
		  background: #1f2f5f;
		  border: none;
		}

		.spMenu span {
		  display: block;
		  width: 60%;
		  margin: auto;
		  height: 4px;
		  background-color: #fff;
		  position: absolute;
		  left: 0;
		  right:0;
		  top: calc((100% - 4px)/2);
		  border-radius: 3px;
		  transition: .2s;
		}

		.menu__lineTop {
		  transform: translateY(-10px);
		}

		.menu__lineMiddle {}

		.menu__lineBottom {
		  transform: translateY(10px);
		}

		.menu--isOpen .menu__lineTop {
		  transform: rotate(45deg);  
		}

		.menu--isOpen .menu__lineMiddle {
		  opacity: 0;
		}

		.menu--isOpen .menu__lineBottom {
		  transform: rotate(-45deg);  
		}
	
	
}
#gn__outer{
	background:url("/images/common/bg__gn.png") repeat-x;
	position:fixed;
	z-index:11;
	top:91px;
	width:100%;
}
#gn__inner{
	width:964px;
	height:46px;
	margin:0 auto;
	/*display: flex;
	justify-content: space-between;*/
	text-align: center;
}
/*
.gn__item{
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	line-height:40px;
	background:none;
	padding:0 0px;
	cursor:pointer;
	display: inline-flex;
	justify-content: center;
	width: 100%;
	align-self: center;
	position: relative;
	background: url(/images/common/separator__gn.png) no-repeat center right;
}
*/
#gn__inner {
    width: 700px;
    height: 62px;
    margin: 0 auto;
}


.gn__item {
    color: #FFF;
    font-size: 16px !important;
    /**font-size: 1.15385rem;*/
    font-weight: bold;
    float: left;
    line-height: 62px;
    background: url(/images/common/separator__gn.png) no-repeat center right;
    padding: 0 10px;
    cursor: pointer;
}
.gn__item a{
	font-size: 16px !important;
}




.gn__item:last-child{background:none;}
.gn__item:hover{color:#259ded;}

.submenu{
	width:1050px !important;
}
.submenu{
	box-sizing:border-box;
	width:964px;
	background-color:#0E2256;
	//background-color:rgba(227, 227, 227, 0.90);
	margin:0 auto;
	padding:20px;
	display:none;
}
/*
#gn--land{flex-basis:11.5%}
#gn--service{flex-basis:12.5%}
#gn--system{flex-basis:14%}
#gn--const{flex-basis:11.5%}
#gn--voice{flex-basis:11.5%}
#gn--guarantee{flex-basis:14%}
#gn--session{flex-basis:14%}
#gn--comp{flex-basis:11.5%}
*/

.submenu.on{display:block;animation:lnEmerge 1s linear 0s;}
.submenu li{float:left;}
.submenu li a{width:240px;height:50px;display:block;text-align:center;line-height:50px;//background:#5A9732;background:#FFF;margin:5px;font-weight:bold;//color:#FFF;color:#0E2256;transition:0.5s;font-size: 13.5px}
.submenu li a:hover{background:#259DED;color:#FFF;}
@media screen and (min-width:640px){
	main{
	position:relative;
	top:160px;
	margin-bottom: 140px;}
}
#ln__outer{
	border-bottom:none
}
@media screen and (min-width:640px){
#ln__outer{
	position:relative;
	top:160px;}
}
#ln__inner{
	width:1050px;
	height:auto;
	margin:-3px auto 0;
	padding:0px 0;
}
.ln__item{font-size:10px;font-weight:bold;height:26px;line-height:26px;background-color:#E6E6E6;border:solid 1px #CCCCCC;padding:0 12px;margin:5px 0 5px 10px;display:inline-block;}
#pan__outer{border-bottom:solid 1px #CCCCCC;}
@media screen and (min-width:640px){#pan__outer{position:relative;top:162px;}
}
@media screen and (max-width:640px){#pan__outer{position:relative;margin-top:80px;}
}
#pan__inner{box-sizing:border-box;height:35px;margin:0 auto;padding:0 10px;overflow:hidden; width: 1040px;}
#pan__inner li{font-size: 13px !important;}

@media screen and (max-width: 640px) {#pan__inner {max-width: 100%;height: auto;}}
.pan__item{float:left;line-height:35px;margin-right:10px;}
.pan__item a{font-size:13px;}
.pan__item a:after{content:">";margin-left:10px;}
#second__toptitle{color:#FF8124;font-size:32px;font-weight:bold;margin:0 auto;}
@media screen and (min-width:640px){#second__toptitle{width:964px;height:78px;line-height:78px;}
}
#second__title{
	color:#162a5d;
	font-size:32px !important;
	font-weight:bold;
	margin:0 auto;
	padding-left:20px;
}
@media screen and (min-width:640px){#second__title{box-sizing:border-box;width:1040px;height:78px;margin-top: 10px;line-height:50px;}
}
.single-post #second__title{font-size:18px;height:auto;line-height:1.4;padding:10px 0;}
#footer__outer{
	border-top:none;
	margin-bottom:0px;
}
@media screen and (min-width:640px){
#footer__outer{
	position:relative;
	top:0px;
	}
}
@media screen and (min-width:640px){#footer__inner{position:relative;width:964px;height:148px;margin:0 auto;}
}
@media screen and (min-width:640px){#footer__logo{position:absolute;top:25%;width:30%;}
}
@media screen and (max-width:640px){#footer__logo{text-align:center;margin:2% auto;}
}
@media screen and (min-width:640px){#footer__contact{position:absolute;top:25%;left:340px;width:30%;}
}
@media screen and (max-width:640px){#footer__contact{text-align: center;}
}
@media screen and (min-width:640px){#footer__inquiry{position:absolute;top:15%;right:40px;width:40%;}
}
footer{
	background: #1f2f5f;
	color: #ffffff;
}

#footer__nav{
	width:964px;
	padding: 40px 0 40px;
	margin:0 auto;
	text-align:center;
	
}
.footer__nav__menu{
	display:block;
	font-size:15px;
	width:20%;
	float:left;
	text-align:left;
	margin:0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
}
.footer__nav__menu > a{
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	display: block;
	margin-bottom: 10px;
}
.footer__nav__menu > a.nobo{
	border: none;
	padding-left: 20px;
}

/* .footer__nav__menu:after{content:" | ";} */
/* .footer__nav__menu:last-child:after{content:"";} */
.footer__nav__submenu{
	
	padding-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
}

.footer__nav__submenu a{
	font-size:12px !important;
}

.footer__nav__submenu:before{
	content:"- ";
}


#copy{font-size:12px;}
@media screen and (min-width:640px){
	#copy{
	width:100%;
	background: #141d3d;
	margin:0 auto;
	padding: 10px;
	text-align:right;
	box-sizing: border-box;
	}
}
@media screen and (max-width:640px){
	#copy{
	border-top:solid 1px #3C3C3C;
	padding:4% 2%;
	text-align:center;
	}
}
a.menu_btn,
.modal .close a.icon{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-size:14px;color:#FFF;
	display:inline-block;
	line-height:42px;
	padding:0 12px;
	margin:0;
	width:100%;
	background-color:#585953;
	text-decoration:none;
	border-radius:2px;
	text-align:center;
}
a.menu_btn i,
.modal .close a.icon i{font-size:18px;}
.modal .close a.icon{margin-top:0;padding:0;width:45px;line-height:45px;text-align:center;}

.modal{
	position:fixed;
	top:0;
	left:100%;
	right:0;
	bottom:0;
	z-index:91;
	padding-left:200px;
}

.modal02{
	width: 100%;
	height: 100%;
	display: none;
	position:fixed;
	top:0;
	right:0;
	z-index:80;
	background-color:rgba(0, 0, 0, 0.6);
}


.modal:after{
	content:' ';
	position:absolute;
	z-index:98;
	top:0;right:0;
	bottom:0;left:0;
	background-color:rgba(0, 0, 0, 0.6);
	opacity:0;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all 0.3s ease-out;
}
.modal .close{
	position:absolute;
	z-index:120;
	top:0;left:0;
	width:45px;
	height:100%;
	opacity:0;
	--webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;
	transition:all 0.3s ease-out;
}
.modal .close a{display:block;background-color:#333;}
.modal .close a.b{position:absolute;background:none;display:block;top:45px;left:0;width:45px;bottom:0;}
.modal .wrap{
	--webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
	position:relative;
	z-index:8000;
	min-width:250px;
	margin-left:100%;
	height:100%;
	background:none;
	border-left:none;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	background: rgb(27 46 98 / 80%);
}


.modal .wrap .block{font-size:13px;position:relative;}
.modal .wrap .block h4{
	background:none;
	padding:30px 30px 0 30px;
	color:#ffffff;
	line-height:45px;
	border-top:none;
	border-bottom:none;
	}
.modal .wrap .block h4 a{
	font-size: 28px !important;
}	
	
.modal .wrap .block .sp_menu_banner{margin:10px auto 10px;width:280px;text-align:center;}
.modal .wrap .block .sp_menu_banner img{width:auto;border:1px solid #DDD;}
.modal .wrap .block h5{padding-left:15px;color:#AEB490;line-height:2.0;}
.modal .wrap .block ul li a{display:block;line-height:40px;border-bottom:1px dotted #E3E3E3;padding-left:15px;}
.modal .wrap .block ul li.sub_menu a{padding-left:45px;}
.modal .wrap .block ul li.w_last_child a{border-bottom-style:solid;}
.modal .wrap .block .sp_search_box{margin:15px;}
.modal .wrap .block .n_s_input{height:38px;float:left;}
.modal .wrap .block .n_s_input input{height:34px;padding:0;}
.modal .wrap .block ul.sp_pick_up{margin-bottom:40px;}
.modal .wrap .block ul.sp_pick_up li{float:left;font-size:10px;}
.modal .wrap .block ul.sp_pick_up li a{line-height:1.4;text-decoration:underline;}
.modal .wrap .block .sp_side_footer_banner{background-color:#E4E4D9;padding:20px 10px;text-align:center;}
.modal .wrap .block .sp_side_footer_banner img{width:auto;max-width:100%;}
#sp_side_footer_freedial{width:70%;max-width:309px;padding:20px 10px;}
#sp_side_footer_contact_btn{width:50%;max-width:180px;padding:0 15px 30px;}
#sp_side_footer_person{position:absolute;bottom:0;right:0;width:40%;}
.modal .wrap .block .btn{margin:20px;}
.modal .wrap .block .btn a{display:block;line-height:60px;background-color:#003e81;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.modal .wrap .block .btn a img{margin-right:3px;}
.modal .wrap .block .form{padding:20px;border-bottom:1px solid #dcdcdc;}
.modal .wrap .block .form form{border:1px solid #dcdcdc;*zoom:1;}
.modal .wrap .block .form form input[type=text]{height:30px;margin:0;border:none;padding:0 10px;}
.modal .wrap .block .form form input[type=text]:focus{outline:none;}
.modal .wrap .block .form form input[type=submit]{float:right;width:60px;text-align:center;line-height:30px;margin:0;padding:0;border:none;border-left:1px solid #dcdcdc;background-color:#e6e6e6;font-size:12px;}
.modal .wrap .block .form form:before, .modal .wrap .block .form form:after{content:' ';display:table;}
.modal .wrap .block .form form:after{clear:both;}


.modal.open:after{opacity:1;}
.modal.open .close{opacity:1;}

.modal{
	top:80px !important;
}


.modal.open .wrap{
	margin:0px 0 0 0;
}

.modal.show{
	left:0;
	top:80px;
}
.title-bg{height:42px;}
.title-bg .title-heading{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#FFF;font-size:18px;font-weight:bold;line-height:42px;margin:0 auto;}
@media screen and (max-width:640px){
#sp-main{
	display: block; 
	margin: 0px 10px 0;
}
.title-bg .title-heading{text-align:center;}
}
.title-bg .title-heading.title-black{color:#3C3C3C;}
@media screen and (min-width:640px){.title-bg .title-full{width:964px;padding:0 40px;}

}
@media screen and (min-width:640px){.title-bg .title-100{width:100%;padding:0 40px;}
.title-bg .title-100.pl20{padding-left:20px;}
}
.title-bg .title-center{text-align:center;}
.title-bg-orange{background:url("/images/common/title_bg_orange.png") repeat-x;}
.title-bg-yellow{background:url("/images/common/title_bg_yellow.png") repeat-x;}
.title-bg-blue{background:url("/images/common/title_bg_blue.png") repeat-x;}
.news{margin:20px 0;padding:12px 8px;border:1px solid #CCCCCC;}
.news .news__title{font-size:20px;font-weight:bold;color:#1E82E0;border-bottom:3px solid #1E82E0;}
.news .news--all{float:right;margin-top:-30px;}
.news .news__article{padding:12px 0;border-bottom:1px dashed #CCCCCC;}
@media screen and (min-width:640px){.news .news--date{float:left;width:80px;}
}
@media screen and (max-width:640px){.news .news--date{display:block;}
}
@media screen and (min-width:640px){.news .news--headline{float:right;width:710px;}
}
@media screen and (max-width:640px){.news .news--headline{display:block;}
}
@media screen and (min-width:640px){.news .news--new{float:left;margin:0 20px;background-color:#E09901;color:#FFF;padding:0 10px;}
}
@media screen and (max-width:640px){.news .news--new{display:block;}
}

@media screen and (min-width:640px){.new--icon{background-color:#ec2130;color:#FFF;padding: 0px 5px;}
}
@media screen and (max-width:640px){.new--icon{background-color:#ec2130;color:#FFF;}
}

@media screen and (min-width:640px){.blue--icon{background-color:blue;color:#FFF;padding: 0px 3px; margin-right: 3px;}
}
@media screen and (max-width:640px){.blue--icon{background-color:blue;color:#FFF;}
}

@media screen and (min-width:640px){.green--icon{background-color:green;color:#FFF;padding: 0px 3px; margin-right: 3px;}
}
@media screen and (max-width:640px){.green--icon{background-color:green;color:#FFF;}
}

@media screen and (min-width:640px){.orange--icon{background-color:orange;color:#FFF;padding: 0px 3px; margin-right: 3px;}
}
@media screen and (max-width:640px){.orange--icon{background-color:orange;color:#FFF;}
}

@media screen and (min-width:640px){.news .news--new_ken{float:left;margin:0 20px;background-color:#f90510;color:#FFF;padding:0 10px;}
}
@media screen and (max-width:640px){.news .news--new_ken{display:block;width:25px;background-color:#f90510;color:#FFF;padding:0 10px 0 5px;}
}
.post{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;padding:15px 10px;border:none;background:#FFF;font-size:14px;overflow:hidden;}
.post h2{color:#FFF;font-size:25px;line-height:1.5;font-weight:bold;padding:10px 10px 8px 20px;margin:50px -10px 20px;background:#15295D;}
.post h2.initial{color:initial;line-height:initial;font-weight:initial;padding:initial;margin:initial;background:initial;background-color:initial;}
.post h3 {font-size: 20px;font-weight: bold;padding: 0px 10px 0px 10px;border-left: solid 10px #15295D;color: #15295D;margin:15px 0px;}
.post h3.initial{font-weight: initial;padding: initial;border-left: initial;color: initial;margin: initial;}
.post h2.solar{
  position: relative;
  color: #69ab38;
  line-height: 1.4;
  padding: 0em 0em 0em 1.4em;
  background-color: #fff;
}


.post h2.solar:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f0eb";
  position: absolute;
  left : 0.1em; /*左端からのアイコンまでの距離*/
}

.post h2:first-of-type {
    margin-top: 10px;
}

.post h3.title {font-size: 20px;font-weight: bold;padding: 0 0 0 10px;border-left: solid 10px #69ab38;color: #69ab38;margin:0px 0px 5px 0px;}

.post th, .post td{padding:10px;border:1px solid #DDD;}
.post th{background:#F4F4F4;}
.pagelink{margin:50px 0;}
.pagelink .pageprev{display:block;margin-bottom:10px;}
.pagelink .pagenext{display:block;text-align:right;}
#nendebcopy{display:none;}
#pageTop{position:fixed;bottom:90px;right:10px;z-index:999;padding:8px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:35px;height:35px;background-color:#CCC;color:#fff;text-align:center;cursor:pointer;}
#pageTop1{position:fixed;bottom:90px;right:0px;z-index:999;width:95px;height:75px;cursor:pointer;}
#pageTop2{position:fixed;bottom:160px;right:0px;z-index:999;width:95px;height:75px;cursor:pointer;}
#pageTop3{position:fixed;bottom:0px;left:0px;z-index:999;width:400px;cursor:pointer;}

@media screen and (max-width:640px){#pageTop{opacity:0.8;}
}
#pageTop1:hover{opacity:0.8;}
#pageTop2:hover{opacity:0.8;}
#pageTop3:hover{opacity:0.8;}
.post p a{text-decoration:underline;}
@media screen and (min-width:640px){#top__ib{position:relative;width:100%;height:390px;margin:0 auto;}
}
@media screen and (min-width:640px){#top__ib__overlay{position:absolute;top:20px;right:74px;}
}
@media screen and (min-width:640px){#top__ib__links{position:absolute;bottom:33px;right:334px;}
}
@media screen and (max-width:640px){#top__ib__links{text-align:center;}
}
@media screen and (min-width:640px){#top__youtube{position:absolute;bottom:193px;right:74px;}
}
#ib__slide{text-align:center;}
#top__land-search{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0px auto;padding:20px;}
@media screen and (min-width:640px){#top__land-search{position:relative;width:670px;height:450px;float:left;margin:0;}
}
#top__land-search h3{font-size:32px;line-height:1.4;border-left:8px solid #FD8C00;padding-left:15px;}
#top__land-search .jsearch_caution1{margin:20px 0 0;}
.search--block{background-color:#FEF0BF;padding:10px 20px;}
@media screen and (min-width:640px){.search--group{text-align:center;}
.search--block{display:inline-block !important;margin-right:20px;margin-top:20px;vertical-align:middle;}
}
@media screen and (max-width:640px){.search--block{margin-bottom:10px;}
}
.search--block select{font-size:18px;font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;}
@media screen and (min-width:640px){.search--submit{margin-top:10px;}
}
.search--submit .search_button #btn{background-color:#FFF;color:#FFF;width:100%;border:0;padding:0;margin:10px 0;cursor:pointer;}
.search--submit .search_all{text-align:center;font-size:16px;}
#top__banner-board{background-color:#f3f3eb;box-shadow:rgba(20, 20, 20, 0.1) 0 15px 45px -10px inset, rgba(20, 20, 20, 0.1) 0 -15px 45px -10px inset;}
@media screen and (min-width:640px){#top__banner-board__inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1200px;height:350px;margin:0 auto;padding:20px 0;}
#top__banner-board__inner .top__bb__banner{text-align:center;float:left;margin-right:20px;}
#top__banner-board__inner .top__bb__banner .black{text-align:center; font-weight: bold;}
#top__banner-board__inner .top__bb__banner:last-child{margin-right:0;}
}
@media screen and (max-width:640px){
#top__banner-board__inner{text-align:center;width:100%;}
#top__banner-board__inner .top__bb__banner{ margin:0 auto; padding:15px 15px 15px;}
}
@media screen and (min-width:640px){#top__contents{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1020px;margin:0px auto 20px auto;}
}
@media screen and (min-width:640px){
	#top__main{
	float: left;
    width: 740px;
	}
}
@media screen and (min-width:640px){#top__sub{float:right;width:260px;margin-bottom: 40px;}
}
#top__sub .top__sub--banner{margin:0 0 10px 0px;}
.top__main--banner{text-align:center;}
.top__main--banner p{text-align:left;}
#top__panels__inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@media screen and (min-width:640px){#top__panels__inner{margin:0 auto;padding:20px 0 20px 8px;}
}
.top__panel{border:solid 1px #CCCCCC;-moz-box-shadow:#CCCCCC 0 0 3px 1px;-webkit-box-shadow:#CCCCCC 0 0 3px 1px;box-shadow:#CCCCCC 0 0 3px 1px;background:url("/images/top/top__panel__more.png") no-repeat bottom right;}
@media screen and (min-width:640px){.top__panel{width:401px;height:267px;float:left;margin-right:8px;margin-bottom:12px;}
}
@media screen and (max-width:640px){.top__panel{margin:4%;}
}
.top__panel2{border:solid 1px #cc3f23;-moz-box-shadow:#cc3f23 0 0 3px 1px;-webkit-box-shadow:#cc3f23 0 0 3px 1px;box-shadow:#cc3f23 0 0 3px 1px;background:url("/images/top/top__panel__more2.png") no-repeat bottom right;}
@media screen and (min-width:640px){.top__panel2{width:401px;height:267px;float:left;margin-right:8px;margin-bottom:12px;}
}
@media screen and (max-width:640px){.top__panel2{margin:4%;}
}
.top__panel__img{margin:4px;}
@media screen and (max-width:640px){.top__panel__img{display:block;margin:4px auto;}
}
.top__panel__title{text-align:center;font-size:15px;font-weight:bold;}
.top__panel__lead{padding:0 12px;}
#offices .acd-button{font-size:24px;font-weight:bold;color:#FFF;padding:20px;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmOWE1OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UzNDcwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #df9a58), color-stop(100%, #e34700));background-image:-moz-linear-gradient(#df9a58, #e34700);background-image:-webkit-linear-gradient(#df9a58, #e34700);background-image:linear-gradient(#df9a58, #e34700);}
.office--item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@media screen and (min-width:640px){.office--item{width:415px;height:230px;float:left;padding:20px 0;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
.office--item:nth-child(even){padding-left:20px;border-right:0;}
.office--item:nth-child(odd){padding-right:20px;}

#header__open dd{
	position:absolute;
	top:68px;
	right:0;
	width:960px;
	z-index:9999;
	display:none;
}

#header__open .office--item{width:312px;height:160px;float:left;padding:0;background-color:#FFF;border-right:solid 1px #CCC;}
#header__open .office--name{
	font-size:18px;
	background-color:#1f2f5f;
	box-shadow:0 0 0 0;
}
#header__open .office--area{
	font-size:12px;
	padding:0 15px;
	height:60px;
}
#header__open .office--tel{text-shadow:0 0 0;font-size:24px;padding:0 15px;color:#000;}
#header__open .office--tel img{vertical-align:middle;}
}
@media screen and (max-width:640px){
.office--item{
	padding:0px 0 30px 0;
}
#header__open .office--name{
	font-size:26px;
	background:none;
	padding-bottom: 10px;
}
#header__open .office--area{
	font-size:11.5px !important;
	line-height: 1.4em;
	padding:0 15px;
	height:auto;
	width: 60%;
	box-sizing: border-box;
}
#header__open .office--tel{text-shadow:0 0 0;font-size:24px;padding:0 15px;color:#000;}
#header__open .office--tel img{vertical-align:middle;}


#header__open dd{
	position:absolute;
	top:80px;
	width:100%;
	z-index:100;
	display:none;
	left: 100%;
	color: #fff;
	/*background-color:rgba(0, 0, 0, 0.6);*/
	padding-left: 200px;
	
}
#header__open dd .blueArea{
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	padding: 30px 20px 0 30px;
	background: rgb(27 46 98 / 80%);
	box-sizing: border-box;
}



#header__open .office--tel {
    text-shadow: 0 0 0;
    font-size: 24px;
    padding: 0 15px;
    color: #fff;
}


#header__open dd.open{
	display: block;
	left: 0px;
}




}
.office--name{font-size:20px;font-weight:bold;background-color:#081058;color:#FFF;padding:5px 10px;margin-bottom:10px;-moz-box-shadow:#3C3C3C 10px 10px 15px -5px;-webkit-box-shadow:#3C3C3C 10px 10px 15px -5px;box-shadow:#3C3C3C 10px 10px 15px -5px;}
.office--area{font-size:15px;}
@media screen and (min-width:640px){.office--area{height:48px;}
}
.office--area .bold{font-weight:bold;margin-right:10px;line-height: 1.6em;}
.office--tel{font-weight:bold;color:#CF0000;text-shadow:2px 2px 2px #3C3C3C;}
@media screen and (min-width:640px){.office--tel{font-size:32px;}
}
@media screen and (max-width:640px){.office--tel{font-size:24px;}
}
.office--fax{font-weight:bold;text-shadow:2px 2px 2px #3C3C3C;}
@media screen and (min-width:640px){.office--fax{font-size:32px;}
}
@media screen and (max-width:640px){.office--fax{font-size:24px;}
}
@media screen and (min-width:640px){.features--table{display:table;}
}
@media screen and (min-width:640px){.features--tr{display:table-row;}
}
@media screen and (min-width:640px){.features--td{display:table-cell;width:50%;padding:10px;}
}
@media screen and (max-width:640px){.features--td{margin:20px 5%;}
}
.features--td p{padding:10px 20px;}
.top__sub--description{padding:10px;}
.sub__media{margin:20px 0;padding:12px 8px;border:1px solid #CCCCCC;}
.sub__media .media__title{font-size:20px;font-weight:bold;color:#1E82E0;border-bottom:3px solid #1E82E0;}
.sub__media .media--all{float:right;margin-top:-30px;}
.sub__media .media__article{padding:12px 12px;border-bottom:1px dashed #CCCCCC;}
@media screen and (min-width:640px){.sub__media .media--img{float:left;width:70px;margin-right:10px;}
.sub__media .media--img img{width:100%;}
}
@media screen and (max-width:640px){.sub__media .media--img{display:block;float:left;width:70px;margin-right:10px;}
}
@media screen and (min-width:640px){.sub__media .media--date{display:block;}
}
@media screen and (max-width:640px){.sub__media .media--date{display:block;}
}
@media screen and (min-width:640px){.sub__media .media--headline{float:right;width:250px;text-align:left; font-size:0.9em; }
}
@media screen and (max-width:640px){.sub__media .media--headline{display:block;}
}
#top__campaigns{background-color:#F2F3EE;border-bottom:solid 1px #CCCCCC;}
#top__campaigns__inner{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
@media screen and (min-width:640px){#top__campaigns__inner{width:964px;margin:0 auto;padding:32px 40px;}
}
@media screen and (max-width:640px){#top__campaigns__inner a{width:100%;}
}
.grid-item{text-align:center;}
@media screen and (min-width:640px){.grid-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:12px;margin-right:12px;background-color:#FFF;}
.grid-item img{vertical-align:bottom;}
}
@media screen and (max-width:640px){.grid-item{margin:4%;}
}
@media screen and (min-width:640px){.grid-item--width2{width:548px;padding:0;}
}
#second2__area_search{}
@media screen and (min-width:640px){#top__area_search{box-sizing:border-box;width:964px;margin:50px auto 20px;border:solid 3px #F9B550;}
#second2__area_search{position:relative;width:500px;height:450px;float:right;margin:0px;background-color:#f7f6f1;}
}
#second2__area_search li{margin-bottom:2px;text-align:center;}
#second2__area_search li a{padding:0 2px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:all, 0.3s;-o-transition:all, 0.3s;-webkit-transition:all, 0.3s;transition:all, 0.3s;}
#second2__area_search li a:hover{font-size:24px;z-index:99;}
#second2__area_search .area_map{position:absolute;top:60px;left:30px;}
#second2__area_search #area_map--hokkaido{position:absolute;top:60px;right:30px;}
#second2__area_search #area_map--hokkaido a{background-color:#91C5E0;}
#second2__area_search #area_map--tohoku{position:absolute;top:110px;right:30px;}
#second2__area_search #area_map--tohoku a{background-color:#B9E3F9;}
#second2__area_search #area_map--kanto{position:absolute;bottom:20px;right:23px;}
#second2__area_search #area_map--kanto a{background-color:#DAE473;}
#second2__area_search #area_map--koshin{position:absolute;top:60px;left:200px;}
#second2__area_search #area_map--koshin a{background-color:#C2DD96;}
#second2__area_search #area_map--chubu{position:absolute;bottom:50px;right:130px;}
#second2__area_search #area_map--chubu a{background-color:#C2DD96;}
#second2__area_search #area_map--kansai{position:absolute;top:60px;left:112px;}
#second2__area_search #area_map--kansai a{background-color:#FDDE5F;}
#second2__area_search #area_map--chugoku{position:absolute;top:60px;left:40px;}
#second2__area_search #area_map--chugoku a{background-color:#F8BB62;}
#second2__area_search #area_map--shikoku{position:absolute;bottom:20px;right:220px;}
#second2__area_search #area_map--shikoku a{background-color:#D497B8;}
#second2__area_search #area_map--kyushu{position:absolute;top:180px;left:34px;}
#second2__area_search #area_map--kyushu a{color:#FFF;background-color:#A987B9;}
#second2__area_search #area_map--kyushu a:hover{color:#FF8124;}
p.postdateTop{margin:10px 0;text-align:right;}
@media screen and (min-width:640px){p.postdateSingle{width:1020px;margin:20px auto -10px;}
}
#top__access_log{background-color:#EEEEEE;}
@media screen and (min-width:640px){#access_log{width:964px;margin:0 auto;text-align:center;padding:35px 0;}
#access_log h2{margin-bottom:35px;}
#emblem{float:left;margin-left:30px;}
#pickuped{box-sizing:border-box;padding:0 20px;width:480px;height:350px;border:5px solid #0054a7;overflow:hidden;background-color:#FFF;}
#pickuped h2{font-size:18px;font-weight:bold;height:60px;line-height:60px;text-align:left;border-bottom:solid 2px #1C3063;margin-bottom:0;color:#0054a7;}
#pickuped ul{overflow:hidden;}
#pickuped li{border-bottom:solid 2px #1C3063;font-size:20px;font-weight:bold;text-align:left;}
#pickuped li img{vertical-align:middle;margin-right:10px;}
#pickuped li .datetime{margin-right:10px;}
}
@media screen and (max-width:640px){#access_log h2{padding:20px 0;font-size:24px;font-weight:bold;color:#EB0000;text-align:center;line-height:1.2;}
#emblem{margin-bottom:20px;}
#pickuped{padding:0 20px;width:auto;height:350px;border:5px solid #1C3063;overflow:hidden;background-color:#FFF;}
#pickuped h2{font-size:18px;font-weight:bold;text-align:center;border-bottom:solid 2px #1C3063;color:#3C3C3C;margin-bottom:0;}
#pickuped ul{overflow:hidden;}
#pickuped li{border-bottom:solid 2px #1C3063;font-size:14px;font-weight:bold;text-align:left;padding:10px 0;}
#pickuped li img{vertical-align:middle;margin-right:10px;}
#pickuped li .datetime{margin-right:10px;}
}
.category-useful{border-bottom:1px solid #CCC;padding-bottom:0px;margin-bottom:0px;}
.category-useful .left-box img{max-width:100%;height:auto;}
.category-news{border-bottom:1px solid #CCC;padding-bottom:20px;margin-bottom:20px;}
.category-news .left-box img{max-width:100%;height:auto;}
.category-release{border-bottom:1px solid #CCC;padding-bottom:20px;margin-bottom:20px;}
.category-release .left-box img{max-width:100%;height:auto;}
.category-event{border-bottom:1px solid #CCC;padding-bottom:20px;margin-bottom:20px;}
.category-event .left-box img{max-width:100%;height:auto;}

.archive-construction{margin-bottom:20px;}
.archive-construction .left-box img{max-width:100%;height:auto;}
@media screen and (min-width:640px){.archive-construction .left-box{width:200px;float:left;margin-right:20px;}
}
@media screen and (max-width:640px){.archive-construction .left-box{width:70px;float:left;margin-right:10px;}
.archive-construction .right-box h3{border:0;padding:0;margin:0;font-size:16px;}
}
@media screen and (min-width:640px){.category-event .left-box{width:200px;float:left;margin-right:20px;}
}
@media screen and (max-width:640px){.category-event .left-box{width:70px;float:left;margin-right:10px;}
.category-event .right-box h3{border:0;padding:0;margin:0;font-size:16px;}
}

@media screen and (min-width:640px){.category-useful .left-box{width:200px;float:left;margin-right:20px;}
}
@media screen and (max-width:640px){.category-useful .left-box{width:70px;float:left;margin-right:10px;}
.category-useful .right-box h3{border:0;padding:0;margin:0;font-size:16px;}
}

@media screen and (min-width:640px){.category-news .left-box{width:200px;float:left;margin-right:20px;}
}
@media screen and (max-width:640px){.category-news .left-box{width:70px;float:left;margin-right:10px;}
.category-news .right-box h3{border:0;padding:0;margin:0;font-size:16px;}
}

@media screen and (min-width:640px){.category-release .left-box{width:200px;float:left;margin-right:20px;}
}
@media screen and (max-width:640px){.category-release .left-box{width:70px;float:left;margin-right:10px;}
.category-news .right-box h3{border:0;padding:0;margin:0;font-size:16px;}
}

.navigation{margin:10px 0 0;}
.navigation .nav-next{float:right;}.navigation .nav-next a{border:solid 1px #ccc;}

#top__h1{width:964px;margin:0 auto;}
#top__h1 p{padding:0px 0px;}

@media screen and (max-width:640px){
#top__h1 {width:100%; text-align: center;}
}

#sub_page{width:964px;margin:0 auto;}
#sub_page p{padding:0px 0px;}

#top__lecture{width:964px;margin:10px auto;}
#top__lecture .lecture--group{color:#FF8124;font-size:32px;font-weight:bold;margin:30px 0 25px;}
#top__lecture .lecture{box-sizing:border-box;width:291px;height:300px;border:solid 2px #DFDFDF;border-radius:6px;float:left;margin-right:12px;}
#top__lecture .lecture.last-child{margin-right:0;}
#top__lecture .lecture h3{font-size:15px;font-weight:bold;padding:10px 15px;}
#top__lecture .lecture p{padding:0px 15px;}
#top__lecture .lecture2{box-sizing:border-box;width:291px;height:330px;border:solid 2px #DFDFDF;border-radius:6px;float:left;margin-right:12px;}
#top__lecture .lecture2.last-child{margin-right:0;}
#top__lecture .lecture2 h3{border-bottom:solid 3px #F76736;font-size:15px;font-weight:bold;padding:10px 15px;}
#top__lecture .lecture2 .O_solid{border-color:#FF8124; }
#top__lecture .lecture2 p{padding:10px 15px;}
.h2_orange{color:#FF8124;font-size:32px;font-weight:bold;margin:0px;padding:0px;}
.box100{position:relative;margin:0.5em 0;padding:1.5em 1.5em;border:solid 3px #1E82E0;border-radius:8px;height:60px;}
.box100 .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1.3;font-size:19px;background:#FFF;color:#1E82E0;font-weight:bold;}
.box100 p{margin:0;padding:0;}
.box155{position:relative;margin:0.5em 0;padding:1.5em 1.5em;border:solid 3px #1E82E0;border-radius:8px;height:70px;}
.box155 .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1.3;font-size:19px;background:#FFF;color:#1E82E0;font-weight:bold;}
.box155 p{margin:0;padding:0;}
.box200{position:relative;margin:0.5em 0;padding:1.5em 1.5em;border:solid 3px #1E82E0;border-radius:8px;height:200px;}
.box200 .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1.3;font-size:19px;background:#FFF;color:#1E82E0;font-weight:bold;}
.box200 p{margin:0;padding:0;}
.box220{position:relative;margin:0.5em 0;padding:1.5em 1.5em;border:solid 3px #1E82E0;border-radius:8px;height:220px;}
.box220 .box-title{position:absolute;display:inline-block;top:-13px;left:10px;padding:0 9px;line-height:1.3;font-size:19px;background:#FFF;color:#1E82E0;font-weight:bold;}
.box220 p{margin:0;padding:0;}

#start {margin-bottom: 20px;}
#environment {margin-bottom: 20px;}
#energy {margin-bottom: 20px;}
.font12 {font-size:14px;}

.free_circle {
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    background: #fff;
    color: #47b12f;
    font-weight: bold;
}

.square_btn{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #47b12f 0%, #66be52 100%);
    background-image: linear-gradient(45deg, #47b12f 0%, #66be52 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border: solid 3px #fff;
    text-shadow: 0.5px 0.5px 4px #000;
    letter-spacing: 2px;
    line-height: 1.3;
    width: 80%;
}

.square_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.b_bk {
	font-weight: bold;
}
#floatingmenu_bk{
    width: 100%;
	line-height: 1.5em;
	background-color: rgba(102,102,102,0.5);
}
#floatingmenu{
display: block;
width: 100%;
position: fixed;
bottom: 0px;
text-align: center;
}
@media screen and (min-width: 640px){
#floatingmenu { display: none;}
}
.free_spcircle {
    display: inline-block;
    text-decoration: none;
    border-radius: 3px;
    transition: .4s;
    background: #fff;
    color: #47b12f;
    font-size: 14pt;
    font-weight: bold;
}

.square_spbtn{
    display: inline-block;
    padding: 0;
    text-decoration: none;
    border-radius: 2px;
    color: #ffffff;
    background-image: -webkit-linear-gradient(45deg, #47b12f 0%, #66be52 100%);
    background-image: linear-gradient(45deg, #47b12f 0%, #66be52 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border: solid 2px #fff;
    font-size: 11pt;
    text-shadow: 0.5px 0.5px 4px #000;
    line-height: 1.1;
    width: 100%;
}
.square_spbtn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
span.line{background: #fff55c; font-weight: bold;}



/* ボタン */

.contents {
	display: block;
	margin: 0 auto;
}
.contents a.button{
	background: #1f2f5f;
	width: 100%;
	color: #fff;
	border-radius: 4px;
	padding: 10px 10px;
	margin: 0 auto 10px;
	text-align: center;
	margin: 0 auto;
}
.contents a.button:hover{
	opacity: 0.7;
}


/* トップスライダー */

.slider{
width: 100%;
position: relative;
}
.slick-slide {
margin: 0px 0px;
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}


.slick-slide {
    transition: all ease-in-out .3s;
     opacity: .2;
}
    
.slick-active {
  opacity: .5;
}

.slick-current {
      opacity: 1;
    }
	
.slidArea{
	background: #444;
	width: 100%;
}
	
.slidArea p {
    line-height: 100px;
    margin: 0px;
    padding: 0;
    position: relative;
    text-align: center;	
}
.slick-dots li {
    width: 50px !important;
	margin: 0 5px !important;
}
.slick-dots li button:before{
color: none;
}
.slick-dots li button:before {
    font-family: 'slick';
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 46px !important;
    height: 5px !important;
    content: '•';
    text-align: center;
    opacity:1 !important;
    color: hsla(0,0%,0%,0) !important;
    background: #ffffff;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
	background:#74a745 !important;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background:#74a745 !important;
	color: hsla(0,0%,0%,0) !important;
}
.slick-active {
    opacity: 1 !important;
}

.slick-dots {
    position: absolute;
    bottom: 65px !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-next,.slick-prev{
opacity: 0 !important;
}

.slick-next {
    right: 0px;
}
#sp-main .slidArea .slick-next,
#sp-main .slidArea .slick-prev{
	display: block !important;
	opacity: 1 !important;
	width: 100px;
	height: 100px;
	width: 20.5%;
    height: 90%;
}

#sp-main .slidArea .slick-prev:before, #sp-main .slidArea .slick-next:before{
opacity: 0 !important;
}


/* トップ共有 */

.txtArea{
	max-width: 964px;
	margin: 0 auto;
}
.txtArea p{
/*font-size: 16px;*/
line-height: 1.6em;
}
.txtArea p span.small{
display: block;
font-size: 86%;
}
.txtArea .box{
	font-weight: 400;
	font-size: 22px !important;
	color: #1f2f5f;
	margin: 20px auto;
	text-align: center;
}
.txtArea .box span{
	font-weight: bold;
	border-bottom: 4px solid #74a745;
	font-size: 24px !important;
	text-align: center;

}
.txtArea ul#label{
	float: right;
	width: 65%;
	text-align: center;
}
.txtArea ul#label li{
	display: inline-block;
	box-sizing: border-box;
}
.txtArea ul#label li img{
	width: 100%;
	height: auto;
}


.mab20{margin-bottom: 20px;}
.mat20{margin-top: 20px;}
.mab40{margin-bottom: 40px;}
.mat40{margin-top: 40px;}
.mab60{margin-bottom: 60px;}
.mat60{margin-top: 60px;}


.clearfix{
clear: both;
float: none;
width: 100%;
}

.clearfix:after{
content:"";
display: block;
width: 100%;
height: 1px;
}

.bg_gray{
background: #f0f0f0;
padding: 40px 0;
text-align: center;
clear: both;
float: none;
width: 100%;
}

.bg_gray ul li{
display: inline-block;
margin: 0 10px 0 0;
}

.flexBox{
width: 100%;
flex-wrap: wrap;
display: flex;
box-sizing: border-box;

}
#caseArea .flexBox{
border-bottom: 1px solid #1f2f5f;
border-right: 1px solid #1f2f5f;
box-sizing: border-box;
}


.flexBox > .lecture{
	display: inline-flex;
	border-top: 1px solid #1f2f5f;
	border-left: 1px solid #1f2f5f;
	padding: 10px;
	flex-basis: 25%;
	max-width: 25%;
	box-sizing: border-box;
	flex-direction: column;
}

.flexBox > .lecture h3{
	color: #1f2f5f;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0 10px 4px;
}
.flexBox > .lecture p{
	font-size: 13px;
	line-height: 1.6em;
	height: 7em;
}

.flexBox > .lecture .tag{
	height: 60px;
}

.blue--icon,.orange--icon,.green--icon{
	background:#fff;
	border:1px solid #74a745;
	font-size: 11.5px;
	border-radius: 14px;
	color: #74a745;
	padding:0px 4px;
	display: inline-block;
	margin: 0 5px 5px 0px;
}

.flexBox > .lecture a.btn{
	background: #1f2f5f;
	color: #fff;
	border-radius: 4px;
	display: block;
	width: 70%;
	padding: 10px 10px;
	margin: 0 auto 10px;
	text-align: center;
}
.flexBox > .lecture a.btn:hover{
	opacity: 0.7;
}


/* トップ専用ナビ */

.navbar {
  background: #1b2e62;
  color: #ffffff;
  border-radius: 4px;
  max-width: 968px;
  margin:-70px auto 0;
  z-index: 10;
  position: relative;
}

.navbar .menu {
  display: flex;
  position: relative;
  width: 100%;
}

.navbar .menu li {
  flex: 1;
  display: flex;
  text-align: center;
  line-height: 2em;
}

.navbar .menu li a:after{
	content:"";
	position: absolute;
	border-right: 1px solid rgba(255,255,255,0.15);
	display:block;
	height: 20px;
	top:30px;
	right:0px;
}


.navbar .menu > li > a {
  flex: 1;
  justify-content: center;
  display: inline-flex;
  color: #ffffff;
  text-decoration: none;
  padding:20px 10px;
  position: relative;
  font-size: 18px;
  vertical-align: baseline;
  display: table-cell;
  letter-spacing: 0.02em;
  position: relative;
}

.navbar .menu > li > a span{
	font-size: 26px;
}


.navbar .menu li:hover {
  background:url(/images/new/bg_nav.gif) center 15px no-repeat;
}

.navbar .menu li:hover .container {
  display: flex;
}

.container {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  background:rgba(27,46,98,0.7);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06);
  padding: 20px 20px 26px;
  text-align: left;
  margin-bottom: 30px;
}





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

.navbar {
  margin:-32px auto 0;
}

.navbar .menu > li > a span{
	display: block;
}

.container {
  top: 104px;
}

.navbar .menu li:hover {
  background:url(/images/new/bg_nav.gif) center bottom no-repeat;
}

.slick-dots {
    bottom: 25px !important;
}


}


.container_list {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.listItem {
  flex: 0 0 31%;
  margin: 10px;
  text-align: center;
  overflow: hidden;
  background: #ffffff;
  border-radius: 4px;
}

.listItem img{
max-width: 100%;
}


.navbar .menu .listItem a{
  color:#1b2e62;
  font-weight: bold;
  overflow: hidden;
  display:block;
  font-size: 16px;
  padding: 14px 10px;
  box-sizing: border-box;
}

.navbar .menu .listItem a.bnr{
  color:#1b2e62;
  font-weight: bold;
  overflow: hidden;
  display:block;
  font-size: 16px;
  padding: 0px 0px;
  box-sizing: border-box;
}

.navbar .menu .listItem:hover{
	background: #1b2e62;
	
}
.navbar .menu .listItem a:hover{
	color: #ffffff;
}

.container.has-multi .listItem {
  flex-basis: 100%;
}
.btn-flat-border2 {
  display: inline-block;
  padding: 0.6em 2em;
  text-decoration: none;
  color: #1f2d58;
  border: solid 2px #1f2d58;
  border-radius: 3px;
  transition: .4s;
  margin: 10px 0px 20px;
  font-size: 1.3em;
}

.btn-flat-border2:hover {
  background: #1f2d58;
  color: white;
}

.btn-flat-border {
  display: inline-block;
  padding: 0.6em 2em;
  text-decoration: none;
  color: #1f2d58;
  border: solid 2px #1f2d58;
  border-radius: 3px;
  transition: .4s;
  margin: 20px 0px;
  font-size: 1.3em;
}

.btn-flat-border:hover {
  background: #1f2d58;
  color: white;
}


.box30 {
    margin: 0 0 1em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	height: auto;
	padding-bottom: 30px;
}
.box30 .box-title {
    font-size: 1.4em;
    background: #1f2d58;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.box30 a.button{
	background: #1f2f5f;
	color: #fff;
	border-radius: 4px;
	display: block;
	width: 70%;
	padding: 10px 10px;
	margin: 0 auto 10px;
	text-align: center;
}

.box30 a.button:hover{
	opacity: 0.7;
}

.box40 a.button{
	color: #1f2f5f;
	border-radius: 4px;
	display: block;
	width: 30%;
	padding: 10px 10px;
	margin: 0 auto 10px;
	text-align: center;
	border: #1f2f5f 4px;
}

.box40 a.button:hover{
	opacity: 0.7;
}

/* ニュース・コラム部分 */

#newsBox{
	width: 100%;
	width: 640px;
	float: left;
}


#companyArea{
	margin: 60px 0 0 0;
	width: 300px;
	float: right;
	border: 1px solid #50637b;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#companyArea h3{
	text-align: center;
	color: #fff;
	background:url(/images/new/bg_company.jpg?2020) top left no-repeat;
	background-size:100% 100%;
	padding: 30px 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	font-size: 20px;

}
#companyArea ul {
    min-height: 440px;
	}
#companyArea ul li{
	border-bottom:1px solid #f5f5f5;
	padding: 15px 10px 16px 16px;
}
#companyArea ul li a{
	display: block;
}

#tabArea{
	margin: 60px 0 0 0;
  	display: flex;
  	justify-content: space-around;
  	background: #ffffff;
  	cursor: pointer;
	color: #1f2f5f;
	
}

#tabArea h3{
	font-size: 13px !important;
}

.tab {
    width: 450px;
    height: 30px;
    line-height: 30px;
    text-align: left;
	padding: 6px 6px 6px 20px;
	font-size: 15px;
    color:#1f2f5f;
    border-right: 1px solid #50637b;
    border-left: 1px solid #222e3e;
	border: 1px solid #1f2f5f;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.tab.active {
    background: #1f2f5f;
    color: #ffffff;
    border: none;
	border: 1px solid #1f2f5f;
}

.content-area {
	width: 99.9%;
	padding: 20px 20px 60px 20px;
  	border-bottom: 1px solid #1f2f5f;
	border-right: 1px solid #1f2f5f;
	border-left: 1px solid #1f2f5f;
	box-sizing: border-box;
	min-height: 470px;
  }
  .content {
    display: none;
  }
  .content.show {
    display: block;
  }
 .content-area ul{
 float: none;
 width: 100%;
 } 
 
  .content-area ul li{
  border-bottom: 1px solid #d8d8d8;
  padding: 6px 0px;
  position: relative;
  }
  .content-area ul li:last-child{
  border: none !important;
  }

.content-area ul li span.news--date{
	display: inline-block;
	width:100px;
	position: absolute;
}
.content-area ul li span.headline{
	display: inline-block;
	color: #1f2f5f;
}

.content-area ul li span.headline:hover{
	color: #259ded;
}


#columnArea h3{
	background: #1f2f5f;
    color: #ffffff;
	font-size: 18px;
	height: 30px;
    line-height: 30px;
    text-align: left;
    padding: 6px 6px 6px 20px;
}


#columnArea ul{
	padding:0px 0px 0px;
}

#columnArea ul li{
	border-bottom: 1px solid #d8d8d8;
	padding:10px 0px 10px;
	min-height: 60px;
}

#columnArea img{
	width:50px;
	position: absolute;
	left:0px;
}

#columnArea span.media--img img{
	overflow: hidden;
	position: absolute;
	width:60px;
	height:60px;
	left:0px;
	top:10px;
}


#columnArea p.colum{
	padding-left: 80px;
	line-height: 1.5em !important;
}

#columnArea p.colum a{
	color: #000 !important;
}

#columnArea p.colum span{
display: block;
line-height: 1.2em !important;
}


.content-area .news--all,
#columnArea .media--all{
	border: 1px solid #3b466e;
	color: #3b466e;
	border-radius: 20px;
	display: inline-block;
	padding: 2px 20px;
	text-align: right;
	float: right;
	line-height: 1.4em;
	margin-top: 10px;
}
#columnArea .media--all{
	margin:0 20px 20px 0;
}

.bg_gray .logoArea{
	text-align: left;
	width: 33%;
	float: left;
	border-right:1px solid #aaa;
	box-sizing: border-box;
	padding: 0 20px 0 0;
}
.bg_gray .logoArea ul{
	float: right;
	padding: 60px 0 0 0;
}

.bg_gray .logoArea ul li a:hover{
 opacity: 0.7;
}



#inquiryArea {
	width: 64%;
	float: right;
}
#inquiryArea p.txt{
	font-size: 22px;
	font-weight: bold;
	color: #1f2f5f;
	line-height: 1.4em;
}


#inquiryArea .flexBox{
	display: flex;
	justify-content: space-around;
}
#inquiryArea .flexBox .flex{
	display:inline-flex;
	flex-basis: 50%;
	max-width: 50%;
	flex-direction: column;
	padding: 10px;
	box-sizing: border-box;
}

#inquiryArea .flexBox .flex p{
	color: #1f2f5f;
	border:1px solid #1f2f5f;
	display: inline-block;
	line-height: 1.2em;
	border-radius: 10px;
	padding: 2px 2px;
	margin: 10px;
}

a:hover,#globalIn .menu li a:hover, #globalIn .menu li li a:hover {color: #259ded; !important}



.date_txt{
	position: absolute;
	display: block;
	margin-top: 0px;
	line-height: 1.6em !important;
	vertical-align: top;
}

.headline_txt{
	display: block;
	padding-left: 130px;
	margin-top: 0px;
	line-height: 1.6em !important;
	vertical-align: top;
}


@media screen and (max-width:640px){
.txtArea{
	padding: 0 10px;
	box-sizing: border-box;
}
.txtArea p{
	font-size: 18px;
    line-height: 2em;
}

.txtArea span.small{
	font-size: 13px;
}

.txtArea .box {
    border: 2px solid #1f2f5f;
    border-radius: 4px;
    padding: 26px 20px 26px 30px;
    font-weight: 400;
    font-size: 22px;
    display: block;
    color: #1f2f5f;
    width: 100%;
    float: none;
    box-sizing: border-box;
    line-height: 2em;
    text-align: center;
    clear: both;
	margin: 10px 0 20px;
}

.txtArea ul#label {
    float: none;
    width: 100%;
	margin-top: 40px;
}

.txtArea ul li {
    display: inline-block;
    margin-left: 0px;
	padding: 0 0px;
	box-sizing: border-box;
}
.txtArea ul li img{
	width: 98%;
	height: auto;
}

.bg_gray ul li{
	width: 30%;
	text-align: center;
}
	
.bg_gray ul li img{
	width: 100%;
	height: auto;
	text-align: center;
}

.flexBox > .lecture {
    display: inline-flex;
    border-top: 1px solid #1f2f5f;
    border-left: 1px solid #1f2f5f;
    padding: 10px;
    flex-basis: 50%;
    box-sizing: border-box;
    flex-direction: column;
}

.txtArea .box span{
	font-size: 24px !important;
}


#second__title,
.second__title{
    font-size: 32px !important;
}


h2 {
    margin: 60px auto 40px;
    line-height: 50px;
    font-size: 32px !important;
}

.slidArea {
margin-top: 80px;
    background: #444;
    width: 100%;
}

.flexBox > .lecture h3 {
    font-size: 20px;
    padding: 10px 0 10px 4px;
}

.flexBox > .lecture p {
    font-size: 15px;
    height: 7em;
}

.flexBox > .lecture a.btn {
    font-size: 18px;
}

#newsBox {
    width: 100%;
    float: none;
}

.tab {
    width: 50%;
    padding: 6px 6px 6px 20px;
    font-size: 20px;
    color: #1f2f5f;
}

.content-area {
	float: none;
    width: 100%;
    padding: 20px 20px 60px 20px;
    min-height: auto;
	font-size: 18px !important;
}

#columnArea {
    margin: 0px 0 30px 0;
    width: 100%;
    float: none;
	min-height: auto;
}

#columnArea span.media--date{
	margin-top: -10px;
}

#columnArea span.media--img img {
    overflow: hidden;
    position: absolute;
    width: 50px;
    height: 50px;
    left: 0px;
    top: 10px;
}
#columnArea ul li {
    min-height: 60px;
	margin-top: 10px;
}
#columnArea .media--all {
    border: 1px solid #3b466e;
    color: #3b466e;
    border-radius: 20px;
    display: inline-block;
    padding: 2px 20px;
    text-align: right;
    float: right;
    line-height: 1.4em;
    margin-top: 10px;
}
#columnArea span.headline{
    vertical-align: top;
    line-height: 1.6em;
	color: #000 !important;
}
.bg_gray .logoArea {
    text-align: center;
    width: 100%;
    float: none;
    border: none;
    box-sizing: border-box;
}
.bg_gray .logoArea p{
	display: inline-block;
}
.bg_gray .logoArea p img{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	display: block;
}
.bg_gray .logoArea ul {
    float: right;
    padding: 10px 0 0 0;
    position: relative;
	width: 200px;
}
.fa-3x {
    font-size: 2.5em;
}
.bg_gray ul li {
    width: 26%;
    text-align: center;
}
#inquiryArea {
    width: 100%;
    float: none;
	clear: both;
	margin-top: 20px;
    padding: 10px 0 0;
}
#inquiryArea .flexBox {
    display: block;
    justify-content: space-around;
}

#inquiryArea .flexBox .flex {
    display: block;
    padding: 10px;
    box-sizing: border-box;
}

#inquiryArea .flexBox .flex p {
    display: block;
    padding: 4px 2px;
    margin: 20px auto;
	width: 80%;
	border-radius: 20px;
}
#inquiryArea .flexBox .flex img{
	width: 80%;
}


#footer__nav {
    width: 100%;
    padding: 40px 40px 40px;
    margin: 0 auto;
    text-align: center;
	box-sizing: border-box;
}


.footer__nav__menu {
    display: block;
    font-size: 15px !important;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}


.footer__nav__submenu a{
	font-size:14px !important;
}


#copy,
#copy a{
    font-size: 11px !important;
	background: #121c3f;
}




.listItem {
    flex: 0 0 30%;
    margin: 10px;
    text-align: center;
    overflow: hidden;
    background: #ffffff;
    border-radius: 4px;
}


.content-area ul li{
  padding: 10px 0px;
}

.date_txt{
	top:12px;
}


#tabArea h3{
	font-size: 20px !important;
}
#second__title,
.second__title{
    font-size: 32px !important;
	padding: 10px 0 0 10px;
}

.fa-chevron-up{
	vertical-align: -webkit-baseline-middle;
}


#companyArea {
    margin: 30px 0 0 0;
    width: 100%;
    float: none;
}
#companyArea h3{
	font-size: 30px;
}
#companyArea ul {
    min-height: auto;
}
#companyArea ul li a{
    font-size: 20px;
	padding: 20px;
}

}





/*FIT土地付太陽光発電の物件検索 960幅調整*/


#top__land-search {
    position: relative;
    width: 480px;
    height: 450px;
    float: left;
    margin: 0;
}


#second2__area_search {
    position: relative;
    width: 450px;
    height: 450px;
    float: right;
    margin: 0px;
    background-color: #f7f6f1;
}
.search--block {
    display: inline-block !important;
    margin-right: 0px;
    margin-top: 20px;
    vertical-align: middle;
}

#top__land-search h3 {
    font-size: 28px;
    line-height: 1.4;
    border-left: 8px solid #FD8C00;
    padding-left: 15px;
}

#second2__area_search ul li a{
	font-size: 12px;
}

.title-bg .title-100.pl20 {
    padding-left: 20px;
	text-align: left !important;
	font-size: 18px !important;
	font-weight: 500 !important;
}

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


#top__land-search h3 {
    font-size: 32px;
    line-height: 1.4;
    border-left: 8px solid #FD8C00;
    padding-left: 15px;
}
#top__land-search {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
	padding: 60px 10px 0;
}
.search--group{
 text-align: center;
}
}

/*下層ページの細かな調整*/
@media screen and (max-width:640px){

.su-note-inner img{
	display: block;
	margin: 10px auto;
}


}