@charset "UTF-8";

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

.sp_none{
	display:none;
}

#style01{
	width:100%;
}

img{
	width: 100%;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　ヘッダー　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.header{
	position: sticky;
	top: 0;
	left: 0;
	z-index: 6000;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 9.6vw;
	background: #FFFEEA;
	box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
}

.header01{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.header_logo{
	padding-left: 4.13vw;
	font-size: 3vw;
	mix-blend-mode: multiply;
}

.header_logo a,
.header_ins a{
	display: inline-block;
}

.header_logo img{
	width: 38.53vw;
}

.header_ins{
	position: absolute;
	top: 50%;
	right: 13.2vw;
	transform: translateY(-50%);
	z-index: 6010;
	width: 5.6vw;
	font-size: 3vw
}

.sp_menu{
	position: relative;
	z-index: 6030;
	width: 9.6vw;
	height: 9.6vw;
}

.sp_menu span{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 4.83vw;
	height: 0.66vw;
	border-radius: 0.33vw;
	background: #707070;
	transition: ease-in-out 0.3s;
}

.sp_menu span:nth-child(1){
	top: 30%;
}

.sp_menu span:nth-child(2){
	top: 50%;
}

.sp_menu span:nth-child(3){
	top: 70%;
}

.sp_menu.active span:nth-child(1){
	top: 50%;
	transform: translate(-50%, -50%) rotateZ(45deg);
}

.sp_menu.active span:nth-child(2){
	opacity: 0;
}

.sp_menu.active span:nth-child(3){
	top: 50%;
	transform: translate(-50%, -50%) rotateZ(-45deg);
}

.header_nav{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 6020;
	display: none;
	padding: 10vw 4.4vw;
	background: #fff;
	box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
	font-size: 3.73vw;
	letter-spacing: -0.05em;
	line-height: 1.1;
}

.header_nav li:not(:last-child){
	margin-bottom: 1.1em;
}

.header_nav li a{
	color: #707070;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　フッター　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.footer{
	position: relative;
	padding: 7.2vw 0 7.6vw;
	background: #307A6F;
	color: #fff;
	font-size: 3.33vw;
	font-weight: 700;
}

.footer01{
	padding: 0 4.86vw;
}

.footer01_l01{
	position: relative;
	padding-bottom: 1.73vw;
	margin-bottom: 2.26vw;
	text-align: center;
}

.footer01_l01:after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 0.53vw;
	background: url("./img/footer_border.svg") center /auto 0.53vw repeat-x;
}

.footer01_l02{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.46vw;
	line-height: 1.4;
}

.footer01_l02 address{
	font-style: normal;
}

.footer01_r{
	position: absolute;
	top: 2.4vw;
	right: 6.13vw;
}

.footer01_r img{
	width: 8.53vw;
}


.scroll_button{
	position: sticky;
	left: 0;
	bottom: 0;
	height: 12.88vw;
	box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
}

.scroll_button a{
	position: absolute;
	bottom: 0;
	width: 100%;
}





/*　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　メイン　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　*/

.main{
	background: #EFE8E1;
}



.is01{
	padding-bottom: 6.66vw;
}

.is01_box{
	padding: 3.06vw 0 6.32vw;
	margin-bottom: 6.17vw;
	background: #fff;
	box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
	text-align: center;
}

.is01_title01{
	margin-bottom: 2.48vw;
	font-size: 3vw;
}

.is01_title01 img{
	width: 76.66vw;
}

.is01_title02{
	margin-bottom: 2.13vw;
	font-size: 3vw;
}

.is01_title02 img{
	width: 94.53vw;
}

.is01_button01{
	padding: 0 2.13vw;
	margin-bottom: 6.66vw;
}

.is01_button01 a{
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 9.6vw;
	border: 0.66vw #0E0F0E solid;
	border-radius: 4.8vw;
	background: #FFF500;
	box-shadow: 0 0.8vw 0.8vw rgba(0, 0, 0, 0.2);
}

.is01_button01 a:hover{
	opacity: 0.7;
}

.is01_button01 a img{
	width: 69.624vw;
}

.is01_button01 a:hover img{
	opacity: 1;
}

.is01_button02{
	display: grid;
	gap: 6.66vw;
	margin-bottom: 6vw;
	text-align: center;
}

.is01_button02 img{
	width: 51.33vw;
}

.is01_button03{
	text-align: center;
}

.is01_button03 img{
	width: 80.93vw;
}

.is01_button02 img,
.is01_button03 img{
	filter: drop-shadow(0 0.4vw 0.8vw rgba(0, 0, 0, 0.16));
}




.is02{
	padding-bottom: 7.89vw;
}

.is02_box{
	padding: 2.93vw 0 11.6vw;
	background: #fff;
	box-shadow: 0 0.4vw 0.8vw rgba(0, 0, 0, 0.16);
}

#m01{
	padding: 9.6vw 6.13vw 0;
	margin: -9.6vw 0 6.93vw;
}

.is02_title01{
	padding: 0 0.4vw;
	margin-bottom: 3.46vw;
	font-size: 4vw;
	text-align: center;
}

.is02_movie{
	position: relative;
	padding-top: 56.23%;
}

.is02_movie img,
.is02_movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#m02{
	padding-top: 9.6vw;
	margin-top: -9.6vw;
}

.is02_title02{
	position: relative;
	padding-bottom: 3.2vw;
	margin-bottom: 4.26vw;
	font-size: 16px;
	text-align: center;
}

.is02_title02:before{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	content: "";
	width: 32.748vw;
	height: 0.86vw;
	background: url("./img/is02_title02_border.svg") center/contain no-repeat;
}

.is02_title02 img{
	width: 21.6vw;
}

.is02_text{
	padding: 0 4.93vw;
	font-size: 3.33vw;
	font-weight: 700;
	line-height: 1.74;
}

.is02_text p:not(:first-child){
	margin-top: 1.74em;
}

.is02_text p span{
	color: #E13B33;
}

.color_g{
	color: #7F817F;
}

.is02_img{
	margin-top: 12.4vw;
	text-align: center;
}

.is02_img img{
	width: 70.504vw;
}







}/* end */