@charset "utf-8";
/* CSS Document */

.C_Top{
	width:100%;	
}


.Title{
	background:#00a0e9;
	padding:20px 0;
	margin-top:-4px;
}
.Title h2{
	color:#FFF;
	font-size:24px;
	width:94%;
	max-width:1000px;
	margin:auto;
}

.Merit{
	width:100%;
}
.Merit li{
	margin:15px 0;
	color:#444;
	text-indent:-18px;
	padding-left:20px;
	line-height:165%;
}
.Merit li::before{
	content:"●";
}


.Merittx{
	margin:10px auto;
}
.Merittx section{
	margin-bottom:20px;
}
.Merittx h3{
	font-size:22px;
	/*color:#1F4272;*/
	color:#333;
	padding:15px 0;
	/*background:#ADD1E8;*/
	background:#DDD;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
.Merittx h3::after{
	content:"＋";
	font-size:20px;
	font-weight: bold;
	position:absolute;
	top:17px;
	right:20px;
}
.Merittx h3.open::after{
	content:"－";
}
.Merittx p{
	/*background:#F3F3F3;*/
	background:#FFF;
	font-size:16px;
	line-height:165%;
	margin-bottom:60px;
	padding:20px;
	display:none;
}









.select_img{
	width:100%;
	overflow:hidden;
}
.select_img a{
	width:20%;
	height:120px;
	margin:10px 2.5%;
	float:left;
	overflow:hidden;
	background:#F4F4F4;
}
.select_img a img{
	width:100%;
}




.Twoul{
	width:100%;
	overflow: hidden;
}
.Twoul li{
	width:48%;
	font-size:16px;
	float:left;
	color:#454545;
	margin-bottom:20px;
	text-indent:-18px;
	padding-left:20px;
	line-height:165%;
}
.Twoul li::before{
	content:"●";
}




.sancon{
	width:100%;
	overflow:hidden;
}
.sancon li{
	width:30%;
	margin:0 1.66666666%;
	float:left;
	font-size:13px;
	line-height:165%;
}
.sancon li span{
	margin-bottom:10px;
	width:100%;
	display:block;
	text-align: center;
	background:#DEDEDE;
	padding:8px;
	font-size:16px;
}
.sancon li a{
	width:100%;
	display:block;
	margin-top:10px;
}
.sancon li a img{
	width:100%;
	display:block;
}




.Trust_link{
	width:100%;
	overflow:hidden;
}
.Trust_link li{
	width:33.33333333%;
	float:left;
	margin-bottom:15px;
}
.Trust_link li a{
	width:92%;
	display:block;
	margin:auto;
	background:#e6e6e6;
	text-align:center;
	padding:20px 0;
	font-size:12px;
	text-decoration:none;
	color:#333;
	transition:all 0.5s;
}
.Trust_link li a:hover{
	opacity:0.65;
}
.Trust_link li a span{
	font-size:18px;
	font-weight:bold;
	display:block;
	margin-top:10px;
	letter-spacing:0;
}
.Trust_link li a span.o{
	color:#ea5514; text-shadow:1px 0 0 #ea5514,0 1px 0 #ea5514;
}
.Trust_link li a span.r{
	color:#e60012; text-shadow:1px 0 0 #e60012,0 1px 0 #e60012;
}
.Trust_link li a span.b{
	color:#00a0e9; text-shadow:1px 0 0 #00a0e9,0 1px 0 #00a0e9;
}
.Trust_link li a span.g{
	color:#22ac38; text-shadow:1px 0 0 #22ac38,0 1px 0 #22ac38;
}


.output{
	overflow:hidden;
}
.output p{
	float:left;
	width:60%;
}
.output img{
	float:right;
	margin-top:-80px;
}






.Ho_two{
	width:48%
}
.Ho_two.one{
	width:100%;
	float:none !important;
	clear:both;
	margin-top:30px;
}
.Ho_two.l{
	float:left;
}
.Ho_two.r{
	float:right;
}
.Ho_two h2{
	font-size:21px;
	background:#EAEAEA;
	color:#1887C4;
	text-align:center;
	padding:8px 0;
	margin-bottom:25px;
	text-shadow:1px 0 0 #1887C4,0 1px 0 #1887C4;
}
.Ho_two section{
	margin-bottom:40px;
}
.Ho_two h3{
	font-size:19px;
	margin-bottom:15px;
	font-weight:bold;
	text-shadow:1px 0 0 #000,0 1px 0 #000;
}
.Ho_two p{
	font-size:15px;
	margin:10px 0 ;
	text-indent:-18px;
	padding-left:20px;
}
.Ho_two p::before{
	content:"●";
}
.Ho_two span.e{
	font-size:12px;
	margin:10px 0 ;
	text-indent:-14px;
	padding-left:16px;
	display:block;
	line-height:160%;
}

/*-------------------- 
  200901フレアド追記
--------------------*/

#hyou img{
	width: 100%;
	max-width: 1000px;
}

.CTA_2 img{
	width: 450px;
}

.CTA_2{
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
}


/*-------------------- 
  200918フレアド追記
--------------------*/

.left_block{
	float: left;
	width: 470px;
}

.right_block{
	float: right;
}

.btn_blue{
	background-color: #007ac3;
	clear: both;
	margin: 0 auto;
	border-radius:5px;
	text-align: center;
	width: 370px;
	
}

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.mb70{ margin-bottom:70px; }
.mb80{ margin-bottom:80px; }
.mb90{ margin-bottom:90px; }
.mb100{ margin-bottom:100px; }
.mb120{ margin-bottom:120px; }

#example_1,#example_2,#example_3,#example_5{
	margin-top:-130px;
	padding-top:130px;
}

.SecCont .CTA_2 a,.btn_blue a{
	font-size: 16px;
	display:  block;
	color: #fff;
	width: 370px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
	transition:all 0.5s;
}

.SecCont a:hover{
	opacity:0.6;
}

.info_table{
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
}

.info_table th,.info_table td{
	padding: 20px 20px;
	border: 1px solid #999;
}

.info_table th{
	background-color: #00a0e9;
	color: #fff;
}

.info_table br{
	display: none;
}

.table_blue_space{
	background-color: #d7eef8;
	width: 5%;
}

/*-------------------- 
  width 1000px -
--------------------*/
@media screen and (max-width:1000px) {
	
	
.Merittx p{
	display:block;
}



}







/*-------------------- 
  width 640px -
--------------------*/
@media screen and (max-width:640px) {
	
	
.img-switch{
	width:100%;
}

.sancon li{
	width:90%;
	margin:20px auto;
	float:none;
}
.Trust_link li{
	width:100%;
	float:none;
	margin-bottom:15px;
}
.output{
	overflow:hidden;
}
.output p{
	float:none;
	width:100%;
}
.output img{
	float:none;
	width:70%;
	display:block;
	margin: 20px auto;
}


.Merittx h3{
	font-size:18px;
	color:#333;
	padding:15px 40px;
	background:#DDD;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
.Merittx h3::after{
	content:"＋";
	font-size:20px;
	font-weight: bold;
	position:absolute;
	top:17px;
	right:10px;
}
.Merittx h3.open::after{
	content:"－";
}
.Merittx p{
	/*background:#F3F3F3;*/
	background:#FFF;
	font-size:16px;
	line-height:165%;
	margin-bottom:60px;
	padding:20px;
	display:none;
}

.Ho_two,.Ho_two.one{
	width:100%;
	float:none !important;
	clear:both;
	margin-top:30px;
}

/*-------------------- 
  200918フレアド追記
--------------------*/

.left_block{
	float: none;
	width: 100%;
}

.right_block{
	float: none;
}

.right_block img{
	width: 100%;
}
	
.btn_blue{
	width: 70%;
	margin: 0 auto;
	border-radius:5px;
}

#example_1,#example_2,#example_3,#example_5{
	margin-top:-130px;
	padding-top:130px;
}
	
.SecCont a{
	width: 100%;
}
	
.info_table th,.info_table td{
	padding: 10px 10px;
	border: 1px solid #999;
	line-height: 1.3;
}
	
.info_table br{
	display: block;
}
	
.sp_none{
	display: none!important;
}

}