@charset "utf-8";

html { font-size: 62.5%; }
body {
	color: #333;
	font-size: 1.4rem;
	font-family: "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "Yu Gothic", YuGothic, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.8;
	background: #fff;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}
figure {
	margin: 0;
}
img {
	max-width: 100%;
	display: block;
}
a {
	color: #333;
	text-decoration: none;
	transition: .2s;
}
a:hover {
	opacity: .5;
}
@media print,screen and (max-width: 767px) {
	a:hover {
		opacity: 1;
	}
}
.pc-block {
	display: block!important;
}
.tb-block {
	display: none!important;
}
.sp-block {
	display: none!important;
}
.pc-inlineBlock {
	display: inline-block!important;
}
.sp-inlineBlock {
	display: none!important;
}
@media print,screen and (max-width: 1039px) {
	.tb-block {
		display: block!important;
	}
}
@media print,screen and (max-width: 767px) {
	.pc-block {
		display: none!important;
	}
	.sp-block {
		display: block!important;
	}
	.pc-inlineBlock {
		display: none!important;
	}
	.sp-inlineBlock {
		display: inline-block!important;
	}
}
.fadeIn,
.fadeIn_200,
.fadeIn_400,
.fadeIn_600 {
	transition: .8s;
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.fadeIn_left {
	transition: 1.2s;
	opacity: 0;
	transform: translate(-100px,0);
	-webkit-transform: translate(-100px,0);
}
.fadeIn_right {
	transition: 1.2s;
	opacity: 0;
	transform: translate(100px,0);
	-webkit-transform: translate(100px,0);
}
.fadeInMove {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.js-accordion {
	transition: .2s;
}
.js-accordion:hover {
	opacity: .7;
	cursor: pointer;
}
@media print,screen and (max-width: 767px) {
	.js-accordion:hover {
		opacity: 1;
	}
}
.js-accordionContents {
	display: none;
}

/****	---- common ----
===================================****/
.c_inner {
	max-width: 850px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 767px) {
	.c_inner {
		max-width: none;
		padding: 0;
	}
}
.c_main {
	display: block;
	overflow: hidden;
}

/****	---- main ----
===================================****/
.mv_img {
	width: 1884px;
	height: 840px;
	margin: 0 auto;
}
@media print,screen and (max-width: 1884px) {
	.mv_img {
		width: auto;
	}
}
.mv_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center;';
}
.mv_contents {
	height: 752px;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.mv_contents {
		height: calc(1096 / 750 * 100vw);
	}
}
.mv_ttl {
	width: calc(1456px / 2);
	position: absolute;
	top: 35px;
	right: 52px;
}
@media print,screen and (max-width: 899px) {
	.mv_ttl {
		margin: 0 auto;
		width: calc(680 / 750 * 100vw);
		top: calc(77 / 750 * 100vw);
		left: 0;
		right: 0;
	}
}
.mv_copy {
	width: calc(1774px / 2);
	position: absolute;
	right: -18px;
	bottom: 108px;
}
@media print,screen and (max-width: 899px) {
	.mv_copy {
		width: calc(636 / 750 * 100vw);
		position: absolute;
		right: calc(56 / 750 * 100vw);
		bottom: calc(43 / 750 * 100vw);
	}
}

.try_contents {
	height: 732px;
	background: rgba(230, 190, 185, 0.8);
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.try_contents {
		height: calc(915 / 750 * 100vw);
	}
}
.try_ttl {
	width: calc(985px / 2);
	position: absolute;
	top: 54px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.try_ttl {
		width: calc(614 / 750 * 100vw);
		top: calc(33 / 750 * 100vw);
	}
}
.try_text {
	width: calc(580px / 2);
	position: absolute;
	top: 167px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.try_text {
		width: calc(424 / 750 * 100vw);
		top: calc(150 / 750 * 100vw);
	}
}

.cv_contents {
	height: 1444px;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.cv_contents {
		height: calc(1642 / 750 * 100vw);
	}
}
.cv_ttl01 {
	width: calc(1177px / 2);
	position: absolute;
	top: 66px;
	left: 130px;
}
@media print,screen and (max-width: 899px) {
	.cv_ttl01 {
		width: calc(676 / 750 * 100vw);
		top: calc(56 / 750 * 100vw);
		left: calc(40 / 750 * 100vw);
	}
}
.cv_copy01 {
	width: calc(739px / 2);
	position: absolute;
	top: 264px;
	left: 128px;
}
@media print,screen and (max-width: 899px) {
	.cv_copy01 {
		width: calc(424 / 750 * 100vw);
		top: calc(284 / 750 * 100vw);
		left: calc(37 / 750 * 100vw);
	}
}
.cv_main01 {
	width: calc(1233px / 2);
	position: absolute;
	top: 264px;
	left: 132px;
}
@media print,screen and (max-width: 899px) {
	.cv_main01 {
		width: calc(708 / 750 * 100vw);
		top: calc(284 / 750 * 100vw);
		right: 0;
		left: auto;
	}
}
.cv_btn {
	width: calc(1112px / 2);
	position: absolute;
	top: 792px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.cv_btn {
		width: calc(695 / 750 * 100vw);
		top: calc(858 / 750 * 100vw);
	}
}
.list_contents01 .cv_btn {
	top: 830px;
}
@media print,screen and (max-width: 899px) {
	.list_contents01 .cv_btn {
		top: calc(2064 / 750 * 100vw);
	}
}
.cv_btn a {
	display: block;
}
.cv_btn a:last-child::after {
	content: "※特別価格は､予告無く終了する場合がございます。";
	float: right;
	font-size: 85%;
}
@media print,screen and (max-width: 899px) {
	.cv_btn a:last-child::after {
	font-size: 60%;
	}
}

.cv_price01 {
/*	width: calc(867px / 2);*/
	width: calc(1090px / 2);
	margin: 36px 0 8px 12px;
}
@media print,screen and (max-width: 899px) {
	.cv_price01 {
/*		width: calc(542 / 750 * 100vw);*/
		width: calc(682 / 750 * 100vw);
		margin: 0 0 calc(11 / 750 * 100vw) calc(16 / 750 * 100vw);
		margin: calc(20 / 750 * 100vw) 0 calc(11 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
}
.cv_price02 {
	width: calc(1090px / 2);
	margin: 0 0 8px 12px;
}
@media print,screen and (max-width: 899px) {
	.cv_price02 {
		width: calc(682 / 750 * 100vw);
		margin: 0 0 calc(11 / 750 * 100vw) calc(16 / 750 * 100vw);
	}
}
.cv_price03 {
	width: calc(1090px / 2);
	margin: 36px 0 8px 12px;
}
@media print,screen and (max-width: 899px) {
	.cv_price03 {
		width: calc(682 / 750 * 100vw);
		margin: calc(20 / 750 * 100vw) 0 calc(11 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
}
.cv_btn .note {
	text-align: right;
}
@media print,screen and (max-width: 899px) {
	.cv_btn .note{

	}
}


.theory_contents {
	height: 780px;
	background: #e1eeff;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.theory_contents {
		height: calc(916 / 750 * 100vw);
	}
}
.theory_ttl {
	width: calc(1187px / 2);
	position: absolute;
	top: 48px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.theory_ttl {
		width: calc(682 / 750 * 100vw);
		top: calc(56 / 750 * 100vw);
		right: auto;
		left: calc(26 / 750 * 100vw);
	}
}
.theory_copy {
	width: calc(1190px / 2);
	position: absolute;
	top: 298px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.theory_copy {
		width: calc(682 / 750 * 100vw);
		top: calc(328 / 750 * 100vw);
	}
}
.theory_img {
	width: calc(1200px / 2);
	position: absolute;
	top: 431px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.theory_img {
		width: calc(678 / 750 * 100vw);
		top: calc(516 / 750 * 100vw);
	}
}

.list_hdg {
	padding: 44px 0 54px;
}
@media print,screen and (max-width: 899px) {
	.list_hdg {
		padding: calc(44 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
	}
}
.list_num {
	width: calc(404px / 2);
	margin: 0 auto 30px;
}
@media print,screen and (max-width: 899px) {
	.list_num {
		width: calc(210 / 750 * 100vw);
		margin: 0 auto calc(28 / 750 * 100vw);
	}
}
.list_copy01 {
	width: calc(1153px / 2);
	margin: 0 auto 20px;
}
@media print,screen and (max-width: 899px) {
	.list_copy01 {
		width: calc(672 / 750 * 100vw);
		margin: 0 auto calc(48 / 750 * 100vw);
	}
}
.list_ttl01 {
	width: calc(1428px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.list_ttl01 {
		width: calc(642 / 750 * 100vw);
	}
}
.list_contents01 {
	height: 1480px;
	background: rgba(245, 212, 197, 0.7);
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.list_contents01 {
		height: calc(2835 / 750 * 100vw);
	}
}
.list_content01_ttl {
	width: calc(819px / 2);
	position: absolute;
	top: 24px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content01_ttl {
		width: calc(678 / 750 * 100vw);
		top: calc(74 / 750 * 100vw);
		right: auto;
		left: calc(24 / 750 * 100vw);
	}
}
.list_content01_img {
	width: calc(1937px / 2);
	position: absolute;
	top: 212px;
	left: -58px;
}
@media print,screen and (max-width: 899px) {
	.list_content01_img {
		width: auto;
		top: calc(356 / 750 * 100vw);
		left: 0;
	}
}
.list_content01_text {
	width: calc(562px / 2);
	position: absolute;
	top: 710px;
	left: 150px;
}
@media print,screen and (max-width: 899px) {
	.list_content01_text {
		width: calc(326 / 750 * 100vw);
		top: calc(1914 / 750 * 100vw);
		left: calc(42 / 750 * 100vw);
	}
}

.list_copy02 {
	width: calc(1157px / 2);
	margin: 0 auto 20px;
}
@media print,screen and (max-width: 899px) {
	.list_copy02 {
		width: calc(657 / 750 * 100vw);
		margin: 0 auto calc(44 / 750 * 100vw);
	}
}
.list_ttl02 {
	width: calc(997px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.list_ttl02 {
		width: calc(570 / 750 * 100vw);
	}
}
.list_contents02 {
	height: 1290px;
	background: #f5d4c5;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.list_contents02 {
		height: calc(1932 / 750 * 100vw);
	}
}
.list_content02_ttl01 {
	width: calc(1200px / 2);
	position: absolute;
	top: 30px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_ttl01 {
		width: auto;
		top: calc(38 / 750 * 100vw);
	}
}
.list_content02_img01 {
	width: calc(1300px / 2);
	position: absolute;
	top: 70px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_img01 {
		width: calc(720 / 750 * 100vw);
		top: calc(109 / 750 * 100vw);
	}
}
.list_content02_ttl02 {
	width: calc(1339px / 2);
	position: absolute;
	top: 608px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_ttl02 {
		width: calc(641 / 750 * 100vw);
		top: calc(861 / 750 * 100vw);
	}
}
.list_content02_img02 {
	width: calc(1208px / 2);
	position: absolute;
	top: 752px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_img02 {
		width: calc(642 / 750 * 100vw);
		top: calc(1174 / 750 * 100vw);
		right: auto;
		left: calc(28 / 750 * 100vw);
	}
}

.list_hdg02 {
	padding: 65px 0 40px;
}
@media print,screen and (max-width: 899px) {
	.list_hdg02 {
		padding: calc(84 / 750 * 100vw) 0 calc(54 / 750 * 100vw);
	}
}
.list_copy02_02 {
	width: calc(1436px / 2);
	margin: 0 auto 20px;
}
@media print,screen and (max-width: 899px) {
	.list_copy02_02 {
		width: calc(673 / 750 * 100vw);
		margin: 0 auto calc(44 / 750 * 100vw);
	}
}
.list_ttl02_02 {
	width: calc(1277px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.list_ttl02_02 {
		width: calc(548 / 750 * 100vw);
	}
}
.list_contents02_02 {
	height: 900px;
	background: #e1eeff;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.list_contents02_02 {
		height: calc(1084 / 750 * 100vw);
	}
}
.list_content02_img03 {
	width: calc(1108px / 2);
	position: absolute;
	top: 46px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_img03 {
		width: calc(692 / 750 * 100vw);
		top: calc(36 / 750 * 100vw);
	}
}
.list_content02_x {
	width: calc(198px / 2);
	position: absolute;
	top: 413px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_x {
		width: calc(122 / 750 * 100vw);
		top: calc(506 / 750 * 100vw);
	}
}
.list_content02_img04 {
	width: calc(1205px / 2);
	position: absolute;
	top: 542px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.list_content02_img04 {
		width: calc(692 / 750 * 100vw);
		top: calc(666 / 750 * 100vw);
	}
}

.cv_contents02 {
	height: 1284px;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.cv_contents02 {
		height: calc(1524 / 750 * 100vw);
	}
}
.cv_copy02 {
	width: calc(1136px / 2);
	position: absolute;
	top: 40px;
	left: 145px;
}
@media print,screen and (max-width: 899px) {
	.cv_copy02 {
		width: calc(675 / 750 * 100vw);
		top: calc(24 / 750 * 100vw);
		right: 0;
		left: 0;
		margin: auto;
	}
}
.cv_ttl02 {
	width: calc(1118px / 2);
	position: absolute;
	top: 98px;
	left: 134px;
}
@media print,screen and (max-width: 899px) {
	.cv_ttl02 {
		width: calc(667 / 750 * 100vw);
		top: calc(93 / 750 * 100vw);
		left: calc(25 / 750 * 100vw);
	}
}
.cv_main02 {
	width: calc(1164px / 2);
	position: absolute;
	top: 192px;
	left: 142px;
}
@media print,screen and (max-width: 899px) {
	.cv_main02 {
		width: calc(692 / 750 * 100vw);
		top: calc(204 / 750 * 100vw);
		left: calc(36 / 750 * 100vw);
	}
}
.cv_btn.cv_btn02 {
	top: 630px;
}
@media print,screen and (max-width: 899px) {
	.cv_btn.cv_btn02 {
		top: calc(734 / 750 * 100vw);
	}
}

.list_copy03 {
	width: calc(710px / 2);
	margin: 0 auto 20px;
}
@media print,screen and (max-width: 899px) {
	.list_copy03 {
		width: calc(414 / 750 * 100vw);
		margin: 0 auto calc(18 / 750 * 100vw);
	}
}
.list_ttl03 {
	width: calc(1438px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.list_ttl03 {
		width: calc(606 / 750 * 100vw);
	}
}
.list_content03_img {
	width: calc(1302px / 2);
	margin: 0 auto 25px;
}
@media print,screen and (max-width: 899px) {
	.list_content03_img {
		width: calc(596 / 750 * 100vw);
		margin: 0 0 calc(42 / 750 * 100vw) calc(52 / 750 * 100vw);
		margin: 0 auto calc(42 / 750 * 100vw);
	}
}
.list_content03_btn {
	width: calc(1112px / 2);
	margin: 0 auto 48px;
	display: block;
}
@media print,screen and (max-width: 899px) {
	.list_content03_btn {
		width: calc(688 / 750 * 100vw);
		margin: 0 auto calc(56 / 750 * 100vw);
	}
}

.how_contents {
	height: 770px;
	background: rgba(255, 101, 137, 0.3);
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.how_contents {
		height: calc(1652 / 750 * 100vw);
	}
}
.how_ttl {
	width: calc(900px / 2);
	position: absolute;
	top: 32px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.how_ttl {
		width: calc(648 / 750 * 100vw);
		top: calc(64 / 750 * 100vw);
	}
}
.how_img {
	width: calc(1300px / 2);
	position: absolute;
	top: 168px;
	right: 0;
	left: 0;
	margin: auto;
}
@media print,screen and (max-width: 899px) {
	.how_img {
		width: calc(650 / 750 * 100vw);
		top: calc(266 / 750 * 100vw);
	}
}

.cv_contents03 {
	height: 1388px;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.cv_contents03 {
		height: calc(1606 / 750 * 100vw);
	}
}
.cv_copy03 {
	width: calc(910px / 2);
	position: absolute;
	top: 45px;
	left: 142px;
}
@media print,screen and (max-width: 899px) {
	.cv_copy03 {
		width: calc(540 / 750 * 100vw);
		top: calc(39 / 750 * 100vw);
		left: calc(41 / 750 * 100vw);
	}
}
.cv_ttl03 {
	width: calc(1118px / 2);
	position: absolute;
	top: 138px;
	left: 134px;
}
@media print,screen and (max-width: 899px) {
	.cv_ttl03 {
		width: calc(667 / 750 * 100vw);
		top: calc(148 / 750 * 100vw);
		left: calc(32 / 750 * 100vw);
	}
}
.cv_main03 {
	width: calc(1164px / 2);
	position: absolute;
	top: 228px;
	left: 142px;
}
@media print,screen and (max-width: 899px) {
	.cv_main03 {
		width: calc(692 / 750 * 100vw);
		top: calc(278 / 750 * 100vw);
		left: calc(36 / 750 * 100vw);
	}
}
.cv_btn.cv_btn03 {
	top: 688px;
}
@media print,screen and (max-width: 899px) {
	.cv_btn.cv_btn03 {
		top: calc(808 / 750 * 100vw);
	}
}
.cv_company {
	font-size: 2.1rem;
	text-align: center;
	letter-spacing: -0.02em;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 1em;
}
@media print,screen and (max-width: 899px) {
	.cv_company {
		font-size: calc(21 / 750 * 100vw);
	}
}

/****	---- footer ----
===================================****/
.footer {
	background: #000;
	padding: 90px 0 70px;
}
@media print,screen and (max-width: 899px) {
	.footer {
		padding: calc(137 / 750 * 100vw) 0 calc(102 / 750 * 100vw);
	}
}
.footer_contents {
	width: 600px;
	margin: 0 auto;
	position: relative;
}
@media print,screen and (max-width: 899px) {
	.footer_contents {
		width: calc(645 / 750 * 100vw);
	}
}
.footer_contents::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 188px;
	left: 0;
}
@media print,screen and (max-width: 899px) {
	.footer_contents::before {
		top: calc(218 / 750 * 100vw);
	}
}
.fooetr_logo {
	width: calc(582px / 2);
	margin: 0 auto 150px;
}
@media print,screen and (max-width: 899px) {
	.fooetr_logo {
		width: calc(364 / 750 * 100vw);
		margin: 0 auto calc(167 / 750 * 100vw);
	}
}
.footer_title {
	color: #fff;
	font-size: 1.614rem;
	text-align: center;
	letter-spacing: 0.08em;
	margin: 0 0 .75em 0;
}
@media print,screen and (max-width: 899px) {
	.footer_title {
		font-size: calc(20.18 / 750 * 100vw);
	}
}
.footer_tel {
	width: calc(745px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.footer_tel {
		width: calc(465 / 750 * 100vw);
	}
}
.footer_tel a {
	display: block;
}
.footer_hours {
	color: #fff;
	font-size: 1.549rem;
	text-align: center;
	letter-spacing: 0.05em;
	margin: .75em 0 1em;
}
@media print,screen and (max-width: 899px) {
	.footer_hours {
		font-size: calc(19.36 / 750 * 100vw);
	}
}
.copyright {
	width: calc(416px / 2);
	margin: 0 auto;
}
@media print,screen and (max-width: 899px) {
	.copyright {
		width: calc(260 / 750 * 100vw);
	}
}

/****	---- end ----
===================================****/
