@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 767px) {

/*セクション間余白----------------------------------------------------------- */
section {
	padding: 45px 0;
}

/*header----------------------------------------------------------- */
.header_img {
	max-width: 60%;
}

/*MV----------------------------------------------------------- */
.mv {
	background: url(../img/sp_fv_bg.png) no-repeat center center/ cover;
	padding: 20px 0 30%;
}
.fv_wrap {
	margin: 0 -15px;
}
.fv_btn {
	width: calc(100% - 30px);
	left: 15px;
	bottom: -20%;
}

/*CTA----------------------------------------------------------- */
.cta {
	padding: 60px 0 90px;
}
.cta .fx-col-40-s {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.cta .fx-col-60-s {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}

/*sec01----------------------------------------------------------- */
.sec01 {
	padding: 30px 0 16%;
}
.sec01 .container p {
	margin: 0 -6px;
}

/*sec02----------------------------------------------------------- */
.sec02 .pic_r {
	margin-right: -15px;
}
.sec02 .pic_r img {
	min-width: 100%;
}
.yt-wrapper {
	width: 100%;
}

/*sec03----------------------------------------------------------- */
.sec03 {
	padding-bottom: 90px;
}
.sec03 .fx-row {
	margin-top: -15px;
}
.sec03 [class*="fx-col"] {
	margin-top: 15px;
}
.sec03 {
	background: url(../img/sp_sec03_bg.png) no-repeat center center/cover;
}

/*sec04----------------------------------------------------------- */
.sec04 h3 {
	font-size: min(5.8vw, 32px);
}
.sec04 h3 .font_cg {
	font-size: min(4.8vw, 24px);
}
.sec04 h3 .font_cg span {
	font-size: min(5.8vw, 32px);
}
.sec04 .jp .font_s {
	font-size: min(4.8vw, 24px);
}
.sec04 .white_box {
	border-radius: 10px;
}
.sec04 .white_box img {
	border-radius: 5px;
}

/*sec05----------------------------------------------------------- */
.sec05 h3 .font_l {
	font-size: min(5.6vw, 30px);
}
.sec05 .white_box img{
	width: 60%;
	padding-top: 20px;
}

/*sec06----------------------------------------------------------- */
.sec06 p {
	margin-top: 0;
}

/*sec07----------------------------------------------------------- */
.sec07 .white_box:before {
	height: calc(100% - 120px);
	left: 12.5%;
}
.sec07 .white_box_s {
	padding: 15px 10px;
}
.sec07 .fx-l {
	width: 20%;
}
.sec07 .fx-r {
	padding-top: 15px;
	width: 80%;
}
.sec07 h3 {
	font-size: min(4vw,30px);
}

/*sec08----------------------------------------------------------- */
.sec08 {
	margin-top: -20px;
	padding-top: 20px;
}
.sec08 .fx-row {
	margin-top: -20px;
}

/*sec09----------------------------------------------------------- */
.sec09 h3 {
	font-size: min(4.5vw,24px);
	margin-bottom: 20px;
}
.sec09 h3:not(:first-child) {
	margin-top: 20px;
}
.more_v1_01 {
	padding: 15px 35px 15px 40px;
	font-size: min(4vw,24px);
}
.more_v1_01:before {
	left: 15px;
}
.more_v1_01 .plus {
	right: 10px;
	width: 20px;
	height: 20px;
}
.more_v1_01 .plus:before {
	width: 14px;
	left: calc(50% - 7px);
}
.more_v1_01 .plus:after {
	height: 14px;
	top: calc(50% - 7px);
}
.more_v1_01_close {
	padding: 15px;
}


/*sec10----------------------------------------------------------- */
.sec10 {
	margin-top: -75px;
}
.sec10 h3 {
	font-size: 20px;
}
.sec10 .fx_row {
	margin-left: -15px;
	margin-right: -15px;
}
.sec10 [class*="fx-col"] {
	padding-left: 15px;
	padding-right: 15px;
}
.sec10 .fx-row > div:first-child {
	border-right: none;
	border-bottom: 4px dotted #ccc;
}
.sec10 .input_adjust {
	padding: 15px;
	border-radius: 10px;
}

/*Footer----------------------------------------------------------- */



}/*スマホ用スタイルend*/