@charset "utf-8";
/* CSS Document */
.tab_area{
	overflow:hidden;
	display:table;
	margin:0;
	
	/*background: #6984AD;*/
	}
	

	
	
.tab_area li{
	/*Tabの装飾*/
	width:139px; width:280px; 
	height:49px; height:48px; 
	text-align:center; 
	/*border-right: 5px solid #6984AD; */
	cursor: pointer; 
	vertical-align:middle; 
	display:table-cell;  
	color:#333333;
	background-color:#ffffff;background: #D1D0D0;background-color:#4397C8; color:#fff;
	
	font-size:18px;
	border-radius: 0 15px 0 0;
	
	/*border-left:2px solid #6984AD;*/
	
	
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	
.all_area { 
	/*background:#efefef; */
	padding:10px; 
	overflow: hidden;
	}
	
.all_area div.content_area{
	/*Tabの内容を表示するエリアの装飾*/
	background:#ffffff; 
	padding:40px 10px 10px 2px;  
	}

.content_area .com{
	line-height:1.4;
	font-size:18px;
	padding-bottom:10px;
}
.content_area .stepcom{
	line-height:1.4;
	font-size:18px;
	padding-bottom:10px;
	padding-top:30px;
}
.content_area p{
	line-height:1.4;line-height:1.8;
	font-size:16px;font-size:15px;
	padding-bottom:10px;
}
.list_area li{
	padding-bottom:10px;
	line-height:1.4;
	font-size:15px;
}
.tab_area li.select{
	/*アクティブタブの装飾*/
	background-color:#ffffff; 
	background-image:none; 
	color:#333333;
	/*border-top:2px solid #e94545;*/
	}
	
.hide{display:none;
}
@media only screen and (max-width: 768px) {
	.tab_area li{
	/*Tabの装飾*/
	width:160px;
	height:49px;height:48px; 
	font-size:16px;
	}
	
}

/*tab内デザイン-----------------------------------------*/
.tab_subtitle{
	background-color:#323250;
	color:#fff;
	text-align:center;
	padding:7px 10px;
	font-size:20px;
	margin:20px 0 0;
	
}
.tabbox_com{
	margin:20px 0 20px;
	padding:30px 40px 20px;
}
@media only screen and (max-width: 768px) {
	.tabbox_com{
	margin:20px 0 20px;
	padding:30px 20px 20px;
}
}



.tabbox_com_a{
	margin:30px 0 30px;
}
/*@media only screen and (max-width: 768px) {
	.tabbox_com{
	margin:20px 0 20px;
	padding:30px 20px 20px;
}
}
*/







.tbg_brw{
	background-color:#E8E5D7;
}
.tbg_grn{
	background-color:#D7E8DC;
}
.tbg_gry{
	background-color:#E3E5EF;
}
.tbg_beige{
	background-color:#E5E0E0;
	padding:20px;
}
.tbg_line{
	border:#666 solid 1px;

}

/**/
ul.list_check{
	margin:20px 0;
}
.list_check {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.list_check > li {
    position: relative;
    padding: 0 10px 0 2.5em;
    margin: 0px; margin: 0 0 20px;
    font-size: 16px;font-size: 15px;
	line-height:1.6;
	vertical-align: middle;
}
.list_check > li::before,
.list_check > li::after {
    position: absolute;
    top: 50%;top: 10px;top: 14px;
    height: 1.5em;
    content: "";
}
.list_check > li::before {
    left: 0px;
    transform: translateY(-50%);
    width: 1em;width: 1.4em;
    border: 1px solid #707070;
	background-color:#707070;
}
.list_check > li::after {
  left: 0.2em;
  width: 10px;width: 16px;
  height: 5px;height: 8px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: translateY(-65%) rotate(-45deg);
}

.list_check > li + li {
     margin:0;margin: 0 0 20px;
}
/**/
.tabbox_com_step{
	margin:20px 0 20px;
	padding:30px 120px 80px;
}
@media only screen and (max-width: 768px) {
	.tabbox_com_step{
	margin:20px 0 20px;
	padding:30px 20px 80px;
}
}
.ya{
	 max-width:38px;
	 text-align:center;
	 margin:10px auto 10px;
}
.step{
	text-align:center;
	font-weight:bold;
	font-size:22px;
	margin-bottom:10px;
}
p.free{
	text-align:center;
	background-color:#C72020;
	padding:5px 10px;
	width:100px;
	margin:0 auto 20px;
	color:#FFF;
}
/**/
.tabbox_com_step_a{
	margin:20px auto 20px;
	/*padding:30px 120px 80px;*/
	max-width:555px;

}
@media only screen and (max-width: 768px) {
	.tabbox_com_step_a{
	margin:20px auto 20px;
	/*padding:30px 20px 80px;*/
}
}
.ya{
	 max-width:38px;
	 text-align:center;
	 margin:10px auto 10px;
}
.step_a{
	text-align:center;
	font-weight:bold;
	font-size:40px;
	padding:30px 20px 20px;
	
}
.step_a_ti{
	text-align:center;
	font-weight:bold;
	font-size:22px;
	padding-bottom:20px;
	
}
.step_a_sti{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:1.33;
}
.step_a_com{
	font-size:16px;
	line-height:1.6;
	padding:30px 40px 40px;
}
.step_a_bcom{
	font-size:16px;
	padding:30px 20px 20px;
	text-align:center;
	line-height:1.33;
}
@media only screen and (max-width: 540px) {
	.step_a_com{
	padding:30px 10px 40px;
}
.step_a_bcom{
	padding:30px 10px 20px;
}
}