@charset "UTF-8";


/******************************************************

 body
 
******************************************************/

#head{
}

.img_auto{
	width:100%;
	height:auto;
}

.bordertxt{
	font-weight:bold;
	font-size:105%;
}

.captiontxt{
	font-size:80%;
}

.acc_middle_txt{
	text-align:center;
	padding-bottom:20px;
}

.bordertop{
	border-top:1px solid #fff;
	padding-top:35px;
}

.bordertop2{
	border-top:1px solid #ddd;
	padding-top:35px;
}


/******************************************************

 main
 
******************************************************/


.main{
	width:100%;
	position:relative;
	overflow:hidden;
}
.main_bg{
	position:absolute;
	z-index:0;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.main_contents{
	position:relative;
	z-index:10;
	margin:auto;
	max-width:1100px;
	width:90%;
	text-align:center;
	padding:400px 0px 70px 0px;
}
.maintitle{
	padding-bottom:40px;
}
.main_contents p{
	color:#fff;
	font-size:120%;
}

@media screen and (max-width: 600px){
.main_contents{
	padding:200px 0px 50px 0px;
}
.maintitle{
	padding-bottom:20px;
}
.maintitle img{
	height:30px;
	width: auto;
}
}

@media screen and (max-width: 500px){
.main_contents{
	padding:150px 0px 30px 0px;
}
.maintitle img{
	height:25px;
}
}



/******************************************************

 maintxt
 
******************************************************/

.maintxt img{
	margin-bottom:15px;
}

.maintxt {
	margin-bottom:20px;
}

@media screen and (max-width: 600px){
.maintxt img{
	height:20px;
	width:auto;
}
}



/******************************************************

 loop_box
 
******************************************************/

.loop_box {
	margin-bottom:5%;
}

.loop_box li{
	margin:0px 5px;
}

@media screen and (max-width: 600px){
.loop_box{
	height:110px;
}
.loop_box li img{
	width:170px;
	height:110px;
}
}


/******************************************************

 maintxtbox
 
******************************************************/


.maintxtbox{
	margin:auto;
	width:90%;
	max-width:1100px;
	padding:5% 0px;
	text-align:center;
}

@media screen and (max-width: 600px){
.maintxtbox{
	padding:8% 0px;
}
}




/******************************************************

  section
 
******************************************************/


.section{
	width:100%;
	position:relative;
	overflow:hidden;
	border-top:1px solid #fff;
}

.section_bg{
	position:absolute;
	z-index:0;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.section_contents{
	position:relative;
	overflow:hidden;
	z-index:10;
	margin:auto;
	max-width:1100px;
	width:90%;
	padding:70px 0px 140px;
}

.midashi_txt img{
	margin-bottom:30px;
	width:100%;
	height:auto;
	max-width:400px;
}

.section_body{
	max-width:400px;
}

.se02 .section_body,
.se04 .section_body,
.se06 .section_body,
.se08 .section_body{
	float:right;
}

.se03_main_bana{
	position:absolute;
	right:40px;
	bottom:40px;
	z-index:20;
}

@media screen and (max-width: 960px){
.se03_main_bana img{
	height:50px;
	width:auto;
}
}

@media screen and (max-width: 800px){
.section_bg{
	position:relative;
	height:200px;
}
.section_contents,
.section_body{
	position:relative;
	z-index:0;
	max-width:800px;
	width:90%;
}
.section_body{
	float:none !important;
	width:100%;
}
.section_contents{
	width:90%;
	padding:30px 0px 140px;
}
.sebg01,
.sebg03,
.sebg05,
.sebg07{
	width:180%;
	margin-left:-80%;
}
.sebg02,
.sebg04,
.sebg06,
.sebg08{
	width:180%;
	margin-right:-80%;
}
.se03_main_bana{
	right:40px;
	top:40px;
	bottom:none;
}
}


@media screen and (max-width: 600px){
.section_contents{
	padding:30px 0px 110px;
}
.se03_main_bana{
	right:25px;
	top:25px;
	bottom:none;
}
.se03_main_bana img{
	height:30px;
	width:auto;
}
}




.se01{ 	background:#e5e5e5; }
.se02{ 	background:#dce9f3; }
.se03{ 	background:#e5dfdb; }
.se04{ 	background:#cfe5eb; }
.se05{ 	background:#e1e3dc; }
.se06{ 	background:#d2dae2; }
.se07{ 	background:#ffffff; }
.se08{ 	background:#e5e5e1; }





/******************************************************

 accordion
 
******************************************************/

.displayNone {
    display: none;
}
.accordion {
}
.switch img{
	margin-right:80px;
}
.se02 .switch,
.se04 .switch,
.se06 .switch,
.se08 .switch {
	text-align:right;
}
.open {
    text-decoration: underline;
}
.switch{
	margin:auto;
	margin-top:-110px;
	margin-bottom:70px;
	position:relative;
	z-index:100;
	width:90%;
	max-width:1100px;
}
.switch img,
.close img{
	cursor:pointer;
}
.accordion{
	margin:auto;
	width:100%;
}
.acc_body{
	padding:10px 0px 60px;
}
.acc_section,
.close{
	width:90%;
	margin:auto;
	max-width:1100px;
	margin-top:30px;
}
.close {
	text-align:center;
}
.acc_title{
	text-align:center;
	margin-top:30px;
	padding-bottom:20px;
}
.acc_title img{
	margin-bottom:15px;
}
.acc_delta{
	text-align:center;
	border-top:1px solid #fff;
}
.acc_delta.gray{
	text-align:center;
	border-top:1px solid #ddd;
}

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

.switch{
	text-align:center!important;
	margin-top:-90px;
	margin-bottom:50px;
}
.switch img{
	margin-right:0px;
}

}

@media screen and (max-width: 600px){
.switch{
	margin-top:-80px;
	margin-bottom:40px;
}
.acc_title{
	margin-top:30px;
}
.acc_title img{
	height:25px;
	width: auto;
}
}

@media screen and (max-width: 500px){
.switch{
	margin-top:-80px;
	margin-bottom:50px;
}
.switch img,
.close img{
	height:30px;
	width:auto;
}
.acc_section{
	margin-top:0px;
}
.close{
	margin-top:30px;
}
}


/******************************************************

 accordion01
 
******************************************************/

.acc_se01{
	overflow:hidden;
}
.acc_se01_left{
	float:left;
	width:45.454545454%;
	margin-top:20px;
}
.acc_se01_right{
	float:right;
	width:50%;
	margin-top:20px;
}
.acc01_img01{
	text-align:center;
	margin-top:30px;
}
.acc01_img01 img{
	max-width:500px;
}

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

.acc_se01_left,
.acc_se01_right{
	float:none;
	width:100%;
}
.acc_se01_left {
	margin-top:0px;
}
.acc_se01_right {
	margin-top:40px;
}

}




/******************************************************

 accordion02
 
******************************************************/

.acc02_img01{
	text-align:center;
	margin-top:30px;
}
.acc02_img01.sp img{
	max-width:530px;
}
.acc02_img01.sp{
	display:none;
}

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

.acc02_img01.pc{
	display:none;
}
.acc02_img01.sp{
	display:block;
}

}

.acc02_colum{
	border:1px solid #bcd4c6;
	background:#fff;
	padding:34px 34px 34px 59px;
	margin-top:40px;
	text-align:center;
}
.acc02_colum h5{
	padding-bottom:10px;
}
.acc02_colum h5 img{
	margin-bottom:15px;
}
.acc02_colum ul{
	overflow:hidden;
}
.li_left {
	float:left;
	width:46.268656716%;
	padding-top:15px;
}
.li_right {
	float:right;
	width:46.268656716%;
	padding-top:15px;
}
.li_left img,
.li_right img{
	max-width:465px;
}

@media screen and (max-width:800px){
.acc02_colum{
	padding:34px 4px 34px 29px;
}
}

@media screen and (max-width:600px){
.acc02_colum h5 img{
	margin-bottom:10px;
	height:16px;
	width:auto;
}
.acc02_colum{
	padding:30px 24px 30px 24px;
}
.li_left,
.li_right {
	float:none;
	width:100%;
}
}






/******************************************************

 accordion03
 
******************************************************/
.acc_box01{
	overflow:hidden;
}
.acc03_img01{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}
.acc03_img01 img{
	max-width:380px;
}

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

.acc03_img01{
	float:none;
	margin-left:0px;
	width:100%;
	display:block;
	text-align:center;
}

}

.acc03_img02{
	text-align:center;
	margin-top:10px;
}
.acc03_img02.sp img{
	max-width:450px;
}
.acc03_img02.sp{
	display:none;
}

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

.acc03_img02.pc{
	display:none;
}
.acc03_img02.sp{
	display:block;
	margin-top:30px;
}

}




/******************************************************

 selecttab
 
******************************************************/

.selecttab_body{
	width:100%;
	background:#fff;
}

.hides {display:none;}

.selecttab_body li{
}


/******************************************************

 tab
 
******************************************************/

.tab{
	text-align:center;
	padding-top:50px;
	padding-bottom:10px;
	padding-left:1.909090909%;
	padding-right:1.909090909%;
}
.tab li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	cursor:pointer;
	width:18.909090909%;
	margin: 0px 0.363636363%;
}
.tab li img{
	opacity:0.45;
	width:100%;
	height:auto;
	max-width:208px;
}

.tab li.select img,.tab li img:hover{	opacity:1; }



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

.tab li{
	width:31.3333333333%;
	margin: 0px 1%;
	margin-bottom:10px;
}

}

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

.tab li{
	width:47%;
	margin: 0px 1.5%;
}

}











.panelbox{
	padding:30px;
}
.panelbox table{
	width:100%;
}
.panelbox table th{
	vertical-align:top;
	width:36.538461538%;
}
.panel_txt_box{
	padding-left:40px;
}
.panel_txt_box.panel_txt_wide{
	padding-top:40px;
	padding-right:40px;	
}
.panel_main img{
	width:100%;
	height:auto;
	max-width:380px;
}
.panel_title img{
	margin-bottom:10px;
	margin-right:25px;
}
.panel_txt{
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
}

.dpanel_img_box{
	margin-top:30px;
}
.dpanel_img_box .images{
	text-align:center;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	width:49.807692307%;
	margin-bottom:4px;
}
.dpanel_img_box .images img{
	width:100%;
	height:auto;
	max-width:518px;
}
.dpanel_img_box .images.listimg02{
	margin-left:0.384615384%;
}


.panel03_bottom_box{
	overflow:hidden;
}
.pa03_box_left{
	float:left;
	width:70.192307692%;
}
.pa03_box_right{
	float:right;
	width:24.711538461%;
	text-align:center;
	padding-top:40px;
}
.pa03_box_right img{
	width:100%;
	height:auto;
	max-width:257px;
}





.dpanel05_main img{
	width:100%;
	height:auto;
	max-width:1040px;
}
.panel_txt_box05{
	padding:30px;
	background:#000;
}
.panel_txt_box05 h4,
.panel_txt_box05 h5,
.panel_txt_box05 p{
	text-align:center;
	color:#fff;
}

.panel_txt_box05 .panel_title img{
	margin-left:10px;
	margin-right:10px;
}
.panel_txt_box05 p{
	padding-bottom:25px;
}
.dpanel_img_box05{
}
.dpanel_img_box05 .images{
	text-align:center;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	width:49.795918367%;
	margin-bottom:10px;
}
.dpanel_img_box05 .images img{
	width:100%;
	height:auto;
	max-width:488px;
}
.dpanel_img_box05 .images.listimg02{
	margin-left:0.408163265%;
}



@media screen and (max-width: 800px){
.pa03_box_left{
	float:none;
	width:100%;
}
.pa03_box_right{
	float:none;
	width:100%;
}
}

@media screen and (max-width: 600px){
.panelbox table th,
.panelbox table td{
	width:100%;
	display:block;
}
.panelbox table th {
	text-align:center;
	padding-bottom:40px;
}
.panel_txt_box,
.panel_txt_box.panel_txt_wide{
	padding-left:15px;
	padding-right:15px;
}
.panel_title img{
	height:24px;
	width:auto;
	margin-right:20px;
}
.pa03_box_right{
	padding-top:25px;
}
.panel_txt_box05{
	padding:15px;
}
.dpanel_img_box05 .images{
	width:100%;
	margin-bottom:10px;
}
.dpanel_img_box05 .images.listimg02{
	margin-left:0%;
}

}

@media screen and (max-width: 400px){
.panelbox{
	padding:15px;
}
}





@media screen and (max-width: 600px){
.dpanel_img_box .images{
	width:100%;
}
.dpanel_img_box .images.listimg02{
	margin-left:0%;
}

}














.tab01box,
.tab02box,
.tab03box{
	overflow:hidden;
}
.tab01box{
	padding:45px 45px 45px 50px;
}
.tab02box{
	padding:30px 30px 30px 50px;
}
.tab03box{
	padding:30px 30px 30px 50px;
	background:#000;
}
.tab03box p{
	color:#c59ac5;
}
.selecttab_body .tab_left{
	float:left;
}
.selecttab_body .tab_right{
	float:right;
	text-align:center;
}
.tab01box .tab_left{
	width:31.343283582%;
}
.tab01box .tab_right{
	width:64.676616915%;
}
.tab02box .tab_left{
	width:30.882352941%;
}
.tab02box .tab_right{
	width:65.196078431%;
}
.tab03box .tab_left{
	width:30.882352941%;
}
.tab03box .tab_right{
	width:66.176470588%;
}


.selecttab_body h4{
	font-size:150%;
	margin-bottom:20px;
	line-height:200%;
}
.tab01box h4{
	color:#3389ca;
}
.tab02box h4{
	color:#e4007f;
}

.selecttab_body .pc{
	display:block;
}
.selecttab_body .sp{
	display:none;
}

.tab01_img sp img{
	max-width:320px;
}
.tab02_img sp img{
	max-width:380px;
}
.tab03_img sp img{
	max-width:380px;
}

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

.tab01box,
.tab02box,
.tab03box{
	padding:30px;
}
.selecttab_body .tab_left{
	float:none;
	width:100% !important;
}
.selecttab_body .tab_right{
	float:none;
	width:100% !important;
	margin-top:30px;
}
.tab01box .tab_left,
.tab01box .tab_right,
.tab02box .tab_left,
.tab02box .tab_right,
.tab03box .tab_left,
.tab03box .tab_right{
	width:100%;
}
}


@media screen and (max-width: 500px){
.tab01box,
.tab02box,
.tab03box{
	padding:20px;
}
.selecttab_body .pc{
	display:none;
}
.selecttab_body .sp{
	display:block;
}

}


/******************************************************

 accordion04
 
******************************************************/

.acc04_block{
	overflow:hidden;
}

.acc04_left{
	float:left;
	width:30.909090909%;
	background:#fff;
	margin-bottom:20px;
}
.acc04_right{
	float:right;
	width:64.545454545%;
	background:#fff;
	margin-bottom:20px;
}
.acc04_left .acc04_contents{
	border-right:1px solid #fff;
	padding-right:49px;
}
.acc04_right .acc04_contents{
	padding-left:50px;
}
.acc04_img{
	text-align:center;
	padding:30px 0px 15px 0px;
}
.acc04_img img{
	max-width:500px;
}



.acc04_material{
	padding:20px;
	overflow:hidden;
}
.acc04_title{
	text-align:center;
	padding-bottom:15px;
	border-bottom:1px solid;
	margin-bottom:25px;
}
.acc04_title.title04_left{
	border-bottom-color:#2e61b5;
}
.acc04_title.title04_right{
	border-bottom-color:#20aeac;
}
.acc04_cap{
	font-size:10px;
	line-height:15px;
	text-align:center;
	padding:0px 20px;
}
.acc04_img{
	text-align:center;
	padding:0px 20px 15px 20px;
}
.acc04_img img{
	width:100%;
	height:auto;
	max-width:250px;
}
.acc04_btn01{
	text-align:center;
	padding:20px 20px 30px 20px;
	border-top:1px dotted #ccc;
	margin-top:15px;
}
.acc04_btn02{
	text-align:center;
	padding:20px 20px 0px 20px;
}
.acc04_btn01 img,
.acc04_btn02 img{
	width:100%;
	height:auto;
	max-width:230px;
}
.acc04_minbox_left{
	float:left;
	width:50%;
	box-sizing:border-box;
	border-right:1px solid #20aeac;
	margin-bottom:10px;
}
.acc04_minbox_right{
	float:right;
	width:50%;
}




@media screen and (max-width: 600px){
.acc04_left,
.acc04_right{
	float:none;
	width:100%;
}
.acc04_title img{
	height:22px;
	width:auto;
}
.acc04_left .acc04_contents{
	border-right:none;
	padding-right:0px;
}
.acc04_right .acc04_contents{
	padding-left:0px;
}

.acc04_right{
	border-top:1px solid #fff;
	margin-top:40px;
}
}

@media screen and (max-width: 400px){
.acc04_minbox_left{
	float:none;
	width:100%;
	border-right:none;
	border-bottom:1px solid #20aeac;
	padding-bottom:30px;
}
.acc04_minbox_right{
	float:none;
	width:100%;
	margin-top:20px;
}
}





.sec04_table_title{
	padding:15px 20px;
	background:#f0fceb;
	font-weight:bold;
	margin-bottom:20px;
	border-left:2px solid #9dd18b;
	margin-top:10px;
}
.sec04_table01{
	max-width:760px;
	padding-bottom:30px;
}
.sec04_table01 table{
	width:100%;
	border-bottom:1px solid #9dd18b;
	border-right:1px solid #9dd18b;
}
.sec04_table01 tr th,
.sec04_table01 tr td{
	font-size:12px;
	line-height:24px;
	padding:10px;
	text-align:left;
	border-left:1px solid #9dd18b;
	border-top:1px solid #9dd18b;
	vertical-align:top;
}
.sec04_table01 tr th{
	font-weight:bold;
	white-space:nowrap;
	background:#f0fceb;
}
.sec04_table01 tr td{
	vertical-align:middle;
	background:#fff;
}


.sec04_table_title2{
	padding:15px 20px;
	background:#ebf2fc;
	font-weight:bold;
	margin-bottom:20px;
	border-left:2px solid #71a4d3;
	margin-top:10px;
}
.sec04_table02{
	max-width:760px;
	padding-bottom:30px;
}
.sec04_table02 table{
	width:100%;
	border-bottom:1px solid #71a4d3;
	border-right:1px solid #71a4d3;
}
.sec04_table02 tr th,
.sec04_table02 tr td{
	font-size:12px;
	line-height:24px;
	padding:10px;
	text-align:left;
	border-left:1px solid #71a4d3;
	border-top:1px solid #71a4d3;
	vertical-align:top;
}
.sec04_table02 tr th{
	font-weight:bold;
	white-space:nowrap;
	background:#ebf2fc;
}
.sec04_table02 tr td{
	vertical-align:middle;
	background:#fff;
}





@media screen and (max-width: 480px){
	
.sec04_table01 tr th,
.sec04_table01 tr td,
.sec04_table02 tr th,
.sec04_table02 tr td{
	display:block;
	width:100%; 
	padding:7px 10px;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

}






/******************************************************

 accordion05
 
******************************************************/

.acc_se05,
.acc_se05_02{
	overflow:hidden;
	padding-bottom:20px;
}
.acc_se05_left{
	float:left;
	width:45.454545454%;
	margin-top:20px;
}
.acc_se05_right{
	float:right;
	width:49.09090909%;
	margin-top:20px;
}
.acc05_img01{
	text-align:center;
	margin-top:30px;
}
.acc05_img01 img{
	max-width:500px;
}
.acc05_img06{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}
.acc05_img06 img{
	max-width:380px;
}

.acc05_img03{
	float:left;
	margin:20px 50px 20px 0px;
}
.acc05_02_box{
	margin:20px 0px;
}
.acc05_img0405{
	max-width:800px;
	width:100%;
	margin:auto;
	display:inline-block;
}
.acc05_img04,
.acc05_img05{
	display:inline-block;
	margin-top:20px;
}
.acc05_img04{
	width:40.625%;
}
.acc05_img05{
	width:59.375%;
}
.acc05_img04 img{
	max-width:325px;
}
.acc05_img05 img{
	max-width:475px;
}


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

.acc_se05_left,
.acc_se05_right{
	float:none;
	width:100%;
}
.acc_se05_left {
	margin-top:0px;
}
.acc_se05_right {
	margin-top:40px;
}
.acc05_img06{
	float:none;
	margin-left:0px;
	width:100%;
	display:block;
	text-align:center;
}
.acc05_img03{
	margin:20px 30px 20px 0px;
}
}
@media screen and (max-width: 500px){

.acc05_img03 img{
	width:180px;
	height:auto;
}

.acc05_img04{
	width:100%;
	margin-bottom:20px;
}
.acc05_img05{
	width:100%;
}

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

.acc05_img03 img{
	width:140px;
	height:auto;
}

}



/******************************************************

 accordion06
 
******************************************************/
.acc_box01{
	overflow:hidden;
}
.acc06_img01{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}
.acc06_img01 img{
	max-width:380px;
}
.acc06_img02{
	padding-bottom:20px;
	text-align:center;
}
.acc06_img02 span{
	width:50%;
	display:inline-block;
}
.acc06_img02 img{
	max-width:550px;
}


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

.acc06_img01{
	float:none;
	margin-left:0px;
	width:100%;
	display:block;
	text-align:center;
}
.acc06_img02 span{
	width:100%;
}

}



/******************************************************

 accordion07
 
******************************************************/

.acc07_img01{
	margin-top:30px;
}
.acc07_img02{
	margin-top:30px;
	padding-bottom:20px;
}
.acc07_img02 img{
	max-width:720px;
}
.acc07_img03{
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}
.acc07_img03 img{
	max-width:380px;
}



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

.acc07_img03{
	float:none;
	margin-left:0px;
	width:100%;
	display:block;
	text-align:center;
}

}


/******************************************************

 clear fix
 
******************************************************/

.conacc:after {
  display : block;
  clear : both;
  content : '';
}

.conacc{
	padding-top:0px;
} { zoom : 1; }