/* CSS Document */
html {
	font-size: 62.5%;
}
body {
	font-size: 3.2vw;
	font-family: 'Open Sans', sans-serif;
	line-height:1.4;
	color:#585858;
	
}

#wrapper{
	max-width: 750px;
	margin: auto;
	overflow: hidden;
}
main{
	display: block;
}
a {
	text-decoration:none;
}
img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
p{
	margin-bottom: 1.5em;
	text-align: justify;
}

/*スマホの時に消える(PCでは表示)*/
.nosp{
	display: none;
}
/*PCの時に消える（スマホでは消える）*/
.nopc{
	display:block;
}
br.nopc{
	display:inline;
}
/*変な位置で改行しないようこの単語は繋げて表示する*/
.br{
	display: inline-block;
}
/*スマホの時はセンター揃え（PCでは左揃え）*/
.sp-center{
	text-align: center;
}

@media screen and (min-width: 768px) {
	body{
		font-size: 2rem;
	}
	/*PCの時に消える（スマホでは表示）*/
	.nopc{
		display:none;
	}
	br.nopc{
		display: none;
	}
	/*スマホの時に消える（PCでは表示）*/
	.nosp{
		display: block;
	}
	br.nosp{
		display: inline;
	}
	/*スマホの時はセンター揃え（PCでは左揃え）*/
	.sp-center{
		text-align: left;
	}
	/*PCの時はセンター揃え*/
	.pc-center{
		text-align: center;
	}
}


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


/***************　 common　**************/


/*serif*/
.sec_title,
.sec_catch{
	font-family: 'EB Garamond', serif;
	font-size: 1.7em;
	text-align: center;
	margin-bottom: 1em;
}
.sec_catch strong{
	font-size: 1.3em;
	color: #fe5000;
}
.grad_line{
	font-weight: bold;
}
.grad_line::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	margin-top: 0.3em;
}
.grad_line.gray::after{
	background-image: -webkit-linear-gradient(0deg, rgba(88,88,88,0) 10%, rgba(88,88,88,1) 40%, rgba(88,88,88,1) 60%, rgba(88,88,88,0) 90%);
    background-image: linear-gradient(90deg, rgba(88,88,88,0) 10%, rgba(88,88,88,1) 40%, rgba(88,88,88,1) 60%, rgba(88,88,88,0) 90%);
}
.grad_line.org::after{
	background-image: -webkit-linear-gradient(0deg, rgba(255,168,0,0) 10%, rgba(255,168,0,1) 40%, rgba(255,168,0,1) 60%, rgba(255,168,0,0) 90%);
    background-image: linear-gradient(90deg, rgba(255,168,0,0) 10%, rgba(255,168,0,1) 40%, rgba(255,168,0,1) 60%, rgba(255,168,0,0) 90%);
}
/**/
.box_area{
	padding-left: 1.4em;
	padding-right: 1.4em;
}
.box{
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 1em;
}
/**/
.accordion_head{
	background: #ffa902;
	color: #fff;
	text-align: center;
	font-weight: normal;
	position: relative;
	font-size: 1.3em;
	padding: 0.5em 2em;
}
.accordion_head::before,
.accordion_head::after{
	content: '';
	display: block;
	border-width: 0.8em 0.5em;
	height: 0;
	width: 0;
	border-color: #fff transparent;
	border-style: solid;
	border-bottom: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.4s;
}
.accordion_head::before{
	left: 0.75em;
}
.accordion_head::after{
	right: 0.75em;
}
.accordion_head.area_open::before{
	transform: rotate(-180deg);
}
.accordion_head.area_open::after{
	transform: rotate(180deg);
}
.accordion_body{
	background: #fff;
	padding-top: 2em;
	display: none;
}
/**/


/**/



/***************　　common　*************/



/***************　cv_area　**************/
.cv_area{
	padding-bottom: 5em;
}
.cv_box{
	border: 1px solid #b38b33;
	border-radius: 12px;
	overflow: hidden;
	padding-bottom: 1em;
}
.cv_body{
	margin: 0 1em;
}
.cv_body + .cv_body{
	border-top: 1px solid #585858;
}
.cv_btn{
	display: block;
	padding: 1em;
	margin: auto;
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(90deg, rgba(254,80,0,1) 0%, rgba(255,133,2,1) 100%);
    background-image: linear-gradient(0deg, rgba(254,80,0,1) 0%, rgba(255,133,2,1) 100%);
	position: relative;
}
.cv_btn::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 0.3em 0.5em;
	border-color: transparent #fff;
	border-style: solid;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.5em;
	margin: auto;
}
.cv_box .cv_btn::after{
	border-right: none;
}
header .cv_btn{
	margin-top: 1em;
}
header .cv_btn::after{
	border-color: #fff transparent;
	border-width: 0.5em 0.3em;
	border-bottom: none;
}
.att{
	margin: auto;
	font-size: 0.9em;
	padding: 0.5em 0 1em;
}
/***************　　　cv_area end　*************/



/***************　sec01　**************/

/***************　　sec01 end　*************/



/***************　sec02　**************/
.sec02{
	background: url(../images/sec02_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 3em;
	padding-bottom: 3em;
}
.sec02 .img_area{
	width: 70%;
	max-width: 430px;
	margin: 1.5em auto;
}
.sec02 strong{
	font-weight: normal;
	background-image: -webkit-linear-gradient(-90deg, rgba(255, 169, 2, 0) 0%, rgba(255, 169, 2, 0) 50%, rgba(255, 169, 2, 0.7) 51%, rgba(255, 169, 2, 0.7) 100%);
    background-image: linear-gradient(180deg, rgba(255, 169, 2, 0) 0%, rgba(255, 169, 2, 0) 50%, rgba(255, 169, 2, 0.7) 51%, rgba(255, 169, 2, 0.7) 100%);

}
/***************　　sec02 end　*************/

/***************　sec03　**************/
.sec03{
	background: #f2f2f2;
	padding-top: 3em;
	padding-bottom: 1em;
	margin-bottom: 13vw;
	position: relative;
}
.sec03::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 11vw 50vw;
	border-color: #f2f2f2 transparent;
	border-style: solid;
	border-bottom: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
}
.sec03 ul li{
	margin-bottom: 0.5em;
	margin-right: -1em;
	font-size: 1.2em;
}
@media screen and (min-width: 768px) {
	.sec03{
		margin-bottom: 150px;
	}
	.sec03::after{
		border-width: 85px 375px;
	}
}
/***************　　sec03 end　*************/



/***************　sec04　**************/
.sec04 .sec_catch{
	margin-bottom: 3em;
}
.turnover{
	display: flex;
	align-items: center;
	margin-bottom: 1.5em;
}
.turnover .img_area{
	flex: 0 0 7em;
	max-width: 154px;
	margin-right: 1.5em;
}

.turnover h3{
	font-size: 1.2em;
	font-weight: normal;
}
.turnover .txt_area p{
	text-align: left;
}

/***************　sec04　end　*************/




/***************　　**************/
.sec05{
	background: #fffaeb;
	padding-bottom: 1px;
}
.sec05_catch{
	font-family: 'EB Garamond', serif;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 1em;
	background: #fe5000;
	color: #fff;
	font-weight: bold;
	padding: 0.5em 0;
}
.point_head{
	display: flex;
	font-family: 'EB Garamond', serif;
	color: #fe5000;
	font-size: 1.5em;
	margin-bottom: 1em;
}
.point_head div{
	flex: 0 0 3.2em;
	max-width: 106px;
	margin-right: 0.5em;
}
.point_body{
	border-radius: 10px;
	border: 1px solid #ffa800;
	background: #fff;
	padding: 0 1em 1em;
	margin-bottom: 5em;
}
.point_body_sec{
	padding: 1em;
}
.point_body_sec + .point_body_sec{
	border-top: 1px solid #ffa800;
}
.point01 .point_body_sec {
	display: flex;
	justify-content: space-around;
	padding-top: 2em;
	padding-bottom: 2em;
}
.point01 .point_body_sec div{
	flex: 0 0 8em;
	max-width: 152px;
	margin: 0 1%;
}
.point01 .point_body_sec div p{
	text-align: left;
	margin-bottom: 0;
	margin-top: 1em;
}
.point02 .point_body_sec{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 1em;
}
.point02 .point_body_sec .txt_area{
	margin: 2em 0 1em -1em;
}
.title_belt{
	display: inline-block;
	font-family: 'EB Garamond', serif;
	color: #fff;
	font-size: 1.4em;
	background-image: -webkit-linear-gradient(0deg, rgba(254,80,0,1) 0%, ,rgba(254,80,0,1) 40%, rgba(254,80,0,0) 100%);
    background-image: linear-gradient(90deg, rgba(254,80,0,1) 0% ,rgba(254,80,0,1) 40%, rgba(254,80,0,0) 100%);
	padding: 0.1em 0.5em 0.15em;
	padding-right: 3em;
	margin-right: -3em;
}
.point02 .point_body_sec .txt_area ul{
	padding: 1em 0 0 2.5em;
}
.point02 .point_body_sec .img_area{
	flex: 0 0 7em;
	max-width: 162px;
}
.effect_title{
	font-size: 1.4em;
	color: #fe5000;
	text-align: center;
	font-family: 'EB Garamond', serif;
	margin: 1em -1em;
}
.point03 .point_head{
	align-items: center;
	margin-bottom: 0.5em;
}
.point03 .point_body{
	padding-bottom: 1em;
}
.point03 .accordion_head{
	border: 1px solid #ffa902;
	margin-top: 1em;
}
.point03 .accordion_body{
	border: 1px solid #ffa902;
}

.point03 .point_body_sec{
	border-top: none;
}
.point03 .img_area01{
	width: 60%;
	margin: auto;
}
.point03 .img_area02{
	margin: 1em -1.7em;
}
.comment_area li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1em;
}
.comment_area li .txt_area{
	flex: 1 1 auto;
	background: #fe5000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	font-family: 'EB Garamond', serif;
	padding: 0.5em 3.5em 0.5em 1em;
	margin-right: -3.5em;
	border-radius: 5px;
}
.comment_area li .img_area{
	width: 10em;
}
.sec05{
	position: relative;
	margin-bottom: 13vw;
}
.sec05::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 11vw 50vw;
	border-color: #fffaeb transparent;
	border-style: solid;
	border-bottom: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
}
@media screen and (min-width: 768px) {
	.sec05{
		margin-bottom: 150px;
	}
	.sec05::after{
		border-width: 85px 375px;
	}
}
/***************　　ここまで　*************/




/***************　sec06　**************/
.sec06{
	margin-bottom: 5em;
}
.movie_area{
	text-align: center;
	padding: 0 0 4em;
	border-bottom: 1px solid #fe5000;
}
.movie_area video{
	margin: auto;
	display: block;
	width: 540px;
	max-width: 80%;
}

/***************　　ここまで　*************/



/***************　sec07　**************/
.sec07{
	padding-bottom: 2em;
}
.sec07 .sec_title strong{
	font-size: 1.6em;
}
.faq_area dl{
	padding: 2em 0;
}
.faq_area dl + dl{
	border-top: 1px solid #ffa902;
}
.faq_area dt{
	display: flex;
	font-family: 'EB Garamond', serif;
	font-weight: bold;
	align-items: center;
	color: #fe5000;
	font-size: 1.4em;
	padding-right: 1.5em;
	position: relative;
}
.faq_area dt::after{
	content: '';
	display: block;
	border-width: 0.6em 0.4em;
	height: 0;
	width: 0;
	border-color: #fe5000 transparent;
	border-style: solid;
	border-bottom: none;
	position: absolute;
	top: 0.5em;
	right: 0;
	margin: auto;
	transition: 0.4s;
}
.faq_area dl.area_open dt::after{
	transform: rotate(180deg);
}
.faq_area dt span{
	flex: 0 0 3em;
	height: 3em;
	display: block;
	background: #fe5000;
	color: #fff;
	font-family: sans-serif;
	text-align: center;
	font-size: 0.7em;
	padding: 1em 0.5em;
	line-height: 1;	
	margin-right: 1em;
	border-radius: 4px;
}
.faq_area dd{
	padding-left: 3.92em;
	display: none;
	margin-top: 1.5em;
}
/***************　　sec07 end　*************/

/***************　sec08　**************/
.sec08{
	
}
.sec08 .sec_title{
	background: url(../images/sec08_back01.jpg) no-repeat center bottom;
	background-size: cover;
	padding-top: 2em;
	padding-bottom: 2em;
	margin-bottom: 0;
}
.sec08 .box_area{
	background: url(../images/sec08_back02.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 1em;
	padding-top: 1px;
}
.sec08_catch{
	font-size: 1.4em;
	text-align: center;
	color: #fe5000;
	font-family: 'EB Garamond', serif;
	margin-top: 2em;
	margin-bottom: 1em;
}
/***************　　ここまで　*************/


/***************　sec09　**************/
.sec09{
	padding-top: 5em;
}
/***************　　sec09 end *************/




/***************　reviews　**************/
.reviews{
	margin-top: 8em;
	padding-bottom: 1px;
	position: relative;
	margin-bottom: 7vw;
}
.reviews::after{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 7vw 20vw;
	border-color: #fe5000 transparent;
	border-style: solid;
	border-bottom: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin: auto;
}
.reviews .sec_catch{
	margin-top: 2em;
}
@media screen and (min-width: 768px) {
	.reviews{
		margin-bottom: 50px;
	}
	.reviews::after{
		border-width: 50px 150px;
	}
}
/***************　　reviews end　*************/




/***************　　**************/
/***************　　ここまで　*************/




/***************　　**************/
/***************　　ここまで　*************/




/***************　　**************/
/***************　　ここまで　*************/




