/* CSS Document */


body{
	background-image: url("../images/bg-body.jpg");
	background-position: center top;
	background-repeat: repeat-y;
	background-size: cover;
	font-size: min(16px,max(14px,1.6vw));
}
body > div[align="center"]{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

img[src*=".svg"]{width: 100%;}

.H_head{height:80px;}
header{
	padding: 0 20px;
	display: block;
}
header .H_head{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .logo{
	margin: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
header .logo img{
	width:auto;
	height:60px;
}
header .logo + .menu{
	width: 768px;
	max-width: calc(768px + 100vw - 1220px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .menu img[src*="arrow"]{
	margin-left: 0.5em;
	width:1em;
	height:1em;
	object-fit: contain;
	object-position: center bottom;
}
header .menubtn,
header .pop{display: none;}
@media screen and (max-width: 1139px) {
	.H_head{height: 60px;}
	header{padding-right: 0;}
	header .logo img{height: 42px;}
	header .logo + .menu{display: none;}
	header > .H_head > .hover_branch{
		margin-left: auto;
		margin-right: 10px;
	}
	header > .H_head > .hover_branch img{width:auto;height:40px;}
	header .menubtn{
		cursor: pointer;
		display: flex;
	}
	header .menubtn img{width:60px;height:60px;}
	header:not(.active) .menubtn img[src*="close"],
	header.active .menubtn img[src*="btn."],
	header .pop > *{display: none;}
	header .pop{
		position: absolute;
		top:100%;
		left:0;
		width:100%;
		display: block;
	}
	header .pop .menu{
		color:#FFF;
		background-color: rgba(0,0,0,0.85);
		padding: 55px 20px;
		gap: 40px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	header .pop .menu a{
		width:215px;
		max-width: 100%;
		display: flex;
		justify-content: space-between;
	}
}

footer{
	margin-top: auto;
	padding-top: min(30px,max(20px,3vw));
	background-color: #FFF;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer .logo{
	max-width: none;
	width:auto;
	margin: 0 auto min(15px,max(12px,1.5vw));
}
footer img[src*="logo"]{width:min(164px,max(131px,16.4vw));}
footer .logo_text{
	font-size: min(21px,max(17px,2.1vw));
	font-weight: 700;
	margin-bottom: min(25px,max(21px,2.5vw));
}
footer .tel{margin-bottom: 12px;}
footer img[src*="tel"]{width: min(325px,max(265px,32.5vw));margin: 0;}
footer .info{
	font-size: min(14px,max(12px,1.4vw));
	margin-bottom: min(27px,max(20px,2.7vw));
	gap: 0.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
footer small{width: 100%;background-color: #007c45;}

.anchor{position: relative;}
.anchor a{position: absolute;top:-80px;}
@media screen and (max-width: 1139px) {
	.anchor a{position: absolute;top:-80px;}
}

.Wbase{
	width:100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.Wbase.W880{max-width: 880px;}
.Wbase.W1200{max-width: 1200px;}
.Wbase.W1300{max-width: 1300px;}

.borderbox,.borderbox *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.pc_vanish,
.sp_vanish,
.vanish_branch{}
.img_Wauto img{width: auto;}
@media screen and (min-width: 601px) {
	.pc_vanish,
	.vanish_branch img[src*="-sp."],
	.vanish_branch_onoff img[src*="-sp."]{display:none!important;}
	.img_Wauto_pc img{width: auto;}
}
@media screen and (max-width: 600px) {
	.sp_vanish,
	.vanish_branch img[src*="-pc."],
	.vanish_branch_onoff img:not([src*="-sp."]){display:none!important;}
	.img_Wauto_sp img{width: auto;}
}
.hover_branch{}
.hover_branch:not(:hover) img[src*="-on."],
.hover_branch:hover img[src*="-off."]{display: none;}


.top_movie{
	height: auto;
	padding: 0 min(50px,max(20px,5vw)) min(40px,max(20px,4vw));
}
.top_movie video{
	display: block;
	width:100%;
	max-width: 1200px;
	margin: auto;
}

.top_sec01{background-color: #000;}
.top_sec01 .flex{
	padding: 0 20px min(60px,max(33px,6vw));
	display: flex;
	justify-content: center;
}
.top_sec01 .flex a{
	display: block;
	max-width:100%;
}
@media screen and (max-width: 600px) {
	.top_sec01 .flex a{width:335px;}
	.top_sec01.price .flex{padding: min(40px,max(20px,4vw)) 20px min(60px,max(33px,6vw));}
}

*[class*="top_"] .title img{}
*[class*="top_"] .title h2{
	text-align: left;
	margin-top: 20px;
	font-size: min(33px,max(27px,3.3vw));
	font-weight: 900;
	line-height: 1.25em;
	white-space: pre-wrap;
}
*[class*="top_"] .title h2 + img{}
*[class*="top_"] .title h2 + div{font-size: 0.9em;line-height: 1.5em;}

.top_sec02{}
.top_sec02 .bg{
	padding: 0 20px min(120px,max(50px,12vw));
	background-image: url("../images/top/sec02-bg-pc.webp");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto;
}
.top_sec02 .title{
	padding-top: min(100px,max(50px,10vw));
	padding-bottom: min(50px,max(35px,5vw));
}
.top_sec02 .flex{
	margin-bottom: min(50px,max(30px,5vw));
	gap: min(50px,max(35px,5vw)) 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_sec02 .flex > div{
	width:401px;
	max-width:calc(1% * 401 / 8.8);
}
.top_sec02 .movie{
	margin-top: min(100px,max(50px,10vw));
	padding-bottom: min(96px,max(40px,9.6vw));
	background-image: url("../images/top/sec02-movie-bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.top_sec02 .movie .m_title{
	padding: min(60px,max(30px,6vw)) 20px min(70px,max(30px,7vw));
	display: flex;
	justify-content: center;
}
.top_sec02 .movie .m_flex{
	margin: auto;
	width:768px;
	max-width: calc(100% - 70px);
	gap: 30px;
	display: flex;
	justify-content: space-between;
}
.top_sec02 .movie .m_flex > *{
	width: 326px;
	max-width: 100%;
}
@media screen and (max-width: 600px) {
	.top_sec02 .flex{
		flex-direction: column;
		align-items: center;
	}
	.top_sec02 .flex > div{max-width: 100%;}
	.top_sec02 .movie .m_flex{
		max-width: calc(100% - 115px);
		flex-direction: column;
		align-items: center;
	}
}

.top_sec03{
	padding: min(90px,max(50px,9vw)) 20px min(100px,max(40px,10vw));
	background-image: url("../images/top/sec03-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.top_sec03 .flex1{
	margin-top: min(50px,max(28px,5vw));
	margin-bottom: min(100px,max(55px,10vw));
	gap: min(48px,max(15px,calc(1vw * 15 / 3.75)));
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_sec03 .flex1 > *{
	flex-grow: 1;
	width: 40%;
}
.top_sec03 .flex1 > * a{
	margin-bottom: min(25px,max(20px,2.5vw));
	position: relative;
	display: flex;
}
.top_sec03 .flex1 > * a img[src*="btn"]{
	object-fit: cover;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.top_sec03 .flex1 .t{gap:1em;display: flex;justify-content: space-between;}
.top_sec03 .flex1 .t .t1{color:#007c45;font-size: min(24px,max(18px,calc(1vw * 18 / 3.75)));font-weight: 900;margin-bottom: 0.5em;}
.top_sec03 .flex1 .t .t2{font-size: min(13px,max(10px,calc(1vw * 10 / 3.75))); line-height: 1.5em; white-space: pre-wrap;}
.top_sec03 .flex1 .t .R{width:182px;min-width: 182px;}
.top_sec03 .flex2{
	margin-top: min(50px,max(28px,5vw));
	gap: 24px 2.4%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_sec03 .flex2 img{
	flex-grow: 1;
	width: 23.2%;
}
.top_sec03 .insta{
	margin-top: min(60px,max(36px,6vw));
	display: flex;
	justify-content: center;
}
.top_sec03 .insta img[src*="-sp."]{width:45px;}
@media screen and (min-width: 601px) {
	.top_sec03 .flex1 > * a img[src*="btn"][src*="-sp."]{display: none;}
}
@media screen and (max-width: 600px) {
	.top_sec03 .flex1 > * a img[src*="btn"]:not([src*="-sp."]){display: none;}
	.top_sec03 .flex1 .t{flex-direction: column;}
	.top_sec03 .flex1 .t .R{min-width: 0;max-width: 100%;}
	.top_sec03 .flex2{gap: 15px calc(1% * 15 / 3.35);}
	.top_sec03 .flex2 img{width:calc(1% * 159 / 3.35);}
}

.top_sec04{
	color:#FFF;
	padding: min(90px,max(60px,9vw)) 20px min(90px,max(80px,9vw));
	background-image: url("../images/top/sec04-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.top_sec04 .flex{
	margin-top: 40px;
	gap: 20px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_sec04 .flex > *{width:30%;}
.top_sec04 .flex > * img[src*="-p"]{
	background-image: url("../images/top/sec04-p-bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.top_sec04 .flex > * img[src*="-t"]{margin-top:15px;}
@media screen and (min-width: 601px) {
	.top_sec04 .flex > *:nth-child(3n+2){padding-top: 3.6%;}
	.top_sec04 .flex > *:nth-child(3n+3){padding-top: 7.2%;}
}
@media screen and (max-width: 600px) {
	.top_sec04 .flex > *{width:calc(1% * 160 / 3.35);}
	.top_sec04 .flex > *:nth-child(2n+2){padding-top: calc(1% * 35 / 3.35);}
}

.top_sec04_bottom{}
.top_sec04_bottom > .vanish_branch{
	padding: min(55px,max(35px,5.5vw)) 20px min(30px,max(18px,3vw));
	display: flex;
	justify-content: center;
}
.top_sec04_bottom img[src*="bottom-sp"]{width:320px;}

.con_pagetitle{position: relative;}
.con_pagetitle > img{
	object-fit: cover;
	height: min(500px,max(270px,50vw));
}
.con_pagetitle > div{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
*[class*="con_"] .en{
	margin-bottom: 0.75em;
	display: flex;
	justify-content: center;
}
*[class*="con_"] .en img{width:auto;}
.con_pagetitle > div .en{margin-bottom: 1em;}
.con_pagetitle > div .en + *{
	color:#FFF;
	font-size: min(50px,max(32px,5vw));
	font-weight: 700;
}

.con_subt h2{
	font-size: min(28px,max(20px,2.8vw));
	font-weight: 700;
	margin: 0;
}

.con_sec01{
	padding: min(80px,max(40px,8vw)) 20px;
	background-color: #000;
	color:#FFF;
}
.con_sec01 .con_subt + *{
	padding: min(55px,max(30px,5.5vw)) 0 min(35px,max(30px,3.5vw));
	display: flex;
	justify-content: center;
}
.con_sec01 .flex{
	padding: 0;
	display: flex;
	justify-content: center;
}
.con_sec01 .flex a{
	display: block;
	max-width:100%;
}
@media screen and (max-width: 600px) {
	.con_sec01 .flex a{width:335px;}
}
.con_sec01 .text1{
	padding: 30px 0 min(40px,max(20px,4vw));
	display: flex;
	justify-content: center;
}
.con_sec01 .text1 > *{
	white-space: pre-wrap;
	line-height: 1.75em;
}
.con_sec01 .tel{
	padding: 0;
	display: flex;
	justify-content: center;
}
.con_sec01 .tel img[src*="-pc."]{width:534px;}
.con_sec01 .tel img[src*="-sp."]{width:335px;}

.con_sec02{
	padding: min(100px,max(50px,10vw)) 20px;
}
.con_sec02 .list{
	margin-top: min(70px,max(35px,7vw));
	line-height: 1.75em;
	gap: min(60px,max(30px,6vw));
	display: flex;
	flex-direction: column;
}
.con_sec02 .list .set{display: flex;}
.con_sec02 .list .set .n{
	width: 160px;
	min-width: 160px;
}
.con_sec02 .list .set .tt{margin-bottom: 0.5em;}
@media screen and (min-width: 601px) {
	.con_sec02 .list .set .tt img[src*="-num"]{display: none;}
}
@media screen and (max-width: 600px) {
	.con_sec02 .list .set .n{display: none;}
	.con_sec02 .list .set .tt{
		gap: 20px;
		display: flex;
		align-items: flex-end;
	}
	.con_sec02 .list .set .tt img[src*="-num"]{height:54px;}
}

.con_sec03{
	background-color: #000;
	color:#FFF;
}
.con_sec03 .set{display: flex;}
.con_sec03 .set .t{display: flex;}
.con_sec03 .set .t > *{
	width:500px;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 601px) {
	.con_sec03 .set > *{
		flex-grow: 1;
		width:50%;
	}
	.con_sec03 .set .t:nth-child(1) > *{margin-left: auto;}
	.con_sec03 .set .t:nth-child(2) > *{margin-right: auto;}
	.con_sec03 .set .t > * img{
		max-width: calc(100% - 50px);
		max-height: calc(100% - 50px);
	}
}
@media screen and (max-width: 600px) {
	.con_sec03 .set{flex-direction: column;}
	.con_sec03 .set .p{order: 2;}
	.con_sec03 .set .t{order: 1;padding: 50px 0;justify-content: center;}
}

.con_sec04{
	padding: min(100px,max(50px,10vw)) 20px;
}
.con_sec04 .list{
	margin-top: min(50px,max(40px,5vw));
	gap: 0 4%;
	display: flex;
	justify-content: space-between;
}
.con_sec04 .list > *:nth-child(2n){padding-top: 4.5%;}
@media screen and (max-width: 600px) {
	.con_sec04 .list{flex-wrap: wrap;}
	.con_sec04 .list > *{width:calc(1% * 153 / 3.35);}
	.con_sec04 .list > *:nth-child(2n){padding-top: calc(1% * 30 / 3.35);}
}

.con_sec05{
	padding: min(85px,max(50px,8.5vw)) 20px min(100px,max(40px,10vw));
	color:#FFF;
	background-image: url("../images/sub/sec05-bg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.con_sec05 .text{
	text-align: center;
	margin-top: 35px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.con_sec05 .text .t1{font-size: 20px;}
.con_sec05 .text .t2{
	margin-top: 1em;
	text-align: center;
	white-space: pre-wrap;
	line-height: 1.75em;
}
.con_sec05 .map{margin-top: min(40px,max(30px,4vw));}
.con_sec05 .map > *{display:block;width:100%;}