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

/* reset styles */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
	
	font-family: 'Sawarabi Gothic', sans-serif;

	/*font-family:YuMincho,'Yu Mincho',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}

/* HTML5の新要素 */
section, nav, article, aside, header, footer, 
hgroup, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	
	font-family: 'Sawarabi Gothic', sans-serif;

	/*font-family:YuMincho,'Yu Mincho',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*
	/*font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*------------------------------------------------------------------
共通スタイル
-------------------------------------------------------------------*/
html,body{
    width: 100%;
	height:100%;
}
body{
	font-size:large;	
	text-align:center;
	color:#000;
	background:#11a7ee;
	line-height:2rem;
}
.clear{
	overflow:hidden;	
}
ul{
	list-style:none;	
}
img{
    vertical-align:bottom;
	border:none;
	max-width:100%;
}
span.red{
	color:red;	
}
span.underline{
	text-decoration:underline;	
}
*:focus {
   outline:none;
}
a{
	color:#221815;
}
a:hover{
	color:#fff;
}
a:hover img{
	opacity: 0.8;	
}
/**mac用リセットCSS**/
/*input{
	-webkit-appearance: none;	
}*/
/*------------------------------------------------------------------
共通スタイルcontainer
-------------------------------------------------------------------*/
/*.container{
	width:900px;
	margin:0 auto;*/
	/* box-shadow */
	/*-moz-box-shadow:0px 0px 6px 3px #cccccc;
	-webkit-box-shadow:0px 0px 6px 3px #cccccc;	
	box-shadow:0px 0px 6px 3px #cccccc;
}
.container{
	background:url(../images/bg.png) repeat-y center top;
}*/
/*------------------------------------------------------------------
共通スタイルbox
-------------------------------------------------------------------*/
/*.box{
	min-width:1200px;
	_display: inline;
	_zoom:1;
}*/
/*------------------------------------------------------------------
共通スタイルheader
-------------------------------------------------------------------*/
header{
	background: #11a7ee;
	color: #fff;
	text-align: left;
}
header h1{
	font-size: 1rem;
	line-height: 1.8rem;
	font-weight: normal;
	padding: 0.5rem;
}
header .header_box{
	max-width: 1150px;
	margin: 0 auto;
	padding: 3rem 1rem;
	background: url("../images/main.png") no-repeat right center;
}
header .header_box .header_box_inner{
	max-width: 640px;
}
header .header_box .copy_title{
	padding-bottom: 6rem;
}
header .header_box .copy_title div:first-of-type{
	font-size: 2.5rem;
	letter-spacing: 3px;
	padding: 1rem 0 1rem;
}
header .header_box .copy_title div:nth-of-type(2){
	font-size: 1.4rem;
	letter-spacing: 2px;
	color: #fefb00;
}
header .header_box .copy_title h2{
	font-size: 5.5rem;
	font-weight: normal;
	line-height: 5rem;
	letter-spacing: 8px;
	padding: 1rem 0 2rem;
}
header .header_box .copy_title div:last-of-type{
	font-size: 3.8rem;
	line-height: 4rem;
	letter-spacing: 3px;
	color: #fefb00;
}

.btn_group{
	max-width: 540px;
	padding-left: 1rem;
}
.btn a,
.btn span{
	display: block;
	border-radius: 100px;
	text-align: center;
}
.btn_yellow a{
	background:#fefb00;
	text-decoration: none;
}
.btn_yellow a:hover{
	background: #FFF855;
	color: #000;
}
.btn_white span{
	background:#fff;
	color: #000;
}
header .header_box .header_box_inner .btn_yellow a{
	font-size: 1.8rem;
	letter-spacing: 1px;
	margin: 0 auto 1.5rem;
	padding: 1rem 1rem;
}
header .header_box .header_box_inner .btn_white span{
	max-width: 230px;
	margin: 0 auto;
	padding: 0.2rem 1rem;
}
@media screen and (max-width:990px){
	header .header_box{
		background: url("../images/main.png") no-repeat right center;
		background-size: 500px;
	}
}
@media screen and (max-width:880px){
	header .header_box{
		background: url("../images/main.png") no-repeat right center;
		background-size: 400px;
	}
}
@media screen and (max-width:780px){
	header .header_box{
		background: url("../images/main.png") no-repeat center 20rem;
		background-size: 500px;
	}
	header .header_box .copy_title{
		padding-bottom: 18rem;
	}
}
@media screen and (max-width:670px){
	.btn_group{
		padding-left: 0rem;
	}
}
@media screen and (max-width:620px){
	header .header_box{
		background: url("../images/main.png") no-repeat center 18rem;
		background-size: 400px;
	}
	header .header_box .copy_title{
		padding-bottom: 15rem;
	}
	header .header_box .copy_title div:first-of-type{
		font-size: 2rem;
		line-height: 2rem;
	}
	header .header_box .copy_title div:nth-of-type(2){
		font-size: 1.2rem;
		line-height: 1.8rem;
		letter-spacing: 2px;
	}
	header .header_box .copy_title h2{
		font-size: 4.5rem;
		line-height: 4rem;
		letter-spacing: 8px;
	}
	header .header_box .copy_title div:last-of-type{
		font-size: 2.5rem;
		line-height: 3rem;
	}
	header .header_box .header_box_inner .btn_yellow a{
		font-size: 1.4rem;
		letter-spacing: 1px;
	}

}
@media screen and (max-width:590px){
	header .header_box{
		background: url("../images/main_sp.png") no-repeat center 20rem;
		background-size: 400px;
	}
	header .header_box .copy_title{
		padding-bottom: 15rem;
	}
}
@media screen and (max-width:515px){
	header .header_box{
		background: url("../images/main_sp.png") no-repeat center 25rem;
		background-size: 400px;
	}
	header .header_box .copy_title{
		padding-bottom: 15rem;
	}
}
@media screen and (max-width:419px){
	header .header_box{
		background: url("../images/main_sp.png") no-repeat center 26rem;
		background-size: 300px;
	}
	header .header_box .copy_title{
		padding-bottom: 8rem;
	}
}
@media screen and (max-width:390px){
	header .header_box .header_box_inner .btn_yellow a{
		font-size: 1.2rem;
		letter-spacing: 0;
	}
}
@media screen and (max-width:360px){
	header .header_box .copy_title div:first-of-type{
		font-size: 1.8rem;
		line-height: 2rem;
	}
	header .header_box .copy_title div:nth-of-type(2){
		font-size: 1.2rem;
		line-height: 1.8rem;
		letter-spacing: 2px;
	}
	header .header_box .copy_title h2{
		font-size: 4rem;
		line-height: 4rem;
		letter-spacing: 8px;
	}
	header .header_box .copy_title div:last-of-type{
		font-size: 2rem;
		line-height: 2.5rem;
	}
}

#thankyou{
	background: #11a7ee;
	color: #fff;
	position: relative;
}
.thankyou_box a{
	font-size: 1.2rem;
	letter-spacing: 1px;
	margin: 0 auto 5rem;
	padding: 1rem 1rem;
}
.thankyou_box p{
	max-width: 600px;
	margin: 0 auto;
	padding: 5rem 1rem 3rem;
}
.thankyou_box .btn_yellow{
	max-width: 300px;
	margin: 0 auto;
	padding: 0 1rem;
}



/*------------------------------------------------------------------
共通スタイルbox_01 
-------------------------------------------------------------------*/
.box_01{
	background: #11a7ee;
	color: #fff;
}
.box_01 ul{
	max-width: 1150px;
	margin: 0 auto;
	padding: 3rem 1rem 5rem;
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_01 ul li{
	width: 49%;
	margin-bottom: 2rem;
}
@media screen and (max-width:550px){
	.box_01 ul li{
		width: 100%;
	}
}
figure {
	position: relative;
	overflow: hidden;
	width: 100%;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	border-radius: 6px;
}
figure:hover figcaption {
	opacity: 1;
}
figcaption div{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}
.box_01 a{
	color: #fff;
	text-decoration: none;
}
.box_01 a div.zoom{
	padding-top: 0.5rem;
}
/*------------------------------------------------------------------
共通スタイルbox_02
-------------------------------------------------------------------*/
.box_02{
	background: #3fb4ea;
	color: #fff;
}
.box_02 .box_inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 5rem 1rem 3rem;
}
.box_02 .box_inner h1{
	font-size: 2rem;
	line-height: 2rem;
	font-weight: normal;
	padding-bottom: 5rem;
}
.box_02 .box_inner .box_wrap{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_02 .box_inner .box_wrap dl{
	width: 24%;
	background: #0093d8;
	border-radius: 6px;
	padding: 2rem 1rem 1rem;
	margin-bottom: 2rem;
}
.box_02 .box_inner .box_wrap dl dd{
	text-align: left;
	font-size: 1rem;
	line-height: 1.6rem;
}
@media screen and (max-width:780px){
	.box_02 .box_inner .box_wrap dl{
		width: 48%;
	}
}
@media screen and (max-width:620px){
	.box_02 .box_inner h1{
		font-size: 1.8rem;
	}
}
@media screen and (max-width:380px){
	.box_02 .box_inner .box_wrap dl{
		width: 100%;
	}
}

/*------------------------------------------------------------------
共通スタイルbox_03
-------------------------------------------------------------------*/
.box_03{
	background: #0093d8;
	color: #fff;
}
.box_03 .box_inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 5rem 1rem 3rem;
}
.box_03 .box_inner h1{
	font-size: 3rem;
	line-height: 4rem;
	letter-spacing: 3px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_03 .box_inner h2{
	font-size: 2rem;
	line-height: 2rem;
	letter-spacing: 3px;
	font-weight: normal;
	padding-bottom: 3rem;
	color: #fefb00;
}
.box_03 .box_inner .box_wrap{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_03 .box_inner .box_wrap dl{
	max-width: 48%;
	background: #44b6ec;
	border-radius: 6px;
	padding: 2rem 1rem 1rem;
	margin-bottom: 2rem;
}
.box_03 .box_inner .box_wrap dl dt span{
	display: block;
	font-size: 1.4rem;
	color: #fefb00;
}
@media screen and (max-width:620px){
	.box_03 .box_inner h1{
		font-size: 2rem;
		line-height: 2.6rem;
	}
	.box_03 .box_inner h2{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:560px){
	.box_03 .box_inner .box_wrap dl{
		max-width: 100%;
	}
}
@media screen and (max-width:360px){
	.box_03 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.box_03 .box_inner h2{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
}
/*------------------------------------------------------------------
共通スタイルbox_04
-------------------------------------------------------------------*/
.box_04{
	background: #0093d8;
	color: #fff;
}
.box_04 .box_inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 5rem 1rem 3rem;
}
.box_04 .box_inner h1{
	font-size: 3rem;
	line-height: 4rem;
	letter-spacing: 3px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_04 .box_inner .box_wrap ul{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_04 .box_inner .box_wrap ul li{
	max-width: 32%;
	padding-bottom: 2rem;
	margin: 0 auto;
}
@media screen and (max-width:720px){
	.box_04 .box_inner .box_wrap ul li{
		max-width: 48%;
	}
}
@media screen and (max-width:620px){
	.box_04 .box_inner h1{
		font-size: 2rem;
		line-height: 2.6rem;
		
	}
}
@media screen and (max-width:480px){
	.box_04 .box_inner .box_wrap ul li{
		max-width: 100%;
	}
}

@media screen and (max-width:360px){
	.box_04 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
/*------------------------------------------------------------------
共通スタイルbox_05
-------------------------------------------------------------------*/
.box_05{
	background: #0f9ddf;
}
.box_05 .box_inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 6rem 1rem 3rem;
}
.box_05 .box_inner .box_bgwhite{
	background: #fff;
	border-radius: 6px;
	padding: 5rem 5rem 3rem;
}
.box_05 .box_inner .box_bgwhite h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_05 .box_inner .box_wrap{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_05 .box_inner .box_wrap div{
	width: 30%;
	order: 2;
}
.box_05 .box_inner .box_wrap p{
	width: 65%;
	text-align: left;
	order: 1;
}
@media screen and (max-width:920px){
	.box_05 .box_inner .box_bgwhite{
		padding: 3rem 2.5rem 3rem;
	}
}
@media screen and (max-width:670px){
	.box_05 .box_inner .box_wrap{
		display: block;
	}
	.box_05 .box_inner .box_wrap div{
		width: 60%;
		order: 1;
		margin: 0 auto;
		padding-bottom: 2rem;
	}
	.box_05 .box_inner .box_wrap p{
		width: 100%;
		order: 2;
	}
}
@media screen and (max-width:620px){
	.box_05 .box_inner .box_bgwhite h1{
		font-size: 1.6rem;
		line-height: 2rem;
		
	}
}
@media screen and (max-width:440px){
	.box_05 .box_inner .box_wrap div{
		width: 80%;
	}
}
@media screen and (max-width:370px){
	.box_05 .box_inner .box_bgwhite{
		padding: 3rem 1rem 3rem;
	}
}
@media screen and (max-width:360px){
	.box_05 .box_inner .box_bgwhite h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

/*------------------------------------------------------------------
共通スタイルbox_06
-------------------------------------------------------------------*/
.box_06{
	background: #3fb4ea;
	color: #fff;
}
.box_06 .box_inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 5rem 1rem 3rem;
}
.box_06 .box_inner:nth-of-type(2){
	padding: 0 1rem 3rem;
}
.box_06 .box_inner:nth-of-type(3){
	padding: 0 1rem 5rem;
}
.box_06 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 2rem;
}
.box_06 .box_inner .box_wrap{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_06 .box_inner .box_wrap div:first-of-type{
	width: 30%;
	order: 1;
	padding-bottom: 2rem;
}
.box_06 .box_inner .box_wrap div:last-of-type{
	width: 65%;
	text-align: left;
	order: 2;
}
@media screen and (max-width:670px){
	.box_06 .box_inner .box_wrap{
		display: block;
	}
	.box_06 .box_inner .box_wrap div:first-of-type{
		width: 100%;	
	}
	.box_06 .box_inner .box_wrap div:last-of-type{
		width: 100%;	
	}
}
@media screen and (max-width:620px){
	.box_06 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}


@media screen and (max-width:360px){
	.box_06 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

/*------------------------------------------------------------------
共通スタイルbox_07
-------------------------------------------------------------------*/
.box_07{
	background: #0f9ddf;
	color: #fff;
}
.box_07 .box_inner{
	max-width: 700px;
	margin: 0 auto;
	padding: 5rem 1rem 2rem;
}
.box_07 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_07 .box_inner .box_wrap dl{
	padding-bottom: 2rem;
}
.box_07 .box_inner .box_wrap dl dt{
	background: #e1e1e1;
	color: #1a4e9c;
	border-radius: 6px;
	padding: 1rem 2rem;
	text-align: left;
	font-size: 1rem;
}
.box_07 .box_inner .box_wrap dl dd{
	padding-top: 1rem;
}
.box_07 .box_inner .box_wrap dl dd table{
	width: 100%;
	border-collapse: collapse;
}
.box_07 .box_inner .box_wrap dl dd table tr{
	border-bottom: 1px #fff solid;
}
.box_07 .box_inner .box_wrap dl dd table tr th,
.box_07 .box_inner .box_wrap dl dd table tr td{
	font-weight: normal;
	font-size: 1rem;
}
.box_07 .box_inner .box_wrap dl dd table tr th span{
	background: #fefb00;
	border-radius: 100px;
	color: #000;
	padding: 0 0.5rem;
	font-size: 0.9rem;
}
.box_07 .box_inner .box_wrap dl dd table tr td:first-of-type{
	text-align: left;
}
.box_07 .box_inner > p{
	text-align: left;
	font-size: 0.9rem;
}
@media screen and (max-width:620px){
	.box_07 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:460px){
	.box_07 .box_inner .box_wrap dl dd table tr th:first-of-type,
	.box_07 .box_inner .box_wrap dl dd table tr td:first-of-type{
		width: 60%;
	}
}
@media screen and (max-width:380px){
	.box_07 .box_inner .box_wrap dl dd table tr th:first-of-type,
	.box_07 .box_inner .box_wrap dl dd table tr td:first-of-type{
		width: 55%;
	}
}
@media screen and (max-width:360px){
	.box_07 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

/*------------------------------------------------------------------
共通スタイルパーツ .accordion
-------------------------------------------------------------------*/
.box_07 .box_inner .box_wrap dl dd{
	display: none;
}
.box_07 .box_inner .box_wrap dl:first-of-type dd{
	display: block;
}
.box_07 .box_inner .box_wrap dl dt {
	position: relative;  /* 追加 */
	cursor: pointer;
}
/* 擬似要素で下三角形を作成 */
.box_07 .box_inner .box_wrap dl dt:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 2px solid #1a4e9c;
	border-bottom: 2px solid #1a4e9c;
	transform: translateY(50%) rotate(225deg);
	transition: .3s;
}

/* オープン時にopenクラスを付与 */
.box_07 .box_inner .box_wrap dl dt.open:after {
	transform: rotate(45deg);
}

/*------------------------------------------------------------------
共通スタイルbox_08
-------------------------------------------------------------------*/
.box_08{
	background: #0f9ddf;
	color: #fff;
}
.box_08 .box_inner{
	max-width: 700px;
	margin: 0 auto;
	padding: 3rem 1rem 2rem;
}
.box_08 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_08 .box_inner .box_wrap{
	max-width: 650px;
	margin: 0 auto;
}
.box_08 .box_inner .box_wrap h2{
	font-size: 1.2rem;
	line-height: 2rem;
	letter-spacing: 2px;
	font-weight: normal;
	background: #fff;
	border-radius: 100px;
	color: #0f9ddf;
	padding: 0.2rem 1rem;
}
.box_08 .box_inner .box_wrap ul{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
	margin: 1.5rem 0;
}
.box_08 .box_inner .box_wrap ul li{
	width: 48%;
	margin-bottom: 2rem;
}
.box_08 .box_inner .box_wrap ul:last-of-type li{
	margin-bottom: 0;
}
@media screen and (max-width:620px){
	.box_08 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:420px){
	.box_08 .box_inner .box_wrap ul{
		display: block;
	}
	.box_08 .box_inner .box_wrap ul li{
		width: 70%;	
		margin: 0 auto 2rem;
	}
}
@media screen and (max-width:380px){
	.box_08 .box_inner .box_wrap ul li{
		width: 80%;	
	}
}
@media screen and (max-width:360px){
	.box_08 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:330px){
	.box_08 .box_inner .box_wrap ul li{
		width: 90%;	
	}
}



/*------------------------------------------------------------------
共通スタイルbox_09
-------------------------------------------------------------------*/
.box_09{
	background: #0093d8;
	color: #fff;
}
.box_09 .box_inner{
	max-width: 1050px;
	margin: 0 auto;
	padding: 3rem 1rem 2rem;
}
.box_09 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_09 .box_inner .box_wrap dl{
	border: 3px #fff solid;
	border-radius: 6px;
	background: #0093d8;
	margin-bottom: 2rem;
}
.box_09 .box_inner .box_wrap dl dt{
	background: #fff83d url("../images/i_q.png") no-repeat 1rem center;
	background-size: 60px;
	color: #000;
	font-size: 1.3rem;
	line-height: 2rem;
	text-align: left;
	padding: 1.8rem 2rem 1.8rem 7rem;
}
.box_09 .box_inner .box_wrap dl dd{
	background: url("../images/i_a.png") no-repeat 1rem center;
	background-size: 60px;
	text-align: left;
	padding: 1.5rem 2rem 1.5rem 7rem;
}
@media screen and (max-width:620px){
	.box_09 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:480px){
	.box_09 .box_inner .box_wrap dl dt{
		background: #fff83d url("../images/i_q.png") no-repeat 1rem 0.8rem;
		background-size: 40px;
		font-size: 1.1rem;
		line-height: 1.6rem;
		padding: 4rem 1rem 1.2rem 1rem;
	}
	.box_09 .box_inner .box_wrap dl dd{
		background: url("../images/i_a.png") no-repeat 1rem 0.8rem;
		background-size: 40px;
		font-size: 1rem;
		line-height: 1.6rem;
		padding: 4rem 1rem 1.2rem 1rem;
	}
}
@media screen and (max-width:360px){
	.box_09 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
/*------------------------------------------------------------------
共通スタイルbox_10
-------------------------------------------------------------------*/
.box_10{
	background: #f8df0d;
	color: #000;
}
.box_10 .box_inner{
	max-width: 1050px;
	margin: 0 auto;
	padding: 3rem 1rem 2rem;
}
.box_10 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
	color: #264a9b;
}
.box_10 .box_inner .box_wrap01{
	background: #fff;
	border-radius: 6px;
	padding: 2rem 2rem;
	margin-bottom: 3rem;
}
.box_10 .box_inner .box_wrap01 h2{
	font-size: 1.6rem;
	line-height: 2rem;
	color: #264a9b;
	padding-bottom: 1rem;
	letter-spacing: 2px;
	font-weight: normal;
}
.box_10 .box_inner .box_wrap01 p{
	padding: 0 10rem;
}
.box_10 .box_inner .box_wrap01 p a{
	color: #0D74E0;
}
.box_10 .box_inner .box_wrap01 p a:hover{
	color: #1D5AAD;
}
.box_10 .box_inner .box_wrap02 h2{
	font-size: 1.6rem;
	line-height: 2rem;
	color: #264a9b;
	letter-spacing: 2px;
	font-weight: normal;
}
.box_10 .box_inner .box_wrap02 h2+p{
	font-size: 1rem;
}
.box_10 .box_inner .box_wrap02 .customer_voice{
	display: flex;
	flex-flow: row wrap;
    justify-content: space-between;
}
.box_10 .box_inner .box_wrap02 .customer_voice dl{
	width: 23.5%;
	margin-bottom: 2rem;
}
.box_10 .box_inner .box_wrap02 .customer_voice dl dd{
	text-align: left;
	font-size: 1rem;
	line-height: 1.8rem;
}
@media screen and (max-width:820px){
	.box_10 .box_inner .box_wrap01 p{
		padding: 0 5rem;
	}
}
@media screen and (max-width:780px){
	.box_10 .box_inner .box_wrap02 .customer_voice dl{
		width: 31%;
	}
}
@media screen and (max-width:720px){
	.box_10 .box_inner .box_wrap01 h2,
	.box_10 .box_inner .box_wrap02 h2{
		font-size: 1.4rem;
		line-height: 1.8rem;
		letter-spacing: 0;
	}
	.box_10 .box_inner .box_wrap01 p{
		padding: 0 2rem;
		font-size: 1rem;
		line-height: 1.6rem;
	}
}
@media screen and (max-width:660px){
	.box_10 .box_inner .box_wrap02 .customer_voice dl{
		width: 48%;
	}
}
@media screen and (max-width:620px){
	.box_10 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:480px){
	.box_10 .box_inner .box_wrap01{
		padding: 2rem 1rem;
	}
	.box_10 .box_inner .box_wrap01 p{
		padding: 0;
	}
}
@media screen and (max-width:380px){
	.box_10 .box_inner .box_wrap02 .customer_voice dl{
		width: 100%;
	}
}

/*@media screen and (max-width:360px){
	.box_10 .box_inner .box_wrap01 h2,
	.box_10 .box_inner .box_wrap02 h2{
		font-size: 1.2rem;
		line-height: 1.8rem;
		letter-spacing: 0;
	}
	.box_10 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}*/




/*------------------------------------------------------------------
共通スタイルbox_11
-------------------------------------------------------------------*/
.box_11{
	background: #0f9ddf;
	color: #fff;
}
.box_11 .box_inner{
	max-width: 850px;
	margin: 0 auto;
	padding: 5rem 1rem 5rem;
}
.box_11 .box_inner h1 span{
	display: inline-block;
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	color: #000;
	background: #fff;
	border-radius: 100px;
	padding: 0.2rem 1.5rem;
	margin-bottom: 2rem;
}
.box_11 .box_inner .box_wrap{
	border: 3px #fff solid;
	border-radius: 6px;
	padding: 2rem 2rem;
}
.box_11 .box_inner .box_wrap h2{
	font-size: 2rem;
	letter-spacing: 2px;
	line-height: 3rem;
	font-weight: normal;
	padding-bottom: 1rem;
}
.box_11 .box_inner .box_wrap h2 span:first-of-type{
	font-size: 2.5rem;
}
.box_11 .box_inner .box_wrap h2 span:last-of-type{
	display: block;
	color:#fefb00;
}
@media screen and (max-width:620px){
	.box_11 .box_inner h1 span{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.box_11 .box_inner .box_wrap{
		padding: 2rem 1rem;
	}
	.box_11 .box_inner .box_wrap h2{
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
	.box_11 .box_inner .box_wrap h2 span:first-of-type{
		font-size: 2rem;
	}
}
@media screen and (max-width:360px){
	.box_11 .box_inner h1 span{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.box_11 .box_inner .box_wrap h2{
		font-size: 1.4rem;
		line-height: 2rem;
	}
	.box_11 .box_inner .box_wrap h2 span:first-of-type{
		font-size: 1.8rem;
	}
}


/*------------------------------------------------------------------
共通スタイルbox_12
-------------------------------------------------------------------*/
.box_12{
	background: #3fb4ea;
	color: #fff;
}
.box_12 .box_inner{
	max-width: 450px;
	margin: 0 auto;
	padding: 5rem 1rem 5rem;
}
.box_12 .box_inner h1{
	font-size: 2rem;
	line-height: 3rem;
	letter-spacing: 2px;
	font-weight: normal;
	padding-bottom: 3rem;
}
.box_12 .box_inner .box_wrap{
	text-align: left;
}
.box_12 .box_inner .box_wrap dl{
	padding-bottom: 2rem;
}
/* 元々のチェックボックス（非表示） */
.box_12 .box_inner .box_wrap dl dd input[type="checkbox"]{
    display: none;
}
/* チェックボックスの代わりを成すラベル */
.box_12 .box_inner .box_wrap dl dd input[type="checkbox"]+label{
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}
/* ラベルの左に表示させる正方形のボックス□ */
.box_12 .box_inner .box_wrap dl dd input[type="checkbox"]+label::before{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 50%;
	border-radius: 6px;
    /*border: 1px solid;
    border-color:  #585753;*/ /* 枠の色変更 お好きな色を */
    background-color: #FFF; /* 背景の色変更 お好きな色を */
}
/* チェックが入った時のレ点 */
.box_12 .box_inner .box_wrap dl dd input[type="checkbox"]:checked+label::after{
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 13px;
    height: 9px;
    margin-top: -6px;
    top: 50%;
    left: 3px;
    transform: rotate(-45deg);
    border-bottom: 3px solid;
    border-left: 3px solid;
    border-color:  #264a9b; /* チェックの色変更 お好きな色を */
}
.box_12 .box_inner .box_wrap dl dd input[type="text"],
.box_12 .box_inner .box_wrap dl dd input[type="tel"],
.box_12 .box_inner .box_wrap dl dd input[type="email"],
.box_12 .box_inner .box_wrap dl dd textarea{
	border:none;
	border-radius: 8px;
	width: 100%;
	line-height: 2rem;
	padding: 0.2rem 1rem;
}
.box_12 .box_inner .box_wrap dl dd textarea{
	resize: none;
	height: 200px;
}
.box_12 .box_inner .box_wrap .submit_bt{
	text-align: center;
}
.box_12 .box_inner .box_wrap .submit_bt input[type="submit"]{
	background: #fefb00;
	color: #000;
	border: none;
	font-size:1.2rem;
	padding: 0.5rem 3rem;
	border-radius: 10px;
}
.box_12 .box_inner .box_wrap dl dt{
	padding-bottom: 0.5rem;
}
.box_12 .box_inner .box_wrap dl dt span{
	display: inline-block;
	background: #fefb00;
	color: #000;
	border-radius: 100px;
	font-size: 0.8rem;
	padding: 0 1rem;
	margin-left: 0.5rem;
	line-height: 1.3rem;
}
@media screen and (max-width:620px){
	.box_12 .box_inner h1{
		font-size: 1.6rem;
		line-height: 2rem;
	}
}
@media screen and (max-width:360px){
	.box_12 .box_inner h1{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}

.button{
  position: fixed;
  right: 0;
  bottom: 0;
  font-size: 2rem;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  transition: .3s;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}
.button .btn_yellow{
	margin-bottom: 1rem;
}
.button .btn_yellow a{
	font-size: 1.6rem;
	letter-spacing: 1px;
	padding: 1rem 5rem;
}
.button .btn_white{
	font-size: 1rem;
}
.button .btn_white span{
	max-width: 230px;
	margin: 0 auto;
	padding: 0.2rem 1rem;
}
@media screen and (max-width:950px){
	.button{
		right: 0;
		left: 0;
		bottom: 0;
		margin: 0 auto;
	}
}
@media screen and (max-width:620px){
	.button .btn_yellow a{
		font-size: 1.4rem;
		padding: 1rem 1rem;
	}
}
@media screen and (max-width:390px){
	.button .btn_yellow a{
		font-size: 1.2rem;
		letter-spacing: 0;
		padding: 1rem 1rem;
	}
}
/*------------------------------------------------------------------
共通スタイルパーツ
-------------------------------------------------------------------*/
@media screen and (max-width:768px){
	
}

/*------------------------------------------------------------------
共通スタイルbox09
-------------------------------------------------------------------*/
/*.box09 .wrap01{
	position: relative;
}
.box09 .wrap01:after{
	display: block;
	width: 303px;
	content: url(../images/box_06_01.png);
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
	
}*/

/*------------------------------------------------------------------
共通スタイルfooter
-------------------------------------------------------------------*/
footer{
	background: #20abec;
	padding: 3rem 0 9rem;
}
#thankyou footer{
	padding: 3rem 0 3rem;
}
footer ul li{
	display: inline-block;
	margin-bottom: 1rem;
}
footer ul li a{
	background: #59bfee;
	border-radius: 100px;
	padding: 0.3rem 1rem;
	margin: 0 1rem;
	color: #fff;
	text-decoration: none;
	font-size: 1rem;
}
#thankyou footer{
	position: absolute;
	left:0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}