#container_visual .in-view .bg{overflow:hidden;width:100%;transform:scale(1) rotate(0.001deg);animation:visualani 2.5s ease-in-out;}
@keyframes visualani{0%{transform:scale(1.1) rotate(0.001deg);}100%{transform:scale(1) rotate(0.001deg);}}

#sub_visual span {color:white;font-size:4em;}
#sub_visual {display:inline-block;width:100%;height:260px;overflow: hidden;position: relative;}
#sub_visual .bg {position:absolute;left:0;top:0;width:100%;height:260px;background: url('img/top_Summary.jpg') no-repeat center center;}

#sub_visual .bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 40%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
#sub_visual .bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
#sub_visual .bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
#sub_visual .bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff;  text-align: center; line-height: 25px;}

/* tab */
.tabComm {position:relative;width:100%;margin-bottom:35px;border-bottom:1px solid #0b60bc;border-left:1px solid #0b60bc;height:50px;}
.tabComm ul{float:left;min-height:50px;padding-left:1px;}
.tabComm li{float:left;height:50px;padding:15px 30px 0;color:black;border-top:1px solid #0b60bc;border-right:1px solid #0b60bc;}
.tabComm li a{display:inline-block;position:relative;z-index:0;height:37px;min-width:50px;border-right:1px solid #0b60bc;color:#282828;font-size:15px;text-align:center;}
.tabComm li a:hover{z-index:1;margin-left:-1px;border-left:1px solid #d8d8d8;color:#282828;text-decoration:none;}
.tabComm li.on {background-color:#0b60bc; border-left:1px solid #f2941b;border-right:1px solid #f2941b;color:white;}
.tabComm li.on a, 
.tabComm li.on a:hover{z-index:3;height:38px;margin-left:-1px;}

/* bs_info */
.bs_info{width: 100%;}
.bs_info .inner{width: 1200px; padding: 0 20px;}
.bs_info .section{padding: 0 0 50px; width: 100%;}
.bs_info .section h2 {box-sizing: border-box;width: 100%;padding:1rem;border: 1px solid #d2d2d2;font-size: 1.4rem;color: #0b60bc;font-weight: 600;margin:20px 0px; }
.bs_info .section h2 i {margin-right:10px;}
.bs_info .section .info li {position: relative;padding:0 0 0px 45px;font-size: 1.2rem; font-weight: 400; color: #222;line-height: 25px;box-sizing: border-box;margin-top:10px;}
.bs_info .section .info li i {margin-right:10px;color:#0b60bc}
.bs_info .section .info li:before {display: inline-block;position: absolute;box-sizing: border-box;left:30px;top: 0;line-height: 25px;}


.bs_info .section .info li.none {padding-left:25px;margin-left:0px;}
.bs_info .section .info li.circle {padding-left:25px;margin-left:30px;}
.bs_info .section .info li.circle:before {content:'●';left:0px;color:#0b60bc;font-size:7pt;}
.bs_info .section .info li.bcircle {padding-left:25px;margin-left:0px;}
.bs_info .section .info li.bcircle:before {content:'○';left:0px;color:#0b60bc;font-size:7pt;font-weight: bold;}
.bs_info .section .info li.line {padding-left:25px;margin-left:0px;}
.bs_info .section .info li.line:before {content:'-';left:0px;color:#0b60bc}
.bs_info .section .info li.star {padding-left:25px;margin-left:0px; }
.bs_info .section .info li.star:before {content:'※';left:0px;color:#0b60bc}

.bbsList{width:100%;border-top:2px solid #153377;border-bottom:1px solid #153377;margin:10px 0px;}
.bbsList table{width:100%;}
.bbsList table th{line-height:20px;min-height:20px;text-align:center;font-size: 1.2rem;font-weight: 400;}
.bbsList table td{line-height:20px;min-height:20px;font-size: 1.2rem;font-weight: 400;}
.bbsList table th.first, .bbsList table td.first{border-left:none;}
.bbsList table th{padding:14px 0;background:#fbfcfd;color:#282828;}
.bbsList table tr.bdrT th{border-top:1px solid #ebebeb;}
.bbsList table td{padding:14px 10px;border-top:1px solid #ebebeb;color:#707070;}
.bbsList table tr.first td{border-top:1px solid #d8d8d8;}
.bbsList table .tLeft{padding:13px 20px 15px;text-align:left;}
.bbsList table .notice td{background:#f3f7fa;}
.bbsList table .tLeft a{color:#707070;}
.bbsList table .notice .tLeft a{color:#282828;}
.bbsList table .tLeft a:hover, .bbsList table .notice .tLeft a:hover{color:#153377;text-decoration:underline;}


.box-bl {padding: 1.5rem 2rem;background-color: #f2f9fa;border: 1px solid #bedae7;margin:20px 0px;}
.box-bl .box-in {position: relative;box-sizing: border-box;padding: 1.5em 1em;padding-left: 2.2em;margin:1rem 0;background-color: #eaf4f5;border: 2px solid #bedae7;border-width: 2px 0 1px 0;}
.box-re {padding: 1.5rem 2rem;background-color: #faf2f6;border: 1px solid #e7bebe;margin:20px 0px;}
.box-re a {border-bottom: 1px dotted #4c768a;color:red;display: inline-block;}

.bs_info .section.cus_info{padding-top: 0px;}
.cus_info .figure_area{width: 100%; margin-bottom: 60px;}
.cus_info .figure_area img{width: 100%;}
.cus_info .text_area{width: 100%;}
.cus_info .bsinfo_list{padding: 30px 30px 55px; width: 100%;}
.cus_info .bsinfo_list li{float: left; width: 30%;}
.cus_info .bsinfo_list li.bsinfo_item02{margin: 0 5%;}
.cus_info .tit_box .sub_tit{display: inline-block; margin-bottom: 10px; color: #999; font-size: 14px; font-weight: 300; line-height: 20px;}
.cus_info .tit_box .main_tit{color: #333; font-size: 16px; font-weight: 600; line-height: 20px;}
.cus_info .tit_box .main_tit::after{display: block; content:""; margin: 20px 0; width: 40px; height: 3px; background: #c71526;}
.cus_info .desc_box p{color: #666; font-weight: 300; font-size: 14px;}


@media screen and (max-width:1199px){
	.bs_info .inner{width: 100%;} 
	.bs_info .inner{margin: 0 0;} 
	.bs_info .section{padding: 75px 0;}  
}

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

	#sub_visual .bnrtxtwrap {top: 50%;}
	#sub_visual .bnrtxtwrap>h3 {font-size: 25px;}
	#sub_visual .bnrtxtwrap>p {font-size: 18px;}
}

@media screen and (max-width:978px){
	.cus_info .figure_area{margin-bottom: 50px;}
	.cus_info .bsinfo_list{padding: 0 0 30px;}
	.cus_info .bsinfo_list li{width: 100%;}  
	.cus_info .bsinfo_list li.bsinfo_item02{margin: 30px 0;}
	.ph_info .ph_list{padding: 0 20px;}
	.ph_info .ph_list li.phlist_item02,.ph_info .ph_list li.phlist_item05{margin: 0;}
	.ph_info .ph_list li.phlist_item01,.ph_info .ph_list li.phlist_item02, .ph_info .ph_list li.phlist_item03{margin-bottom: 0;}
	.ph_info .ph_list li{width: 50%; height: 270px; padding: 30px 0;}  
	.ph_info .picto_box{width: 50px;}
	.ph_info .text_box .desc{padding: 0 30px 30px;}  
}

@media screen and (max-width:767px){
	.bs_info .section{padding: 50px 0;}  
	.ph_info .ph_list li{padding: 5px 0; width: 100%; height: auto;}  
	.ph_info .picto_box{width: 50px; margin: 15px auto;}
	.ph_info .text_box .main_tit{margin-bottom: 20px; font-size: 14px; line-height: 20px;}
	.ph_info .text_box .desc{padding: 0 5px 30px; font-size: 12px; line-height: 17px;}  
}


@media screen and (min-width:768px) and (max-width:978px){
.tem_info .text_area{padding-top: 15px;}  
.tem_info .text_area .main_tit{font-size: 30px; line-height: 35px;}
.tem_info .text_area .main_desc{font-size: 14px; line-height: 18px;}
.tem_info .text_area .desc_box p{font-size: 13px; line-height: 17px;}  
}

@media screen and (max-width:880px){
.tem_info .inner > div{width: 100%;} 
.tem_info .figure_area{padding: 0 20px; margin-bottom: 45px;}
.tem_info .text_area{padding-left: 0; padding: 0 20px;}
.tem_info .text_area .desc_box{padding-right: 0;}
}
@media screen and (max-width:480px){
	.bs_info .inner{margin: 0 0;} 
	.cus_info .tit_box .sub_tit{font-size: 12px;}
	.cus_info .tit_box .main_tit{font-size: 14px;}
	.cus_info .tit_box .main_tit::after{margin: 15px 0; width: 35px;}
	.cus_info .desc_box p{font-size: 12px;}
	.tem_info .text_area .main_tit{margin-bottom: 15px; font-size: 28px; line-height: 30px;}
	.tem_info .text_area .main_desc{margin-bottom: 25px; font-size: 13px; line-height: 17px;}
	.tem_info .text_area .desc_box p{font-size: 12px; line-height: 16px;}  
}