@charset "utf-8";

/*ここでは
	全体のページ
	などを記述します
*/



.page_cont{
	width: 1140px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.page_cont::after {
	clear: both;
	content: " ";
	display: block;
}
/*shadow_box*/
.page_box{
	background: #FFFFFF;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.3);
	
	margin: 0 0 30px;
	padding: 65px 75px 80px; /*なるべく共通*/
	
	position: relative;
	}
.page_box::after { clear: both; content: " "; display: block;}

.read_box{
	/*display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
	width: 100%;
	
	margin-bottom: 25px;
	}
.read_box::after { clear: both; content: " "; display: block;}
.read_box > p,
.read_box > .l_read{
	float: left;
	width: 65%;
	margin-bottom: 1.5em;
	}
.page_index{
	/*flex-basis: 68%;*/
	float: right;
	width: 29%;
	border: 4px solid #FFFFFF;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 1em 1.1em;
	position: relative;
	}
.page_index::before{
	position: absolute;
	content: "";
	color: #86939F;
	font-weight: bold;
	display: inline-block;
	
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	
	background: #FFFFFF url(../img/parts/index.png) no-repeat center center /  auto 60%;
	font-size: 1.9em;
	height: 1.2em;
	width: 4em;
	
	right: 12px;
	top: -1.3em;
	}
.page_index ul{
	}
.page_index ul li{
	margin-bottom: 10px;
	font-size: 1.1em;
	}
	.page_index ul li:last-child{
		margin: 0;
		}
.page_index ul li a{
	color: #363B43;
	position: relative;
	padding-left: 2em;
	line-height: 1.2;
	display: block;
	}
.page_index ul li a:hover{
	color: #FF8F00;
	}
	.page_index ul li a:before {
		content: "";
		background: #00C0FF url(../img/icon/arrow_b.svg) no-repeat center center / contain;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width: 15px;
		height: 15px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 2px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-ms-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.page_index ul li a:hover:before {
		background: #FF8F00 url(../img/icon/arrow_b.svg) no-repeat center center / contain;
	}

.page_link_block{
	width: 65%;
	float: left;
	margin-bottom: 3em;
}
.page_link_block ul{
	display: flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	justify-content: space-between;
	}
.page_link_block ul li{
	flex-basis: 48.5%;
	margin-bottom: 1em;
	font-size: 1.05em;
	}
.page_link_block ul li a{
	display: block;
	border: 4px solid #FFFFFF;
	background: #FFFFFF url(../img/parts/li_b.png) no-repeat center bottom 1em;
	/*background: url(../img/parts/li_b.png) no-repeat center bottom 1em;*/
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: inherit;
	padding: 1.6em 1.55em 4em;
	}
.page_link_block ul li a:hover{
	border: 4px solid #FF8F00;
	background: #FFFFFF url(../img/parts/li_o.png) no-repeat center bottom 1em;
	}
.page_link_block ul li .title{
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
	}

.page_link_block ul li span{
	line-height: 1.75;
	}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
	.page_cont{
		width: 86%;
		}
}
@media screen and (max-width: 990px) {
	.page_cont{
		width: auto;
		padding-bottom: 2em;
		}
	
	.read_box{
		display: block;
		width: 94%;
		margin: 0 auto 45px;
		}
		.read_box > p,
		.read_box > .l_read{}
	/*shadow_box*/
	.page_box{
		padding: 45px 50px 50px; /*なるべく共通*/
		box-shadow: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		}
	.page_index{
		padding: 1.2em 1.2em;
		}
	
	.page_link_block{
		display: none;
	}
	
}
@media screen and (max-width: 680px) {
		
	/*shadow_box*/
	.page_box{
		padding: 2.1em 1.5em 2.1em; /*なるべく共通*/
		}
	
	.page_cont{
		padding-bottom: 3em;
		}
		
	.read_box{
		width: 90%;
		margin: 0 auto 2.5em;
		}
	.read_box > p,
	.read_box > .l_read{
		float: none;
		width: auto;
		}
	.page_index{
		float: none;
		width: auto;
		margin: 3.5em 0 0 0;
		}
	.page_index::before{
		font-size: 1.75em;
		}
	.page_index ul li a{
		padding-left: 1.7em;
		}
			
	
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


ul.link_li{
	padding: 0 35px;
	font-size: 1.15em;
	}
.link_li li{
	margin-bottom: 1.1em;
	}
	.link_li li:last-child{
		/*margin-bottom: 0;*/
		}
.link_li li a{
	position: relative;
	padding-left: 1.6em;
	}
.link_li li a::before{
	position: absolute;
	content: "■";
	left: 0;
	top: 0;
	}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	ul.link_li{
		padding: 0 0 0 0.5em;
		font-size: 1.05em;
		margin-bottom: 1em;
		}
	.link_li li a{
		padding-left: 1.4em;
		}
	/*.link_li li a::before{
		position: absolute;
		content: "■";
		left: 0;
		top: 0;
		}*/
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.day_right{
	text-align: right;
	/*padding-right: 3.5em;*/
	}

/*-----pre_list-----*/
.pre_list {
	display: grid;
	grid-template-columns: 11em 1fr 1fr;
	gap: 0 40px;
	margin-bottom: 1.75em;
	padding-bottom: 2em;
	border-bottom: 1px solid #363B43;
	font-size: 1.1em;
	}
.pre_list li {
	padding: 0.5em 1.2em;
	}
.pre_list li:nth-child(2n+1) {
	grid-column: 3/4;
	}
.pre_list li:nth-child(2n) {
	grid-column: 2/3;
	}
.pre_list:last-child {
	border-bottom: none;
	margin-bottom: 0;
	}
.pre_list li:first-child {
	grid-column: 1/2;
	background: #58626C;
	color: #FFFFFF;
	}
.pre_list li:nth-child(4n-2),
.pre_list li:nth-child(4n-1) {
	background-color: #F2F2F2;
	}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	
	.day_right{
		/*padding-right: 1em;*/
		}

	/*-----pre_list-----*/
	.pre_list {
		font-size: 1.05em;
		display: block;
		border: none;
		padding-bottom: 0;
		}
	.pre_list li:first-child {
		text-align: center;
		}
	.pre_list li:nth-child(4n-2),
	.pre_list li:nth-child(4n-1){
		background: inherit;
		}
	.pre_list li:nth-child(even){
		background-color: #F2F2F2;
		}
		
	
	
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

/*-----dantai_list-----*/
.dantai_list {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-wrap: wrap;

	/*margin-bottom: 1.75em;
	padding-bottom: 2em;
	border-bottom: 1px solid #363B43;*/
	font-size: 1.1em;
	}
	.dantai_list::after { clear: both; content: " "; display: block;}
.dantai_list li{
	flex-basis: 44%;
	padding: 0.5em 1.2em;
	}
.dantai_list li:nth-child(4n+2),
.dantai_list li:nth-child(4n+1) {
	background-color: #F2F2F2;
	}

	
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	/*-----dantai_list-----*/
	.dantai_list {
		display: block;
		font-size: 1.05em;
		}
	.dantai_list li{
		padding: 0.5em 0.8em;
		}
	.dantai_list li:nth-child(4n+2),
	.dantai_list li:nth-child(4n+1) {
		background-color: inherit;
		}
	.dantai_list li:nth-child(odd){
		background-color: #F2F2F2;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

.l_box{
	float: left;
	width: 51%;
	overflow: hidden;
	}
.r_box{
	float: right;
	width: 41%;
	overflow: hidden;
	}
.r_img{
	float: right;
	width: 41%;
	overflow: hidden;
	}
.r_img.above,
.above{
	position: absolute;
	right: 0;
	top: -50px;
	}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
		
	.l_box{
		float: none;
		width: auto;
		}
	.r_box{
		float: none;
		width: auto;
		}
	.r_img{
		float: none;
		width: auto;
		text-align: center;
		margin: 1em 2%;
		}
	.r_img.above,
	.above{
		position: relative;
		top: inherit;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*画像が正方形だったりする場合*/
.l_text{
	float: left;
	width: 67%;
	}
.l_text p{
	font-size: 1.15em;
	}
.r_thum{
	float: right;
	width: 29%;
	}
.r_thum img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.l_text p{
		font-size: 1.1em;
		}
}
@media screen and (max-width: 680px) {
	.l_text p{
		font-size: 1.05em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.dl_box{
	margin-bottom: 1.4em;
	}
.dl_box dl{
	display: table;
	font-size: 1.1em;
	margin-bottom: 5px;
	}
.dl_box dl::after { clear: both; content: " "; display: block;}

.dl_box dt{
	/*background: #E0E0E0;*/
	min-width: 18em;
	font-size: 1.15em;
	padding: 5px 0.45em;
	margin-right: 1em;
	display: table-cell;
	vertical-align: middle;
	}
.dl_box dd{
	padding: 5px 0;
	margin-left: 1.1em;
	}

.dl_box.j_g{}
.dl_box.j_g dt{
	background: #D6EFAB;
	color: #1E7600;
	}
.dl_box.j_o{}
.dl_box.j_o dt{
	background: #FFDAA9;
	color: #7E4500;
	}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.dl_box dl{
		display: block;
		font-size: 1em;
		}
	.dl_box.j_g dt{
		display: block;
		}
	
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

.dl_list{
	margin-bottom: 1em;
	}
.dl_list dl{
	font-size: 1.1em;
	}
.dl_list dl dt{
	display: inline-block;
	text-align: center;
	font-size: 1.2em;
	min-width: 13em;
	padding: 0.1em 0.5em;
	margin-bottom: 0.7em;
	background: #363B43;
	color: #FFFFFF;
	}

.dl_list dl dd{
	padding-left: 2em;
	}
.dl_list dl dd li{
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.85em;
	}

.video_img{
	display: block;
	}
.video_img > a{
	display: block;
	}
.video_img > a img{
	border: 5px solid #00C0FF;
	}


.dl_list .video_img{
	width: 200px;
	margin-bottom: 2em;
	}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.dl_list dl{
		font-size: 1.05em;
		}
	.dl_list dl dt{
		font-size: 1.1em;
		display: block;
		margin-bottom: 1em;
		padding: 0.2em 0.5em;
		}
	.dl_list dl dd{
		padding-left: 0;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.dl_list2{
	/*margin-bottom: 1em;*/
	}
.dl_list2 dl{
	font-size: 1.1em;
	}
.dl_list2 dl dt{
	display: block;
	font-size: 1.05em;
	padding: 0.2em 1em;
	margin-bottom: 0.7em;
	background: #86939F;
	color: #FFFFFF;
	}

.dl_list2 dl dd{
	padding-left: 1.3em;
	}
.dl_list2 dl dd li{
	list-style: none;
	margin-bottom: 0.5em;
	}
	.dl_list2 dl dd .name{
		display: inline-block;
		margin-right: 0.6em;
		}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.dl_list2 dl{
		font-size: 1em;
		}
	.dl_list2 dl dt{
		font-size: 1.05em;
		display: block;
		margin-bottom: 1em;
		padding: 0.5em 0.8em;
		}
	.dl_list2 dl dd{
		padding: 0;
		}
	.dl_list2 dl dd li{
		margin-bottom: 0.8em;
		padding-left: 0.8em;
		}
	.dl_list2 dl dd.riji li{
		padding-bottom: 0.5em;
		border-bottom: 1px solid #D3DEE6;
		margin-bottom: 0.5em;
		}
	.dl_list2 dl dd .name{
		display: block;
		margin: 0 0 0.2em;
		font-size: 1.05em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}




.flex_double{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 40px;
	}
/*.flex_double::after { clear: both; content: " "; display: block;}
betweenが効かない*/

.flex_double > div{
	/*各ページで調整*/
	}

.ggmap {
	position: relative;
	/*padding-bottom: 56.25%;*/
	padding-bottom: 36.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.flex_double{
		display: block;
		}
	
	
	.ggmap {
		padding-bottom: 86.25%;
		}
		
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

ul.c_list{
	font-size: 1.11em;
	}
ul.c_list li{
	position: relative;
	padding-left: 2em;
	margin-bottom: 1em;
	}
ul.c_list li::before{
	position: absolute;
	content: "●";
	color: #64D9FF;
	top: 0;
	left: 0;
	font-size: 1.3em;
	line-height: 1.3;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	ul.c_list{
		font-size: 1.05em;
		}
	ul.c_list li{
		padding-left: 1.5em;
		margin-bottom: 0.4em;
		}
	ul.c_list li::before{
		font-size: 1.1em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.page_voice{}

.why_area{}
.why_box{
	position: relative;
	padding-left: 24%;
	padding-top: 35px;
	padding-bottom: 1em;
	min-height: 200px;
	}
.why_box::before{
	position: absolute;
	content: "";
	width: 16%;
	height: 100%;
	left: 0;
	top: 0;
	}
.why_box::after{
	position: absolute;
	content: "";
	width: 60px;
	height: 100%;
	left:  16.5%;
	top: 50px;
	}
	.why_box .h_midashi{
		font-size: 1.67em;
		font-weight: bold;
		margin-bottom: 1em;
		}
.why01::before{
	background: url(../img/voice/voice01.png) no-repeat left top 30px / 100% auto;
	}
.why01::after{
	background: url(../img/voice/01_b.png) no-repeat top left / contain;
	}
.why02::before{
	background: url(../img/voice/voice02.png) no-repeat left top 30px / 100% auto;
	}
.why02::after{
	background: url(../img/voice/02_b.png) no-repeat top left / contain;
	}
.why03::before{
	background: url(../img/voice/voice03.png) no-repeat left top 30px / 100% auto;
	}
.why03::after{
	background: url(../img/voice/03_b.png) no-repeat top left / contain;
	}
.why04::before{
	background: url(../img/voice/voice04.png) no-repeat left top 30px / 100% auto;
	}
.why04::after{
	background: url(../img/voice/04_b.png) no-repeat top left / contain;
	}
.why05::before{
	background: url(../img/voice/voice05.png) no-repeat left top 30px / 100% auto;
	}
.why05::after{
	background: url(../img/voice/05_b.png) no-repeat top left / contain;
	}
.why06::before{
	background: url(../img/voice/voice06.png) no-repeat left top 30px / 100% auto;
	}
.why06::after{
	background: url(../img/voice/06_b.png) no-repeat top left / contain;
	}
.why07::before{
	background: url(../img/voice/voice07.png) no-repeat left top 30px / 100% auto;
	}
.why07::after{
	background: url(../img/voice/07_b.png) no-repeat top left / contain;
	}

.why_box .text{
	padding-left: 80px;
	position: relative;
	}
.why_box .text::before{
	position: absolute;
	content: "";
	top: 5px;
	left: -10px;
	width: 80px;
	height: 100%;
	background: url(../img/parts/JAC.svg) no-repeat left top / contain;
	}
.why_box .text p{
	/*font-size: 1.12em;*/
	line-height: 1.8;
	}

.page_voice #voice02{}
.page_voice #voice02 .l_box{
	width: 71%;
	}
.page_voice #voice02 .r_img{
	width: 26%;
	}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
		
	.why_box::after{
		width: 6%;
		}
		
}
@media screen and (max-width: 680px) {
	
	.why_box{
		padding-left: 0;
		}
	.why_box::after{
		display: none;
		}
	.why_box::before{
		width: 25%;
		height: 150px;
		}
	.why_box .h_midashi{
		font-size: 1.1em;
		line-height: 1.7;
		padding-left: 31%;
		min-height: 6em;
		}
		
	.why01::before{
		background: url(../img/voice/voice01.png) no-repeat left top 10px / 100% auto;
		}
	.why02::before{
		background: url(../img/voice/voice02.png) no-repeat left top 10px / 100% auto;
		}
	.why03::before{
		background: url(../img/voice/voice03.png) no-repeat left top 10px / 100% auto;
		}
	.why04::before{
		background: url(../img/voice/voice04.png) no-repeat left top 10px / 100% auto;
		}
	.why05::before{
		background: url(../img/voice/voice05.png) no-repeat left top 10px / 100% auto;
		}
	.why06::before{
		background: url(../img/voice/voice06.png) no-repeat left top 10px / 100% auto;
		}
	.why07::before{
		background: url(../img/voice/voice07.png) no-repeat left top 10px / 100% auto;
		}
	
	.why_box .text::before{
		position: absolute;
		content: "";
		top: 5px;
		left: 0;
		width: 16%;
		height: 100%;
		background: url(../img/parts/JAC.svg) no-repeat left top / contain;
		}
	.why_box .text p{
		/*font-size: 1.05em;*/
		line-height: 1.7;
		}
		
	.page_voice #voice02 .l_box,
	.page_voice #voice02 .r_img{
		width: auto;
		}
	.page_voice #voice02 .r_img{
		margin-bottom: 20px;
		}
	.page_voice #voice02 .r_img img{
		width: 55%;
		margin: 0 auto;
		}
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
	.why_box{
		padding-top: 15px;
		}
	.why_box .h_midashi{
		min-height: 5em;
		}

}




.qa_area{
	margin: 7em auto 0;
	}
.qa_area .h3_title{
	margin-bottom: 1em;
	}
.qa_area p.midashi{
	padding: 0 3em;
	}
.qa_area p.midashi a{
	text-decoration: underline;
	}

.qa_area .qa_box{}

.qa_box{
	margin-bottom: 2.5em;
	}
.qa_box a{
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	color: #363B43;
	overflow: hidden;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	font-size: 1.1em;
	margin-bottom: 12px;
	background: #FFFFFF;
	}
.qa_box a .q{
	background: #64D9FF;
	color: #FFFFFF;
	flex-basis: 5%;
	text-align: center;
	font-size: 2em;
	padding: 8px 0;
	}
.qa_box a .qa{
	margin: 0;
	padding: 0.5em;
	}

.qa_box a:hover{
	background: #FFB455;
	color: #363B43;
	}
.qa_box a:hover .q{
	background: none;
	}

/*.qa_box a::before{
	position: absolute;
	content: "Q";
	background: #64D9FF;
	color: #FFFFFF;
	width: 4%;
	text-align: center;
	}*/
.qa_area .link{
	text-align: right;
	}
.qa_area .link a{
	text-decoration: underline;
	}
.qa_area .link img{
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	margin-left: 1.5em;
	}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.qa_area{
		margin: 4em auto 0;
		width: 90%;
		}
	.qa_area p.midashi{
		padding: 0 0 1.5em;
		display: none;
		}
	.qa_area .qa_box{
		display: none;
		}
	
	.qa_area .link{
		text-align: left;
		}
	.qa_area .link img{
		margin: 1.5em auto 4em;
		display: block;
		}
	
}
@media screen and (max-width: 680px) {
	.qa_area{
		margin: 0 auto 0;
		}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.flow_area{}
.flow_area .flow{
	display: flex;
	display: -webkit-flex;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;
	background: #FFFFFF;
	}
.flow .num{
	flex-basis: 6%;
	/*text-align: center;*/
	background: #6F7A86;
	color: #FFFFFF;
	font-size: 1.45em;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.flow .text{
	flex-basis: 94%;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	align-items: center;
	}
.flow dl{
	flex-basis: 64%;
	padding: 1em 2% 1em 3%;
	}
.flow dt{
	color: #000000;
	font-size: 1.25em;
	margin-bottom: 5px;
	}
.flow dd{
	font-size: 1.05em;
	}
.flow .thum{
	flex-basis: 27%;
	text-align: center;
	padding: 0.3em 2%;
	}
.flow .thum .blue_btn{
	padding: 1.3em 1em 1.3em 0.5em;
	}
.flow .thum > img{
	max-height: 8em;
	}
	
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.flow .num{
		font-size: 1.1em;
		}
	.flow .text{
		display: block;
		}
	.flow dl{
		padding: 0;
		margin-bottom: 1.2em;
		}
	.flow dt{
		margin-bottom: 0.5em;
		}
	.flow .thum{
		padding: 0 0 0.5em;
		display: block;
		}
	.flow .thum .blue_btn{
		display: block;
		padding: 0.7em 1em;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

/*プライバシーポリシー*/
.page_ppolicy{}

.ol_list{
	padding: 1.5em 0 2em 5em;
	font-size: 1.1em;
	line-height: 1.9;
	list-style: decimal;
	}
.ol_list li{
	margin-bottom: 0.5em;
	}

.indent_1{
	padding: 1.2em 0 2em 1em;
	}
.indent{
	padding: 1.5em 0 2em 3em;
	}
.indent .h4_midashi{
	display: inline-block;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.ol_list{
		padding: 1em 0 2em 2em;
		font-size: 1.05em;
		line-height: 1.7;
		}
	.ol_list li{
		margin-bottom: 1em;
		}

	.indent_1{
		padding: 1.2em 0 2em 0.5em;
		}
	.indent{
		padding: 1em 0 2em 2em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

/*Webポリシー*/
.page_wpolicy{}

.page_wpolicy .l_box{
	width: 58%;
	}
.page_wpolicy .r_img{
	width: 37%;
	}

/* エラーメッセージの色を指定 */
.form-control-feedback {
    color: #d9534f;
}

.error-border {
    border-color: #d9534f;
}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	
	.page_wpolicy .l_box,
	.page_wpolicy .r_img{
		width: auto;
		}
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}




@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}




@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}








.page_info p.mb0{margin-bottom:0;}
.color-red{color:#E5001D;font-weight: bold;}
.before-kome{text-indent:-1em;padding-left:1em;}
.before-kome::before{content:"※";}