@charset "UTF-8";
@media screen and (min-width: 740px),print{ SP - PC

/* slider */

.bx-wrapper{
		overflow:hidden;
}
#slider li{
		display: table;
		width: 100%;
		/* height: 560px; */
		
		text-align: center;
/* 		
		transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-webkit-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear; */
}

#slider li strong{
		display: table-cell;
		vertical-align: middle;
}

#slider > li > span{
		display: block;
		position: relative;
		
		text-decoration: none;
}

#slider li.slider01{
		background: url(../img/index/slider_img01.jpg) no-repeat 0 80px;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider02{
		background: url(../img/index/slider_img02.jpg) no-repeat 0 80px;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider03{
		background: url(../img/index/slider_img03.jpg) no-repeat 0 80px;	
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider04{
		background: url(../img/index/slider_img04.jpg) no-repeat 0 80px;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider05{
		background: url(../img/index/slider_img05.jpg) no-repeat 0 80px;
		background-attachment: fixed;
		background-size: 100% auto;
}

#slider li span.text{
		display: block;

		width: 100%;
	
		color: #FFF;
		font-size: 83px;
		font-weight: bold;
		
		text-align: center;
		
		text-shadow: 2px 2px 3px #000;
}
#slider li span.text.middle{
		font-size: 63px;	
}
#slider li span.text.line01{
		line-height: 110%;	
}
#slider li span.text.line02{
		line-height: 125%;	
}
#slider li span.text.line03{
		line-height: 145%;	
}

#slider li span.text span.small{
		display: block;
		font-size: 22px;
		font-weight: normal;	
}
span.color01{
		color: #EB2670;
}
span.color02{
		color: #FD971F;	
}
span.color03{
		color: #E4D878;	
}
span.color04{
		color: #FFF;	
}
span.color05{
		color: #58AB27;	
}
span.color06{
		color: #45B8EE;	
}

/* faq_list */

#contents .edit_zone.type01{
		padding: 50px 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}

#contents .faq_list{
		position: relative;
		margin: 0 auto 50px;
		
		width: 1000px;
}
#contents .faq_list:before{
		position: absolute;
		right: 33%;
		bottom: -10%;
		content:'｝';
		
		font-size: 42px;
		font-weight: bold;
		color: #FFF;
}
#contents .faq_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .faq_list dt{
		display: block;
		margin: 0 0 40px;
		
		color: #66D8EE;
		font-size: 42px;
		font-weight: bold;
}
#contents .faq_list dt:after{
		content:'｛';
		color: #FFF;
}


#contents .faq_list dd{
		float: right;
		
		width: 700px;
		
		margin: 0 0 20px;
		
		color: #FFF;
		line-height: 180%;
}
#contents .faq_list dd.bold{
		font-weight: bold;	
}

#contents .faq_list dd.sub_title{
		float: left;
		display: block;
		
		margin: 0 0 24px;
		
		font-weight: bold;
		font-size: 25px;
		
		width: 280px;
}

#contents .faq_list dd.sub_title span.photo{
		display: block;
		margin: 20px 0 0;	
		
		font-weight: normal;
		font-size: 14px;
		line-height: 160%;
}

#contents .faq_list dd.sub_title span.photo img{
		 -webkit-box-shadow: 1px 1px 5px #000;
		 -moz-box-shadow: 1px 1px 5px #000;
		 -o-box-shadow: 1px 1px 5px #000;
		 -ms-box-shadow: 1px 1px 5px #000;
		 box-shadow: 1px 1px 5px #000;
}

#contents .edit_zone.type02{
		padding: 50px 0;
	
		background: url(../img/index/background_img02.jpg) repeat 0 0;	
}

/* result_list */
#contents .result_list{
}
#contents .result_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .result_list li{
		float: left;
		width: 265px;
		height: 205px;
		margin: 0 15px;	
}


#contents .result_list li a{
		display: block;	
		
		color: #000;
		text-decoration: none;
}
#contents .result_list li a:hover{
		color: #58AB27;	
}

#contents .result_list li a span{
		display: block;	
}
#contents .result_list li a span.photo{
		position: relative;
		margin: 0 auto 10px;
		
		width: 205px;
		height: 205px;
		
		overflow: hidden;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
}
#contents .result_list li a span.photo img{
		width: 205px;
		height: 205px;
	
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		
		border: 8px solid #B7C2B4;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

#contents .result_list li a span.photo:after{
		content: "詳しくはこちら》";

		position: absolute;
		bottom: -100px;
		left: 0;

		display: block;
		width: 100%;
		padding: 15px 0 25px;
		
		color: #E4D978;
		font-size: 13px;
		font-style: italic;
		font-weight: bold;
		
		text-align: center;
		
		background: #272822;
		
		z-index: 99;
		
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
#contents .result_list li a:hover span.photo:after{
		bottom: 0;	
}


#contents .result_list li a:hover span.photo img{
		border-color: #272822;
}

#contents .result_list li a span.photo img{
		position: absolute;
		left: 50%;
		top: 50%;	
		
		margin-left: -102px;
		margin-top: -102px;
}


#contents .result_list li a span.main{
		margin: 0 0 5px;

		font-size: 19px;
		font-weight: bold;
		
		text-align: center;
}
#contents .result_list li a span.sub{
		margin: 0 0 16px;
		font-size: 12px;
		text-align: left;
		
		line-height: 175%;
}

#contents .result_list li a span.text{
		color: #333;	
}


#contents .result_list li a:hover span.main{
		text-decoration: underline;
}


#contents .edit_zone.type03{
		padding: 50px 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}
#contents .edit_zone.type03 section{
		margin-bottom: 0;	
}

#contents .edit_zone.type03 h2{
		color: #FFF;	
}

/* service_list */
#contents .service_list{
}
#contents .service_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .service_list li{
		float: left;
		width: 220px;
		margin: 0 0 0 20px;	
}
#contents .service_list li:first-child,
#contents .service_list li:nth-child(5n+1){
		margin-left: 0;	
}

#contents .service_list li a{
		display: block;	
		
		color: #8E908A;
		text-decoration: none;
}
#contents .service_list li a:hover{
		color: #FD971F;	
}

#contents .service_list li a span{
		display: block;	
}
#contents .service_list li a span.photo{
		margin: 0 0 10px;
		text-align: center;
}
#contents .service_list li a span.main{
		margin: 0 0 5px;
		
		font-size: 19px;
		font-weight: bold;
		
		text-align: center;
}
#contents .service_list li a span.text{
		margin: 0 0 16px;
		font-size: 12px;
		text-align: left;
		line-height: 175%;
}


#contents .service_list li a:hover span.main{
		text-decoration: underline;
}



#contents .edit_zone.type04{
		padding: 50px 0;
	
		background: url(../img/index/background_img02.jpg) repeat 0 0;	
}
/* staff_list */
#contents .staff_list{
}
#contents .staff_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .staff_list li{
		float: left;
		width: 268px;
		margin: 0 0 0 42px;	
	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
#contents .staff_list li:first-child,
#contents .staff_list li:nth-child(5n+1){
		margin-left: 0;	
}

#contents .staff_list li div{
		display: block;	
		
		color: #99F;
		text-decoration: none;
}
#contents .staff_list li div span{
		display: block;	
}
#contents .staff_list li div span.photo{
		position: relative;
		display: block;

		margin: 0 auto 26px;	
		
		width: 198px;
		height: 273px;
		
		border: 7px solid rgba(15,116,135,0.60);
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		overflow: hidden;
		
		 -webkit-box-shadow: 1px 1px 5px #999;
		 -moz-box-shadow: 1px 1px 5px #999;
		 -o-box-shadow: 1px 1px 5px #999;
		 -ms-box-shadow: 1px 1px 5px #999;
		 box-shadow: 1px 1px 5px #999;
}
#contents .staff_list li span.photo img{
		opacity: 0.6;
		vertical-align: bottom;	
}
#contents .staff_list li span.photo:before{
		content: "こいつ…動くぞ!!";

		position: absolute;
		bottom: -50px;
		left: 0;

		display: block;
		width: 198px;
		padding: 16px 0 8px;
		
		color: #E4D978;
		font-size: 13px;
		font-style: italic;
		font-weight: bold;
		
		text-align: center;
		
		background: rgba(220,58,132,1);
		
		z-index: 99;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
#contents .staff_list li:nth-child(1) span.photo:before{
		content: "ドヤァ…";
}
#contents .staff_list li:nth-child(2) span.photo:before{
		content: "見え…";
}
#contents .staff_list li:nth-child(3) span.photo:before{
		content: "ジャキーン！";
}
#contents .staff_list li:nth-child(4) span.photo:before{
		content: "こ、こいつ…動くぞ!!";
}
#contents .staff_list li:nth-child(5) span.photo:before{
		content: "ピョンピョン♪";
}



#contents .staff_list li:hover span.photo{
		border-color: rgba(220,58,132,1);
}
#contents .staff_list li:hover span.photo img{
		opacity: 1;	
}
#contents .staff_list li:hover span.photo:before{
		bottom: 0;	
}

#contents .staff_list li div span.main{
		margin: 0 0 10px;
		
		color: #201F1F;
		font-size: 19px;
		font-weight: bold;
		text-align: center;
}
#contents .staff_list li div span.text{
		color: #201F1F;	
		font-size: 15px;
		text-align: center;
}
#contents .staff_list li div:hover span.main,
#contents .staff_list li div:hover span.sub{
		color: #EB2670;
		text-decoration: underline;
}
#contents .staff_list li div:hover span.text{
		color: #EB2670;
}


/* edit_zone type05 */

#contents .edit_zone.type05 section{
		margin-bottom: 0;
		width: 100%;	

		background: url(../img/index/background_img03.jpg) no-repeat top center;
		background-size: 100% auto;
		background-attachment: fixed;
}

#contents .edit_zone.type05 h2{
		padding: 60px 0 0;
		
		color: #FFF;
}

#contents .message_box{
		margin: 0 auto;
		padding: 46px 0 0;	

		width: 1005px;
		min-height: 812px;
		background: url(../img/index/background_img04.png) no-repeat top center;			
}

#contents .message_box .inner_box{
		margin: 0 auto;
		padding: 0;
		width: 915px;
		
}

#contents .message_box .inner_box dl{
		position: relative;
		padding: 34px 0 0;
}
/* #contents .message_box .inner_box dl:before{
		position: absolute;
		top: 0;
		
		content: "";
		
		display: block;
		width: 100%;
		height: 34px;
		
		background: #151612;
} */

#contents .message_box .inner_box dl dt{
		position: absolute;
		top: 0;
		color: #FFF;
		counter-reset:number;

		padding: 0 10px;
		
		
		font-size: 14px;
		
		line-height: 34px;
		text-align: center;
		
		background: #3D3D3B;
		
		 -webkit-border-radius: 3px 3px 0 0;
		 -moz-border-radius: 3px 3px 0 0;
		 -o-border-radius: 3px 3px 0 0;
		 -ms-border-radius: 3px 3px 0 0;
		 border-radius: 3px 3px 0 0;
		
		z-index: 98;
		
		border: 1px solid #646462;
		border-bottom: 0;
		
		cursor: pointer;
}
#contents .message_box .inner_box dl dt.talk01{
		left: 0;
}
#contents .message_box .inner_box dl dt.talk02{
		left: 170px;
}
#contents .message_box .inner_box dl dt.talk03{
		left: 340px;
}
#contents .message_box .inner_box dl dt.talk04{
		left: 510px;
}
#contents .message_box .inner_box dl dt.on{
		background: #272822;
		border-color: #383834;
		
		z-index: 100;
}


#contents .message_box .inner_box dl dd{
		display: none;
		
		position: relative;
		left: 0;
		z-index: 99;

		padding: 10px 0 80px;

		height: 480px;
		
		color: #FFF;
		font-size: 12px;
		line-height: 140%;
		
		background: #272822 url(../img/index/border_img01.jpg) repeat-y 50px 0;
	
		overflow-x: hidden;
		overflow-y: scroll;
		
		border-top: 1px solid #383834;
		border-left: 1px solid #383834;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
#contents .message_box .inner_box dl dd.talk01{
}
#contents .message_box .inner_box dl dd.on{
		display: block;	
}


#contents .message_box .inner_box dl dd b{
		font-weight: normal;	
}

#contents .message_box .inner_box dl dd p{
		margin-left: 56px;
		text-indent: -56px;	
		
		color: #FF0077;
}

#contents .message_box .inner_box dl dd p span.col02{
		color: #B88DC9;
}
#contents .message_box .inner_box dl dd p span.col03{
}
#contents .message_box .inner_box dl dd p span.col04{
		color: #FFF;	
}
#contents .message_box .inner_box dl dd p span.col05{
		color: #52E3FF;
}

#contents .message_box .inner_box dl dd p.sakurai span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.hosono span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.sato span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.para span.col03{
		color: #93C763;
}

#contents .message_box .inner_box dl dd p:before{
		counter-increment: number;
		content: counter(number);

		display: inline-block;
		
		margin: 0 4px 0 0;
		
		width: 33px;
		padding: 0 23px 0 0;
	
		color: #949086;
		font-size: 12px;
		font-weight: bold;
		
		text-align: right;
}

#contents .message_box .inner_box .skip_box{
		margin: 5px auto 0;
		
		width: 40px;
		height: 40px;	

		color: #FFF;		
		
		line-height: 40px;
		text-align: center;
		
		 -webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
		 -o-border-radius: 20px;
		 -ms-border-radius: 20px;
		 border-radius: 20px;
		 
		 border: 1px solid #FFF;
		 
		 cursor: pointer;
}
#contents .message_box .inner_box .skip_box:hover{
		color: #000;
		
		background: #FFF;	
}




/* edit_zone type06 */
#contents .edit_zone.type06{
		padding: 50px 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}

#contents .edit_zone.type07{
		padding: 50px 0;
		
		background: url(../img/index/background_img05.jpg) repeat 0 0;
}

/* company_list */
#contents .company_list{
		margin: 0 auto;
		
		width: 1100px;
}
#contents .company_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .company_list li{
		float: left;

		margin: 0;	

		width: 275px;
		
		text-align: center;
}
#contents .company_list li:first-child,
#contents .company_list li:nth-child(4n+1){
		margin-left: 0;	
}

#contents .company_list li a{
		display: block;	
		
		color: #9F9;
		text-decoration: none;
}
#contents .company_list li a span{
		display: block;	
}
#contents .company_list li a span.photo{
		display: inline-block;
		margin: 0 0 20px;
		
		background: #FFF;
}
#contents .company_list li a:hover span.photo img{
		opacity: 0.6;	
}

#contents .company_list li a span.main{
		margin: 0 0 20px;
		
		color: #262721;
		font-size: 19px;
		font-weight: bold;
}
#contents .company_list li a span.text{
}
#contents .company_list li a:hover span.main,
#contents .company_list li a:hover span.sub{
		color: #F82672;
		text-decoration: underline;
}

/* edit_zone type08 */
#contents .edit_zone.type08{
		padding: 50px 0 0;
}

#contents .edit_zone.type08 section{
		margin: 0 auto;
		width: 1100px;	
}

#contents .edit_zone.type08 h2{
		margin-bottom: 80px;	
}


/* conditional_list 
#contents .conditional_list{
		margin: 40px auto;
		width: 960px;	
}
#contents .conditional_list dt{
		display: block;
		
		padding: 20px;
		margin: 0 0 16px;
		
		font-size: 16px;
		font-weight: bold;
		
		background: #EFEFEF;
}

#contents .conditional_list dd{
		margin: 0 0 40px;
		line-height: 200%;	
}*/

/* choose_list */

#contents .choose_list{
		margin: 40px auto;
		padding-top: 40px;
		
		border-top: 1px solid #BBB;	
}
#contents .choose_list > li{
		margin-bottom: 40px;
		border-bottom: 1px solid #BBB;	
}
#contents .choose_list > li:last-child{
		border-bottom: 0;	
}


#contents .choose_list > li:after{
		content: " "; display: block; height: 0; clear: both;	
}


#contents .choose_list li dl:after{
		content: " "; display: block; height: 0; clear: both;
}

#contents .choose_list > li > dl > dt{
		display: block;
		
		float: left;
		
		margin: 0;
		padding: 0;
		
		width: 200px;
		
		color: #000;
		font-size: 18px;
		font-weight: bold;
		
		line-height: 140%;
}
#contents .choose_list > li > dl > dt:before{
		display: inline-block;
		content:"●";
		
		color: #58AB27;
		font-size: 18px;
}

#contents .choose_list li dl > dd{
		float: right;
		
		margin: 0 0 40px;

		width: 800px;

		line-height: 200%;	
}
#contents .choose_list li dl dd a{
		color: #58AB27;
		text-decoration: none;
}
#contents .choose_list li dl dd a:hover{
		text-decoration: underline;	
}

#contents .choose_list li dl > dd.print_btn{
		text-align: right;	
}

#contents .choose_list li dl > dd.print_btn span{
		padding: 0 0 0 26px;
		
		text-align: right;
		text-decoration: underline;
		
		background: url(../img/index/icon_img01.png) no-repeat 0 center;
		
		cursor: pointer;
}
#contents .choose_list li dl > dd.print_btn span:hover{
		text-decoration: none;	
}




#contents .choose_list li dl > dd dl dt{
		clear: both;
		display: block;
		
		margin: 0 0 5px;
		padding: 0 0 0 10px;
		
		font-size: 18px;
		font-weight: bold;
		
		line-height: 120%;
		
		border-left: 4px solid #000;
}


/* detail_table 
#contents .detail_table{
		margin: 0 auto;
		
		width: 960px;
	
		border-collapse: collapse;
		border: 0;
}

#contents .detail_table tr{
}

#contents .detail_table th,
#contents .detail_table td{
		padding: 20px 30px;	
		
		border: 2px solid #CCC;
}

#contents .detail_table th{
		width: 200px;
		
		text-align: left;
		vertical-align: top;
		
		background: #DDD;
}
#contents .detail_table td{
		line-height: 200%;	
}
#contents .detail_table td span{
		display: block;	
		
		margin: 0 0 10px;
}*/


/* contact_box */

#contents .contact_box{
		margin: 50px 0 150px;
	
		text-align: center;	
}
#contents .contact_box a{
		display: inline-block;

		padding: 30px;
		
		width: 300px;
		
		font-size: 40px;
}

/* SNS*/

#footer .footer_inner ul.sns li script{
	display: none;
}

#footer .footer_inner ul.sns{
	position: absolute;
    top: -43px;
    right: 33px;
	
	float: right;
}

#footer .footer_inner ul.sns li a img.line{
	width: 86px;
}
#footer .footer_inner ul.sns li a img.line:hover{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}

#footer .footer_inner ul.sns li{
	float: left;
    margin-right: 15px;
}


#footer .footer_inner ul.sns:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#footer .footer_inner{
	position: relative;
}



}

































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

/* slider */

.bx-wrapper{
		overflow:hidden;
}
#slider li{
		display: table;
		width: 100%;
		/* height: 560px; */
		
		text-align: center;
/* 		
		transition: all 0.1s linear;
		-moz-transition: all 0.1s linear;
		-webkit-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		-ms-transition: all 0.1s linear; */
}

#slider li strong{
		display: table-cell;
		vertical-align: middle;
}

#slider > li > span{
		display: block;
		position: relative;
		
		text-decoration: none;
}

#slider li.slider01{
		background: url(../img/index/slider_img01.jpg) no-repeat 0 0;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider02{
		background: url(../img/index/slider_img02.jpg) no-repeat 0 0;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider03{
		background: url(../img/index/slider_img03.jpg) no-repeat 0 0;	
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider04{
		background: url(../img/index/slider_img04.jpg) no-repeat 0 0;
		background-attachment: fixed;
		background-size: 100% auto;
}
#slider li.slider05{
		background: url(../img/index/slider_img05.jpg) no-repeat 0 0;
		background-attachment: fixed;
		background-size: 100% auto;
}

#slider li span{
}
#slider li span.text{
		display: block;

		width: 100%;
	
		color: #FFF;
		font-size: 2rem;
		font-weight: bold;
		
		text-align: center;
		
		text-shadow: 2px 2px 3px #000;
}
#slider li span.text.middle{
		font-size: 1.6rem;	
}
#slider li span.text.line01{
		line-height: 110%;	
}
#slider li span.text.line02{
		line-height: 125%;	
}
#slider li span.text.line03{
		line-height: 145%;	
}

#slider li span.text span.small{
		display: block;
		font-size: 1.4rem;
		font-weight: normal;	
}
span.color01{
		color: #EB2670;
}
span.color02{
		color: #FD971F;	
}
span.color03{
		color: #E4D878;	
}
span.color04{
		color: #FFF;	
}
span.color05{
		color: #58AB27;	
}
span.color06{
		color: #66D8EE;	
}

/* faq_list */

#contents .edit_zone.type01{
		padding: 10% 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}

#contents .faq_list{
		position: relative;
		
		width: 92%;
		
		margin: 0 auto 10%;
}
#contents .faq_list:before{
		position: absolute;
		right: 50%;
		bottom: -3%;
		content:'｝';
		
		font-size: 2rem;
		font-weight: bold;
		color: #FFF;
}
#contents .faq_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .faq_list dt{
		display: block;
		margin: 0 0 7%;
		
		color: #66D8EE;
		font-size: 2rem;
		font-weight: bold;
		line-height: 140%;
}
#contents .faq_list dt:after{
		content:'｛';
		color: #FFF;
}


#contents .faq_list dd{
		margin: 0 0 5%;
	
		color: #FFF;
		font-size: 1.4rem;
		line-height: 180%;
}
#contents .faq_list dd.bold{
		margin: 0 0 1%;
		font-weight: bold;	
		font-size: 1.6rem;
}

#contents .faq_list dd br{
		display: none;	
}


#contents .faq_list dd.sub_title{
		display: block;
		
		margin: 0 0 3%;
		
		font-weight: bold;
		font-size: 1.6rem;
}
#contents .faq_list dd.sub_title span.photo{
		display: block;
		margin: 5% 0;	
		
		font-size: 1.2rem;
		font-weight: normal;

		text-align: center;
		line-height: 150%;
}
#contents .faq_list dd.sub_title span.photo br{
		display: block;
}



#contents .faq_list dd.sub_title span.photo img{
		 -webkit-box-shadow: 1px 1px 5px #000;
		 -moz-box-shadow: 1px 1px 5px #000;
		 -o-box-shadow: 1px 1px 5px #000;
		 -ms-box-shadow: 1px 1px 5px #000;
		 box-shadow: 1px 1px 5px #000;
}



#contents .edit_zone.type02{
		padding: 8% 0 0;
	
		background: url(../img/index/background_img02.jpg) repeat 0 0;	
}

/* result_list */
#contents .result_list{
		margin: 0 auto;
		
		width: 92%;
}
#contents .result_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .result_list li{
		float: left;
		width: 48%;
		margin: 0 1% 2%;	
}
#contents .result_list li:nth-child(2n+1){
		clear: both;	
}
#contents .result_list li:nth-child(5){
		display: none;	
}


#contents .result_list li a{
		display: block;	
		
		color: #000;
		text-decoration: none;
}
#contents .result_list li a:hover{
		color: #EB2670;	
}

#contents .result_list li a span{
		display: block;	
}
#contents .result_list li a span.photo{
		position: relative;
		margin: 0 auto 10px;
		
		width: 130px;
		height: 130px;
		
		overflow: hidden;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
}
#contents .result_list li a span.photo img{
		width: 130px;
		height: 130px;
	
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
		
		border: 8px solid #B7C2B4;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}

#contents .result_list li a span.photo:after{
		content: "詳しくはこちら》";

		position: absolute;
		bottom: -100px;
		left: 0;

		display: block;
		width: 100%;
		padding: 15px 0 25px;
		
		color: #E4D978;
		font-size: 1rem;
		font-style: italic;
		font-weight: bold;
		
		text-align: center;
		
		background: #272822;
		
		z-index: 99;
		
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
#contents .result_list li a:hover span.photo:after{
		bottom: -5px;	
}


#contents .result_list li a:hover span.photo img{
		border-color: #272822;
}

#contents .result_list li a span.photo img{
		position: absolute;
		left: 50%;
		top: 50%;	
		
		margin-left: -65px;
		margin-top: -65px;
}


#contents .result_list li a span.main{
		margin: 0 0 5px;

		font-size: 1.4rem;
		font-weight: bold;
		
		text-align: center;
}
#contents .result_list li a span.sub{
		margin: 0 0 16px;
		font-size: 1rem;
		text-align: left;
		
		line-height: 175%;
}

#contents .result_list li a span.text{
		color: #333;	
}


#contents .result_list li a:hover span.main{
		text-decoration: underline;
}


#contents .edit_zone.type03{
		padding: 8% 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}
#contents .edit_zone.type03 h2{
		color: #FFF;	
}

/* service_list */
#contents .service_list{
		margin: 0 auto;
		width: 92%;
}
#contents .service_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .service_list li{
		float: left;
		width: 46%;
		margin: 0 2% 2%;	
}
#contents .service_list li:nth-child(5n){
		display: none;
}

#contents .service_list li a{
		display: block;	
		
		color: #8E908A;
		text-decoration: none;
}
#contents .service_list li a:hover{
		color: #EB2670;	
}

#contents .service_list li a span{
		display: block;	
}
#contents .service_list li a span.photo{
		margin: 0 auto;	
}
#contents .service_list li a span.main{
		margin: 0 0 5px;
		
		font-size: 1.4rem;
		font-weight: bold;
		
		text-align: center;
}
#contents .service_list li a span.text{
		margin: 0 0 16px;
		font-size: 1rem;
		text-align: left;
		line-height: 175%;
}


#contents .service_list li a:hover span.main{
		text-decoration: underline;
}



#contents .edit_zone.type04{
		padding: 50px 0;
	
		background: url(../img/index/background_img02.jpg) repeat 0 0;	
}
/* staff_list */
#contents .staff_list{
		margin: 0 auto;
		width: 92%;
}
#contents .staff_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .staff_list li{
		float: left;
		width: 48%;
		margin: 0 1% 8%;	
	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
#contents .staff_list li:nth-child(2n+1){
		clear: both;
}

#contents .staff_list li div{
		display: block;	
		
		color: #99F;
		text-decoration: none;
}
#contents .staff_list li div span{
		display: block;	
}
#contents .staff_list li div span.photo{
		position: relative;
		display: block;

		margin: 0 auto 10%;	
		
		width: 120px;
		height: 165px;
		
		border: 7px solid rgba(15,116,135,0.60);
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		overflow: hidden;
		
		 -webkit-box-shadow: 1px 1px 5px #999;
		 -moz-box-shadow: 1px 1px 5px #999;
		 -o-box-shadow: 1px 1px 5px #999;
		 -ms-box-shadow: 1px 1px 5px #999;
		 box-shadow: 1px 1px 5px #999;
}
#contents .staff_list li span.photo img{
		opacity: 0.6;
		vertical-align: bottom;	
}
#contents .staff_list li span.photo:before{
		content: "詳しくはこちら》";

		position: absolute;
		bottom: -80px;
		left: 0;

		display: block;
		width: 120px;
		padding: 16px 0 8px;
		
		color: #E4D978;
		font-size: 1.2rem;
		font-style: italic;
		font-weight: bold;
		
		text-align: center;
		
		background: rgba(220,58,132,1);
		
		z-index: 99;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
}
#contents .staff_list li:hover span.photo{
		border-color: rgba(220,58,132,1);
}
#contents .staff_list li:hover span.photo img{
		opacity: 1;	
}
#contents .staff_list li:hover span.photo:before{
		bottom: 0;	
}

#contents .staff_list li div span.main{
		margin: 0 0 3%;
		
		color: #201F1F;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: center;
}
#contents .staff_list li div span.text{
		color: #201F1F;	
		font-size: 1.2rem;
		text-align: center;
}
#contents .staff_list li div:hover span.main,
#contents .staff_list li div:hover span.sub{
		color: #EB2670;
		text-decoration: underline;
}
#contents .staff_list li div:hover span.text{
		color: #EB2670;
}


/* edit_zone type05 */

#contents .edit_zone.type05{
		padding: 5% 0;
		margin-bottom: 0;
		width: 100%;	

		background: url(../img/index/background_img03.jpg) no-repeat 0 0;
}

#contents .edit_zone.type05 h2{
		padding: 0;
		
		color: #FFF;
}

#contents .message_box{
		margin: 0 auto;
		padding: 7% 0 4%;	
		
		background: #000;

/* 		background: url(../img/index/background_img04.png) no-repeat top center;	
		background-size: 100% auto;		
		 */}

#contents .message_box .inner_box{
		position: relative;

		margin: 0 auto;
		padding: 0;
		width: 92%;
		
}

#contents .message_box .inner_box dl{
		display: -webkit-box;/*--- Androidブラウザ用 ---*/
		display: -ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;

		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		padding: 0;	
}
/* #contents .message_box .inner_box dl:before{
		position: absolute;
		top: 0;
		
		content: "";
		
		display: block;
		width: 100%;
		height: 34px;
		
		background: #151612;
} */

#contents .message_box .inner_box dl dt{
		display: inline-block;
		
		color: #FFF;
		counter-reset:number;

		width: 48%;

		margin: 0 1% 1%;
		padding: 0.5rem 3%;
		
		
		font-size: 1rem;
		
		text-align: center;
		
		background: #3D3D3B;
		
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 -o-border-radius: 3px;
		 -ms-border-radius: 3px;
		 border-radius: 3px;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		
		z-index: 98;
		
		border: 1px solid #646462;
}
#contents .message_box .inner_box dl dt.talk01{
		-webkit-order: 1;
		-ms-order: 1;
		order: 1;
}
#contents .message_box .inner_box dl dt.talk02{
		-webkit-order: 2;
		-ms-order: 2;
		order: 2;
}
#contents .message_box .inner_box dl dt.talk03{
		-webkit-order: 3;
		-ms-order: 3;
		order: 3;
}
#contents .message_box .inner_box dl dt.talk04{
		-webkit-order: 4;
		-ms-order: 4;
		order: 4;
}
#contents .message_box .inner_box dl dt.on{
		background: #272822;
		border-color: #383834;
		
		z-index: 100;
}


#contents .message_box .inner_box dl dd{
		-webkit-order: 5;
		-ms-order: 5;
		order: 5;	

		display: none;
		
		position: relative;
		left: 0;
		z-index: 99;

		margin: 2% 0 0;
		padding: 3% 0 25%;
		
		width: 100%;
		height: 200px;
		
		color: #FFF;
		font-size: 1rem;
		line-height: 140%;
		
		background: #272822 url(../img/index/border_img01.jpg) repeat-y 22px 0;
	
		overflow-x: hidden;
		overflow-y: scroll;
		
		border-top: 1px solid #383834;
		border-left: 1px solid #383834;
		
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
}
#contents .message_box .inner_box dl dd.talk01{
}
#contents .message_box .inner_box dl dd.on{
		display: block;	
}


#contents .message_box .inner_box dl dd b{
		font-weight: normal;	
}

#contents .message_box .inner_box dl dd p{
		margin-left: 36px;
		text-indent: -36px;	
		
		color: #FF0077;
}

#contents .message_box .inner_box dl dd p span.col02{
		color: #B88DC9;
}
#contents .message_box .inner_box dl dd p span.col03{
}
#contents .message_box .inner_box dl dd p span.col04{
		color: #FFF;	
}
#contents .message_box .inner_box dl dd p span.col05{
		color: #52E3FF;
}

#contents .message_box .inner_box dl dd p.sakurai span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.hosono span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.sato span.col03{
		color: #93C763;
}
#contents .message_box .inner_box dl dd p.para span.col03{
		color: #93C763;
}



#contents .message_box .inner_box dl dd p:before{
		counter-increment: number;
		content: counter(number);

		display: inline-block;
		
		margin: 0 4px 0 0;
		
		width: 20px;
		padding: 0 5px 0 0;
	
		color: #949086;
		font-size: 12px;
		font-weight: bold;
		
		text-align: right;
}
#contents .message_box .inner_box .skip_box{
		margin: 2% auto 0;
		
		width: 30px;
		height: 30px;	

		color: #FFF;		
		font-size: 12px;
		
		line-height: 30px;
		text-align: center;
		
		 -webkit-border-radius: 20px;
		 -moz-border-radius: 20px;
		 -o-border-radius: 20px;
		 -ms-border-radius: 20px;
		 border-radius: 20px;
		 
		 border: 1px solid #FFF;
		 
		 cursor: pointer;
}
#contents .message_box .inner_box .skip_box:hover{
		color: #000;
		
		background: #FFF;	
}

/* edit_zone type06 */
#contents .edit_zone.type06{
		padding: 8% 0;
	
		background: url(../img/index/background_img01.jpg) repeat 0 0;	
}

#contents .edit_zone.type07{
		padding: 8% 0;
		
		background: url(../img/index/background_img05.jpg) repeat 0 0;
}

/* company_list */
#contents .company_list{
		width: 92%;
	
		margin: 0 auto;
}
#contents .company_list:after{
		content: " "; display: block; height: 0; clear: both;	
}

#contents .company_list li{
		float: left;

		margin: 0 2% 4%;	

		width: 46%;
		
		text-align: center;
}
#contents .company_list li:nth-child(2n+1){
		clear: both;	
}

#contents .company_list li a{
		display: block;	
		
		color: #9F9;
		text-decoration: none;
}
#contents .company_list li a span{
		display: block;	
}
#contents .company_list li a span.photo{
		display: inline-block;
		margin: 0 0 6%;
		
		background: #FFF;
}
#contents .company_list li a:hover span.photo img{
		opacity: 0.6;	
}

#contents .company_list li a span.main{
		margin: 0 0 3%;
		
		color: #262721;
		font-size: 1.4rem;
		font-weight: bold;
}
#contents .company_list li a span.text{
}
#contents .company_list li a:hover span.main,
#contents .company_list li a:hover span.sub{
		color: #F82672;
		text-decoration: underline;
}

/* edit_zone type08 */
#contents .edit_zone.type08{
		padding: 8% 0 0;
}

#contents .edit_zone.type08 section{
		width: 92%;
	
		margin: 0 auto;
}

#contents .edit_zone.type08 h2{
		margin-bottom: 10%;	
}


/* conditional_list 
#contents .conditional_list{
		margin: 40px auto;
		width: 960px;	
}
#contents .conditional_list dt{
		display: block;
		
		padding: 20px;
		margin: 0 0 16px;
		
		font-size: 16px;
		font-weight: bold;
		
		background: #EFEFEF;
}

#contents .conditional_list dd{
		margin: 0 0 40px;
		line-height: 200%;	
}*/

/* choose_list */

#contents .choose_list{
		margin: 7% auto;
		padding-top: 7%;
		
		border-top: 1px solid #BBB;	
}
#contents .choose_list > li{
		margin-bottom: 7%;
		border-bottom: 1px solid #BBB;	
}
#contents .choose_list > li:last-child{
		border-bottom: 0;	
}


#contents .choose_list > li:after{
		content: " "; display: block; height: 0; clear: both;	
}


#contents .choose_list li dl:after{
		content: " "; display: block; height: 0; clear: both;
}

#contents .choose_list > li > dl > dt{
		display: block;
		
		margin: 0 0 5%;
		padding: 0;
		
		color: #000;
		font-size: 1.6rem;
		font-weight: bold;
		
		line-height: 140%;
}
#contents .choose_list > li > dl > dt:before{
		display: inline-block;
		content:"●";
		
		color: #58AB27;
		font-size: 1.6rem;
}

#contents .choose_list li dl > dd{
		margin: 0 0 7%;
		
		font-size: 1.2rem;
		line-height: 160%;	
}
#contents .choose_list li dl dd a{
		color: #58AB27;
		text-decoration: none;
}
#contents .choose_list li dl dd a:hover{
		text-decoration: underline;	
}

#contents .choose_list li dl > dd.print_btn{
		text-align: right;	
}

#contents .choose_list li dl > dd.print_btn span{
		display: none;
		
		padding: 0 0 0 26px;
		
		text-align: right;
		text-decoration: underline;
		
		background: url(../img/index/icon_img01.png) no-repeat 0 center;
		
		cursor: pointer;
}
#contents .choose_list li dl > dd.print_btn span:hover{
		text-decoration: none;	
}




#contents .choose_list li dl > dd dl dt{
		display: block;
		
		margin: 0 0 1%;
		padding: 0 0 0 2%;

		font-size: 1.4rem;
		font-weight: bold;
		
		line-height: 120%;

		border-left: 6px solid #000;	
}

#contents .choose_list li dl > dd dl dd{
		font-size: 1.2rem;	
}



/* detail_table 
#contents .detail_table{
		margin: 0 auto;
		
		width: 960px;
	
		border-collapse: collapse;
		border: 0;
}

#contents .detail_table tr{
}

#contents .detail_table th,
#contents .detail_table td{
		padding: 20px 30px;	
		
		border: 2px solid #CCC;
}

#contents .detail_table th{
		width: 200px;
		
		text-align: left;
		vertical-align: top;
		
		background: #DDD;
}
#contents .detail_table td{
		line-height: 200%;	
}
#contents .detail_table td span{
		display: block;	
		
		margin: 0 0 10px;
}*/


/* contact_box */

#contents .contact_box{
		margin: 8% 0 15%;
	
		text-align: center;	
}
#contents .contact_box a{
		display: inline-block;

		padding: 5%;
		
		width: 75%;
		
		font-size: 2rem;
}


/* SNS*/
#footer .footer_inner ul.sns{
	position: absolute;
    top: -43px;
    right: 43px;
	
	float: right;
}

#footer .footer_inner ul.sns li a img.line{
	width: 86px;
}
#footer .footer_inner ul.sns li a img.line:hover{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}

#footer .footer_inner ul.sns li{
	float: left;
    margin-right: 15px;
}


#footer .footer_inner ul.sns:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#footer .footer_inner{
	position: relative;
}


/* sns */

#footer .footer_inner ul.sns li .pc_mode{
	display: none;
}

#footer .footer_inner ul.sns li.sp{
    width: 77%;
    position: absolute;
    right: 104%;	
}

}


@media print{
#wrapper{
		padding: 0;	
}

#header,
.bx-wrapper,
#contents .edit_zone,
#contents .contact_box,
#contents .choose_list li dl > dd.print_btn,
#footer{
		display: none;	
}
#contents .edit_zone.type08{
		display: block;
}

}