@charset "utf-8";

/*
GLOBAL
***************************************************************************/
html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	width: 100%;
	height: 100%;
	text-align: left;
	font-family: "Noto Sans JP", sans-serif;
	word-break: break-all;
	font-size: calc((100vw / 375) * 11);
	font-weight: 500;
	line-height: 1.85;
	color: #595959;
	background: #fff;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.base_box { position:relative; }

/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,main,
form,fieldset,legend,pre,blockquote,div {
	margin: 0;
	padding: 0;
	font-feature-settings: "pkna";
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	line-height: 1.5;
}

article,aside,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,video {
	display: block;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	overflow: hidden;
}

li {
	list-style-type: none;
}

table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

th {
	text-align: left;
	font-weight: normal;
}

/* ▼LINK▼ */
a {
	color: #ea64ae;
	text-decoration: underline;
	outline: none;
}

/* ▼IMG▼ */
img, input[type="image"]{
	max-width: 100%;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	border: 0;
}

button {
	width: 100%;
	height: 100%;
	padding: 0;
	vertical-align: middle;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	transition: .3s;
}

.img_frame {
	position: relative;
	overflow: hidden;
}

.img_frame img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ▼BR▼ */
@media screen and (min-width: 480px){

	.landscape { display:block; }
	.portrait { display:none; }

}

@media screen and (max-width: 479px){

	.landscape { display:none; }
	.portrait { display:block; }

}

/*
CONTENTS
***************************************************************************/
/* ▼CTA▼ */
.cta_btn {
	position: absolute;
	bottom: calc((100vw / 375) * 35);
	left: 0;
	width: 100%;
	z-index: 10;
}

/* ▼TOPIMG▼ */
#topimg {
	position: relative;
}

#topimg .btn {
	position: absolute;
	bottom: calc((100vw / 375) * 455);
	left: 0;
	width: 100%;
	z-index: 10;
}

#topimg .bnr_list {
	position: absolute;
	bottom: calc((100vw / 375) * 30);
	left: calc((100vw / 375) * 20);
	width: calc((100vw / 375) * 335);
}

#topimg .bnr_list li {
	margin-bottom: calc((100vw / 375) * 15);
}

#topimg .bnr_list li:last-child { margin-bottom:0; }

/* ▼EFFECT▼ */
.effect_sec {
	padding: calc((100vw / 375) * 55) calc((100vw / 375) * 20) 0;
	background: #f7f4eb;
}

.effect_sec .sec_inner {
	position: relative;
	padding: calc((100vw / 375) * 50) 0 calc((100vw / 375) * 30);
	background: #fff;
	border-radius: calc((100vw / 375) * 15);
}

.effect_sec .title {
	position: absolute;
	top: calc((100vw / 375) * -20);
	left: 50%;
	width: calc((100vw / 375) * 215);
	transform: translateX(-50%);
	z-index: 10;
}

.effect_sec .effect_slide {
	overflow: hidden;
}

.effect_sec .slick-track {
	display: flex;
}

.effect_sec .effect_slide .box {
	width: calc((100vw / 375) * 335);
}

.effect_sec .btn_ctl {
	position: absolute;
	top: calc((100vw / 375) * 50);
	width: calc((100vw / 375) * 45);
	height: calc((100vw / 375) * 40);
	background-color: #c6b88c;
	background-repeat: no-repeat;
	background-size: calc((100vw / 375) * 45);
	z-index: 50;
}

.effect_sec .btn_ctl.prev {
	right: calc((100vw / 375) * 66);
	background-image: url(../images/arrow_prev.png);
	border-radius: 360px 0 0 360px;
}

.effect_sec .btn_ctl.next {
	right: calc((100vw / 375) * 20);
	background-image: url(../images/arrow_next.png);
	border-radius: 0 360px 360px 0;
}

.effect_sec .btn_ctl.slick-disabled { background-color:#d5d5d5!important; }

.effect_sec .pager {
	margin-top: calc((100vw / 375) * 5);
	text-align: center;
}

.effect_sec .pager li {
	display: inline-block;
	width: calc((100vw / 375) * 8);
	height: calc((100vw / 375) * 8);
	margin: 0 calc((100vw / 375) * 7);
	vertical-align: middle;
}

.effect_sec .pager li button {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #a4a4a4;
	border-radius: 50%;
}

.effect_sec .pager li.slick-active button {
	background: #b3a065;
}

/* ▼INFO▼ */
.info_sec {
	padding-bottom: calc((100vw / 375) * 35);
	background: #fff;
}

.info_sec .map {
	margin: 0 calc((100vw / 375) * 20);
}

.info_sec .map iframe {
	display: block;
	width: 100%;
	height: calc((100vw / 375) * 320);
	border: none;
}

.info_sec .btn {
	margin: 0 calc((100vw / 375) * 20);
}

/* ▼FAQ▼ */
.faq_cat {
	padding: calc((100vw / 375) * 35) calc((100vw / 375) * 20) calc((100vw / 375) * 40);
	background: #e7fafc;
}

.faq_cat .cat {
	margin-bottom: calc((100vw / 375) * 30);
}

.faq_cat .cat:last-child { margin-bottom:0; }

.faq_cat .cat_title {
	position: relative;
	margin-bottom: calc((100vw / 375) * 15);
	padding: calc((100vw / 375) * 12) calc((100vw / 375) * 20) calc((100vw / 375) * 14) calc((100vw / 375) * 26);
	font-size: calc((100vw / 375) * 15);
	color: #fff;
	background: #24a2ae;
}

.faq_cat .cat_title::before {
	content: '';
	position: absolute;
	top: 0;
	left: calc((100vw / 375) * 8);
	width: calc((100vw / 375) * 6);
	height: 100%;
	background: rgba(255,255,255,0.5);
}

.faq_list .box {
	margin-bottom: calc((100vw / 375) * 10);
	padding: 0 calc((100vw / 375) * 15);
	background: #fff;
}

.faq_list .box:last-child { margin-bottom:0; }

.faq_list .box .title {
	display: flex;
	align-items: center;
	position: relative;
	min-height: calc((100vw / 375) * 40);
	padding: calc((100vw / 375) * 15) 0 calc((100vw / 375) * 15) calc((100vw / 375) * 54);
	font-size: calc((100vw / 375) * 13);
	font-weight: 700;
	line-height: 1.65;
	background: url(../images/icon_q.jpg) left calc((100vw / 375) * 15) / calc((100vw / 375) * 40) no-repeat;
}

.faq_list .box .title.mini { font-size:calc((100vw / 375) * 12); }

.faq_list .box .inner {
	display: none;
	padding: calc((100vw / 375) * 15) 0 calc((100vw / 375) * 20);
	border-top: solid 1px #a9a9a9;
}

/* ▼FOOTER▼ */
footer {
	padding: calc((100vw / 375) * 20) 0;
	text-align: center;
	font-weight: 400;
	color: #fff;
	background: #61aeb5;
}

footer small { font-size:calc((100vw / 375) * 10); }

/* ▼FIXED▼
.fixed_sec {
	display: none;
	position: fixed;
	bottom: calc((100vw / 375) * 26);
	left: 0;
	width: 100%;
	z-index: 10;
} */

/*
PARTS
***************************************************************************/
/* ▼CONTENTS EFFECT▼ */
.delay_fade {
	opacity: 0;
	/*transform: translate(0,calc((100vw / 375) * 100)); 
	-webkit-transform: translate(0,calc((100vw / 375) * 100));*/
	transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-webkit-transition: all 500ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.delay_fade.active {
	opacity: 1.0;
	/*transform: translate(0,0); 
	-webkit-transform: translate(0,0);*/
}

/* ▼BUTTON▼ */
.btn_bound img {
	animation: bomb 3s linear 0s infinite normal;
	transition: .3s;
}

@keyframes bomb {
	0% { transform:scale(1); }
	7% { transform:scale(0.98); }
	14% { transform:scale(0.94); }
	21% { transform:scale(1); }
	28% { transform:scale(0.94); }
	35% { transform:scale(0.98); }
	42% { transform:scale(0.93); }
	46% { transform:scale(0.97); }
	50% { transform:scale(1); }
	100% { transform:scale(1); }
}

@keyframes fluffy {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(calc((100vw / 375) * 10));
	}
}

/* ▼ICON▼ */
.disp_switch .icon {
	position: absolute;
	top: 50%;
	right: 0;
	width: calc((100vw / 375) * 18);
	height: calc((100vw / 375) * 18);
	margin-top: calc((100vw / 375) * -9);
}

.disp_switch .icon:before, .disp_switch .icon:after {
	content: '';
	position: absolute;
	background: #24a2ae;
}

.disp_switch .icon:before {
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	margin-left: -0.5px;
}

.disp_switch .icon:after {
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	margin-top: -0.5px;
}

.disp_switch.opened .icon:before { display:none; }

/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }

.posit_r { position:relative!important; overflow-x:hidden; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w4per { width:4%; }
.w5per { width:5%; }
.w8per { width:8%; }
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w22per { width:22%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w45per { width:45%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w56per { width:56%; }
.w60per { width:60%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w100per { width:100%!important; }

.w90 { width:calc((100vw / 375) * 90)!important; }
.w160 { width:calc((100vw / 375) * 160)!important; }
.w250 { width:calc((100vw / 375) * 250)!important; }
.w400 { width:calc((100vw / 375) * 400)!important; }
.w500 { width:calc((100vw / 375) * 500)!important; }
.w510 { width:calc((100vw / 375) * 510)!important; }
.w580 { width:calc((100vw / 375) * 580)!important; }

.h240 { height:calc((100vw / 375) * 240)!important; }

/* ▼area▼ */
.mb60 { margin-bottom:calc((100vw / 375) * 60)!important; }
.mb55 { margin-bottom:calc((100vw / 375) * 55)!important; }
.mb50 { margin-bottom:calc((100vw / 375) * 50)!important; }
.mb45 { margin-bottom:calc((100vw / 375) * 45)!important; }
.mb40 { margin-bottom:calc((100vw / 375) * 40)!important; }
.mb35 { margin-bottom:calc((100vw / 375) * 35)!important; }
.mb30 { margin-bottom:calc((100vw / 375) * 30)!important; }
.mb25 { margin-bottom:calc((100vw / 375) * 25)!important; }
.mb20 { margin-bottom:calc((100vw / 375) * 20)!important; }
.mb15 { margin-bottom:calc((100vw / 375) * 15)!important; }
.mb12 { margin-bottom:calc((100vw / 375) * 12)!important; }
.mb10 { margin-bottom:calc((100vw / 375) * 10)!important; }
.mb8 { margin-bottom:calc((100vw / 375) * 8)!important; }
.mb5 { margin-bottom:calc((100vw / 375) * 5)!important; }
.mb0 { margin-bottom:calc((100vw / 375) * 0)!important; }

.mlr60 { margin-left:calc((100vw / 375) * 60)!important; margin-right:calc((100vw / 375) * 60)!important; }
.mlr55 { margin-left:calc((100vw / 375) * 55)!important; margin-right:calc((100vw / 375) * 55)!important; }
.mlr50 { margin-left:calc((100vw / 375) * 50)!important; margin-right:calc((100vw / 375) * 50)!important; }
.mlr45 { margin-left:calc((100vw / 375) * 40)!important; margin-right:calc((100vw / 375) * 45)!important; }
.mlr40 { margin-left:calc((100vw / 375) * 40)!important; margin-right:calc((100vw / 375) * 40)!important; }
.mlr35 { margin-left:calc((100vw / 375) * 35)!important; margin-right:calc((100vw / 375) * 35)!important; }
.mlr30 { margin-left:calc((100vw / 375) * 30)!important; margin-right:calc((100vw / 375) * 30)!important; }
.mlr25 { margin-left:calc((100vw / 375) * 25)!important; margin-right:calc((100vw / 375) * 25)!important; }
.mlr20 { margin-left:calc((100vw / 375) * 20)!important; margin-right:calc((100vw / 375) * 20)!important; }
.mlr15 { margin-left:calc((100vw / 375) * 15)!important; margin-right:calc((100vw / 375) * 15)!important; }
.mlr12 { margin-left:calc((100vw / 375) * 12)!important; margin-right:calc((100vw / 375) * 12)!important; }
.mlr10 { margin-left:calc((100vw / 375) * 10)!important; margin-right:calc((100vw / 375) * 10)!important; }
.mlr5 { margin-left:calc((100vw / 375) * 5)!important; margin-right:calc((100vw / 375) * 5)!important; }
.mlr-1 { margin-left:calc((100vw / 375) * -1)!important; margin-right:calc((100vw / 375) * -1)!important; }
.mlr-5 { margin-left:calc((100vw / 375) * -5)!important; margin-right:calc((100vw / 375) * -5)!important; }
.mlr-10 { margin-left:calc((100vw / 375) * -10)!important; margin-right:calc((100vw / 375) * -10)!important; }
.mlr-20 { margin-left:calc((100vw / 375) * -20)!important; margin-right:calc((100vw / 375) * -20)!important; }

.mr50 { margin-right:calc((100vw / 375) * 50)!important; }
.mr40 { margin-right:calc((100vw / 375) * 40)!important; }
.mr30 { margin-right:calc((100vw / 375) * 30)!important; }
.mr25 { margin-right:calc((100vw / 375) * 25)!important; }
.mr20 { margin-right:calc((100vw / 375) * 20)!important; }
.mr15 { margin-right:calc((100vw / 375) * 15)!important; }
.mr10 { margin-right:calc((100vw / 375) * 10)!important; }
.mr5 { margin-right:calc((100vw / 375) * 5)!important; }
.mr0 { margin-right:calc((100vw / 375) * 0)!important; }
.mr-5 { margin-right:calc((100vw / 375) * -5)!important; }

.ml50 { margin-left:calc((100vw / 375) * 50)!important; }
.ml40 { margin-left:calc((100vw / 375) * 40)!important; }
.ml30 { margin-left:calc((100vw / 375) * 30)!important; }
.ml20 { margin-left:calc((100vw / 375) * 20)!important; }
.ml15 { margin-left:calc((100vw / 375) * 15)!important; }
.ml10 { margin-left:calc((100vw / 375) * 10)!important; }
.ml0 { margin-left:calc((100vw / 375) * 0)!important; }
.ml-5 { margin-left:calc((100vw / 375) * -5)!important; }
.ml-10 { margin-left:calc((100vw / 375) * -10)!important; }
.ml-15 { margin-left:calc((100vw / 375) * -15)!important; }
.ml-20 { margin-left:calc((100vw / 375) * -20)!important; }

.mt60 { margin-top:calc((100vw / 375) * 60)!important; }
.mt55 { margin-top:calc((100vw / 375) * 55)!important; }
.mt50 { margin-top:calc((100vw / 375) * 50)!important; }
.mt45 { margin-top:calc((100vw / 375) * 45)!important; }
.mt40 { margin-top:calc((100vw / 375) * 40)!important; }
.mt30 { margin-top:calc((100vw / 375) * 30)!important; }
.mt20 { margin-top:calc((100vw / 375) * 20)!important; }
.mt15 { margin-top:calc((100vw / 375) * 15)!important; }
.mt10 { margin-top:calc((100vw / 375) * 10)!important; }
.mt5 { margin-top:calc((100vw / 375) * 5)!important; }
.mt3 { margin-top:calc((100vw / 375) * 3)!important; }
.mt0 { margin-top:calc((100vw / 375) * 0)!important; }
.mt-5 { margin-top:calc((100vw / 375) * -5)!important; }
.mt-10 { margin-top:calc((100vw / 375) * -10)!important; }
.mt-20 { margin-top:calc((100vw / 375) * -20)!important; }
.mt-40 { margin-top:calc((100vw / 375) * -40)!important; }
.mt-50 { margin-top:calc((100vw / 375) * -50)!important; }

.pb30 { padding-bottom:calc((100vw / 375) * 30)!important; }
.pb8 { padding-bottom:calc((100vw / 375) * 8)!important; }
.pb0 { padding-bottom:calc((100vw / 375) * 0)!important; }

.p20 { padding:calc((100vw / 375) * 20)!important; }
.p15 { padding:calc((100vw / 375) * 15)!important; }
.p10 { padding:calc((100vw / 375) * 10)!important; }

.pt60 { padding-top:calc((100vw / 375) * 60)!important; }
.pt50 { padding-top:calc((100vw / 375) * 50)!important; }

.ptb20 { padding-top:calc((100vw / 375) * 20)!important; padding-bottom:calc((100vw / 375) * 20)!important; }
.ptb15 { padding-top:calc((100vw / 375) * 15)!important; padding-bottom:calc((100vw / 375) * 15)!important; }
.ptb5 { padding-top:calc((100vw / 375) * 5)!important; padding-bottom:calc((100vw / 375) * 5)!important; }
.ptb0 { padding-top:calc((100vw / 375) * 0)!important; padding-bottom:calc((100vw / 375) * 0)!important; }

.plr25 { padding-left:calc((100vw / 375) * 25)!important; padding-right:calc((100vw / 375) * 25)!important; }

/* ▼font▼ */
.bold { font-weight:bold!important; }
.normal { font-weight:normal!important; }

.size10 { font-size:calc((100vw / 375) * 10)!important; }
.size11 { font-size:calc((100vw / 375) * 11)!important; }
.size12 { font-size:calc((100vw / 375) * 12)!important; }
.size13 { font-size:calc((100vw / 375) * 13)!important; }
.size14 { font-size:calc((100vw / 375) * 14)!important; }
.size16 { font-size:calc((100vw / 375) * 16)!important; }
.size17 { font-size:calc((100vw / 375) * 17)!important; }
.size18 { font-size:calc((100vw / 375) * 18)!important; }
.size19 { font-size:calc((100vw / 375) * 19)!important; }
.size20 { font-size:calc((100vw / 375) * 20)!important; }
.size22 { font-size:calc((100vw / 375) * 22)!important; }
.size24 { font-size:calc((100vw / 375) * 24)!important; }
.size30 { font-size:calc((100vw / 375) * 30)!important; }

.c_blue { color:#265a91!important; }

.lh2 { line-height:2!important; }
.lh18 { line-height:1.8!important; }
.lh16 { line-height:1.6!important; }
.lh15 { line-height:1.5!important; }

/* ▼link▼ */
a.line, .line { text-decoration:underline!important; }
a.no_line { text-decoration:none!important; }

/* ▼frame▼ */
.img_frame01 { border:solid 1px #fff; }

/* ▼line▼ */

/* ▼indent▼ */
.indent1 { margin-left:1em; text-indent:-1em; }
.indent2 { margin-left:2em; text-indent:-2em; }
.indent3 { margin-left:3em; text-indent:-3em; }
.indent4 { margin-left:4em; text-indent:-4em; }
.indent5 { margin-left:5em; text-indent:-5em; }
.indent6 { margin-left:6em; text-indent:-6em; }


/* ▼background▼ */
.bg_none { background:none!important; }

/* ▼border▼ */
.border_none { border:none!important; }