@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	list-style-type: none;
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
}
html,body{
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
	/**scrollbar-width: none;**/
	/**-ms-overflow-style: none;**/
}
body {
	position: relative;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
	font-size: 14px;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 0.04em;
	background: #fff;
}
@media screen and (min-width: 750px) {
body {
	font-size: 15px;
	line-height: 32px;
}
}
ul,li,ol {
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a img {
	color: #1a87d3;
	text-decoration: none;
	font-weight: 700;
}
img{
	display:block;
	width: 100%;
	height: auto;
}
video {
	display: block;
}
b{
	font-weight: 900;
}
.pc{
	display: none;
}
.sp{
	display: block;
}
@media screen and (min-width: 750px) {
.pc{
	display: block;
}
.sp{
	display: none;
}
}
.blue{
	color: #1a87d3;
}
.red{
	color: #e56385;
}
.container{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.relative{
	position: relative;
	z-index: 1;
}
/************************************
****** drawer
************************************/
.c2_5_video{
	position: absolute;
	z-index: 2;
	max-width: 688px;
	width: 91.7333%;
	left: 0;
	right: 0;
	bottom: 28.5%;
	margin: auto;
}
.c3_4_video{
	position: absolute;
	z-index: 2;
	max-width: 688px;
	width: 91.7333%;
	left: 0;
	right: 0;
	bottom: 8%;
	margin: auto;
}
.cta_last_bt{
	position: absolute;
	z-index: 2;
	max-width: 666px;
	width: 88.8%;
}
.cta_last_bt a{
	display: block;
	background: url("../img/cta_bt.webp")no-repeat center center;
	background-size: cover;
	padding: 27.92% 0 0;
	transition: .2s;
}
.cta_last_bt a:hover{
	background: url("../img/cta_bt_over.webp")no-repeat center center;
	background-size: cover;
}
.cta_1{
	left: 0;
	right: 0;
	margin: auto;
	bottom: 6%;
}
.cta_inside{
	left: 0;
	right: 0;
	margin: auto;
	bottom: 14%;
}
.cta_last1{
	left: 2.9%;
	bottom: 12%;
}
.cta_last2{
	right: 3.6%;
	bottom: 12%;
}
.cta_last3{
	left: 2.9%;
	bottom: 9%;
}
.cta_text{
	background: #f9eee0;
	background: linear-gradient(#f9eee0,#fffcf1);
	color: #4e454a;
	font-size: 2.4vw;
	line-height: 3.6vw;
	padding: 0 4% 6%;
}
.cta_text2{
	background: url("../img/cta2.webp")no-repeat center top;
	background-size: cover;
	color: #4e454a;
	font-size: 2.4vw;
	line-height: 3.6vw;
	padding: 0 4% 6%;
}
.cta_text_inside{
	position: absolute;
	width: 90%;
	left: 0;
	right: 0;
	margin: auto;
	top: 3%;
	color: #4e454a;
	font-size: 2.35vw;
	line-height: 3.6vw;
	padding: 0 4%;
}
.cta_presents{
	margin-top: -2.5%;
}
@media screen and (min-width: 750px) {
.cta_text{
	font-size: 13px;
	line-height: 22px;
}
.cta_text2{
	font-size: 13px;
	line-height: 22px;
}
.cta_text_inside{
	font-size: 16px;
	line-height: 30px;
}
}

.accordion{
	background: #f8f3e9;
	padding: 1% 0 12%;
}
.accordion_box{
	border: 1px solid #bb9d6c;
	width: 90.0398%;
	margin: 5% auto;
}
.toggle {
	display: none;
}
.Label {
	display: block;
	cursor: pointer;
	padding-bottom: 2%;
}
.Label::before{	
	content:"";
	background: url("../img/bt_qa_open.webp")no-repeat center center;
	background-size: cover;
	width: 7.058%;
	padding-top: 7.058%;
	height: 0;
	position: absolute;
	top:0;
	bottom: 0;
	right: 5%;
	margin: auto;
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {
	height: 0;
	overflow: hidden;
}
.toggle:checked + .Label + .content {
	height: auto;
	transition: all .3s;
}
.toggle:checked + .Label {
	padding-bottom: 0;
}
.toggle:checked + .Label::after {
	content: "";
	position: absolute;
	width: 89%;
	height: 1px;
	background: #bb9d6c;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.toggle:checked + .Label::before {
	transform: rotate(-180deg) !important;
}

.swiper-slide1_wrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.slide1_bg {
	background: #fceeab;
}
.slide1_bg img{
	filter: drop-shadow(5px 5px 10px #dfc585);
}
.slide2_bg{
	background: #ccc7db;
}
.slide2_bg img{
	filter: drop-shadow(5px 5px 10px #b09ebf);
}
.slide3_bg{
	background: #cbe6d6;
}
.slide3_bg img{
	filter: drop-shadow(5px 5px 10px #a7c9b2);
}
.swiper-slide1{
	position: relative!important;
	width: 100%;
	margin: 0 auto;
}
.swiper-slide1 .swiper-slide {
	padding-bottom: 20px;
}
.swiper-slide1 .swiper-slide img{
	max-width: 674px!important;
	width:89.8666%;
	margin: 0 auto;
}

.swiper-review_wrap{
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: url("../img/review_bg.webp")no-repeat center bottom,#e3e8e9;
	background-size: cover,auto;
}
.swiper-review{
	max-width: 100%!important;
	margin: 0 auto;
}
.swiper-review .swiper-slide img{
	width: 100%;
	margin: 0 auto;
}

.swiper-button-prev::after,
.swiper-button-next::after{
  content: "";
	position: absolute;
	z-index: 10;
	top: 40%;
	margin: auto;
	padding: 19.9% 0 0;
	display: block;
	max-width: 84px;
	width: 11.2%;
	height: 0;
	cursor: pointer;
}
.swiper-button-prev::after {
	background: url("../img/slide_prev.webp")no-repeat center center;
	background-size: cover;
	left: 0;
}
.swiper-button-next::after {
	background: url("../img/slide_next.webp")no-repeat center center;
	background-size: cover;
	right: 0;
}

.footer_btn_wrap{
	position: fixed;
	z-index: 999;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -280px;
	max-width: 721px;
	width: 96.1333%;
	transition: .5s;
	padding: 1% 0 2%;
}
.is-in .footer_btn_wrap{
	bottom: 0;
}
.footer_btn_wrap a{
	display: block;
	width: 100%;
	padding: 18.8626% 0 0;
	transition: .2s;
	background: url("../img/bt_float.webp")no-repeat center center;
	background-size: cover;
}

.type_wrap{
	background: #f5eee1;
	padding: 4% 5.3333%;
}
.type_head{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.type_tit{
	width: 21.79%;
}
.type_check{
	width: 78.21%;
}
.type_check_input{
	position: relative;
	z-index: 1;
}
.type_wrap input[type="checkbox"] {
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5.48%;
	height: 44%;
	background: #fff;
	border: 0.3vw solid #4e454a;
	vertical-align: -5px;
	-webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	cursor: pointer;
}
.type_wrap input[type="checkbox"]:checked:before {
	position: absolute;
	top: 0;
	left: 30%;
	margin: auto;
	transform: rotate(50deg);
	width: 35%;
	height: 65%;
	border-right: 0.5vw solid #4e454a;
	border-bottom: 0.5vw solid #4e454a;
	content: '';
}
label img {
	display: block;
	max-width: 450px;
	width: 85.87%;
	cursor: pointer;
	transition: .3s;
}
label img:hover {
	opacity: 0.5;
}
a.type_bt{
	display: block;
	margin-bottom: 6%;
	transition: opacity .3s;
}

.type_bt:not(.-active) {
	cursor: default;
	opacity: 0.3;
	pointer-event: none;
}

.type_bt.-activeAll {
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@media screen and (min-width: 750px) {
.type_wrap input[type="checkbox"] {
	border: 2px solid #4e454a;
}
.type_wrap input[type="checkbox"]:checked:before {
	border-right: 4px solid #4e454a;
	border-bottom: 4px solid #4e454a;
}
}

.c2_5_video{
	position: absolute;
	z-index: 2;
	width: 92%;
	left: 0;
	right: 0;
	margin: auto;
	top: 33%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.c2_5_video1,
.c2_5_video2{
	width: 49%;
}
.slide1_1video{
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	width: 89%;
	margin: auto;
	top: 28%;
}