@charset "UTF-8";
/* Scss Document */
/* Scss Document */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&display=swap");
/*layout*/
.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pl25 { padding-left: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pl30 { padding-left: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pl35 { padding-left: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pl40 { padding-left: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pl45 { padding-left: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pl50 { padding-left: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pl55 { padding-left: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pl60 { padding-left: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pl65 { padding-left: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pl70 { padding-left: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pl75 { padding-left: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pl80 { padding-left: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pl85 { padding-left: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pl90 { padding-left: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pl95 { padding-left: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pl100 { padding-left: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

/* main_visual
----------------------------------------------- */
#main_visual { position: relative; width: 100vw; height: 50vw; overflow: hidden; }
@media screen and (max-width: 959px) { #main_visual { height: 132.4296141814vw; } }
@media screen and (max-width: 767px) { #main_visual { height: 1000px; } }
@media screen and (max-width: 479px) { #main_visual { height: 800px; } }
#main_visual .sns_icon { position: absolute; top: 135px; right: 2vw; display: flex; flex-direction: column; }
#main_visual .sns_icon a { margin-bottom: 20px; }
#main_visual .sns_icon a:last-child { margin-bottom: 0; }
@media screen and (max-width: 959px) { #main_visual .sns_icon { display: none; } }
#main_visual .float_banner { position: absolute; bottom: 40px; right: 2vw; display: flex; flex-direction: column; -webkit-animation: bnr 1s ease-in-out infinite alternate; }
@media screen and (max-width: 959px) { #main_visual .float_banner { display: none; } }

@-webkit-keyframes bnr { 0% { -webkit-transform: translateY(-5px); }
  100% { -webkit-transform: translateY(0px); } }
#index-kv-animation { position: relative; }
#index-kv-animation .video-wrap { overflow: hidden; position: relative; width: 100%; height: 100%; }
#index-kv-animation .video-wrap video { width: 100%; height: 100%; object-fit: cover; object-position: center center; font-family: "object-fit: cover;object-position: center center;"; }
#index-kv-animation:before { content: ''; display: block; width: 100%; height: 100%; background-color: #b18247; position: absolute; right: 0; top: 0; z-index: 2; }
#index-kv-animation.remove:before { animation: kv-anime 1s cubic-bezier(0.075, 0.82, 0.165, 1) forwards; }

@keyframes kv-anime { 0% { width: 100%; }
  100% { width: 0; } }
#index-kv-slider { position: relative; z-index: 0; /*div{
	height: 100%;
}*/ }
@media screen and (max-width: 959px) { #index-kv-slider { height: 132.4296141814vw; } }
@media screen and (max-width: 767px) { #index-kv-slider { height: 1000px; } }
@media screen and (max-width: 479px) { #index-kv-slider { height: 800px; } }
#index-kv-slider .slick-slide { overflow: hidden; }
#index-kv-slider img { object-fit: cover; width: 100%; height: 100%; transition: 5s; transform: scale(1.2); font-family: 'object-fit: cover'; }
#index-kv-slider .slick-current img { transform: scale(1); }

#index-kv-text { position: absolute; z-index: 3; bottom: 12.25vw; left: 12.5%; right: 12.5%; }
@media screen and (min-width: 960px) { #index-kv-text { max-width: 30.25vw; } }
@media screen and (max-width: 959px) { #index-kv-text { left: 30px; right: 30px; } }
#index-kv-text h2 { color: #fff; font-family: "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴシック", "ＭＳ Ｐゴシック", sans-serif; font-size: 3vw; font-weight: 600; letter-spacing: -0.05em; margin-bottom: 2.2727272727vw; }
#index-kv-text h2::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.25) * .5em); content: ""; }
#index-kv-text h2::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.25) * .5em); content: ""; }
@media screen and (max-width: 959px) { #index-kv-text h2 { font-size: 46px; margin-bottom: 3.125vw; } }
@media screen and (max-width: 479px) { #index-kv-text h2 { font-size: 8.7682672234vw; } }
#index-kv-text p { color: #fff; margin-bottom: -10px; }
#index-kv-text p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 2.5) * .5em); content: ""; }
#index-kv-text p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 2.5) * .5em); content: ""; }
@media screen and (max-width: 1570px) { #index-kv-text p { font-size: 1.2738853503vw; } }
@media screen and (max-width: 959px) { #index-kv-text p { font-size: 16px; } }
@media screen and (max-width: 479px) { #index-kv-text p { font-size: 3.5490605428vw; } }
#index-kv-text p .bg-black { box-decoration-break: clone; -webkit-box-decoration-break: clone; display: inline; background-color: #000; padding: .3em 10px; margin-bottom: 10px; }
#index-kv-text .appli_bnr_sp { margin-top: 40px; width: 100%; background-color: #231815; padding: 30px 20px; border-radius: 50px; transition: 0.3s; }
#index-kv-text .appli_bnr_sp:hover { opacity: 0.8; }
@media screen and (min-width: 960px) { #index-kv-text .appli_bnr_sp { display: none; } }
#index-kv-text .appli_bnr_sp p { font-size: 20px; font-weight: 600; text-align: center; }
@media screen and (max-width: 479px) { #index-kv-text .appli_bnr_sp p { font-size: 4.1753653445vw; } }

/* ニュースフィード
----------------------------------------------- */
/*#news{
	position: relative;
	z-index: 2;
	margin-top: -50px;
	
	.news-bg{
		background-color: #fff;
		border-top: 1px solid $color-01;
		border-bottom: 1px solid $color-01;
		padding-bottom: 20px;
		padding-right: 300/1800*100%;
		@media screen and (max-width:1600px){
			padding-right: 0;
		}
	}
	
	.flex{
		@media screen and (min-width:960px){
			display: flex;
		}
		@media screen and (max-width:731px){
			margin-bottom: 1em;
		}
		h2{
			width: 450/1800*100%;
			font-family: $font-family-03;
			font-size: 24px;
			color: $color-text-02;
			text-align: right;
			background-color: $color-01;
			height: 50px;
			line-height: 50px;
			padding: 0 25px;
			@media screen and (max-width:959px){
				width: 50%;
			}
		}
	}
	
	.article-list{
		padding-left: 90/1800*100%;
		@media screen and (min-width:960px){
			width: (1800 - 450)/1800*100%;
		}
		@media screen and (max-width:1600px){
			padding-right: 90/1800*100%;
		}
		@media screen and (max-width:959px){
			padding-top: 20px;
		}
		li{
			line-height: 40px;
			@media screen and (min-width:732px){
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			@media screen and (max-width:731px){
				line-height: $base-lh;
				+ li{
					margin-top: .5em;
				}
			}
			a{
				color: $color-text-02;
				span{
					font-size: 14px;
					&.date{
						font-family: $font-family-03;
						font-weight: bold;
						font-size: 16px;
						width: 100px;
						padding-right: 1em;
					}
					&.category{
						width: 165px;
						padding-right: 1em;
					}
					&.title{
						@media screen and (max-width:731px){
							display: block;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
					}
				}
			}
		}
	}
	
	.more{
		color: $color-01;
		position: relative;
		display: inline-flex;
		align-items: flex-end;
		justify-content: flex-end;
		line-height: 1;
		font-size: 14px;
		font-family: $font-family-03;
		font-weight: bold;
		@media screen and (max-width:1600px){
			padding-right: 90/1800*100%;
		}
		&:after{
			@include content;
			background: url("../images/index/news_arow.png") no-repeat center center / contain;
			width: 90px;
			height: 7px;
			margin-left: 15px;
			transition: .5s;
		}
		&:hover:after{
			transform: translateX(10px);
		}
	}
	@media screen and (max-width:959px){
	}
	@media screen and (max-width:767px){
	}

}*/
/* main
----------------------------------------------- */
/* セクション
----------------------------------------------- */
/* ニュース
----------------------------------------------- */
#news { padding-top: 40px; }
#news ul { max-width: 1200px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
#news ul li { border-bottom: 1px solid #231815; padding: 20px 2vw; /*&:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}*/ }
#news ul li:first-child { padding-top: 0; }
#news ul li a { display: flex; align-items: center; }
#news ul li h3 { font-family: "Oswald", sans-serif; font-weight: 600; }
#news ul li p { padding-left: 3.5vw; }
@media screen and (max-width: 959px) { #news ul li { padding: 2.0855057351vw 4.1710114703vw; }
  #news ul li p { padding-left: 5.2137643379vw; line-height: 1.4; } }
#news .btn01 { margin-top: 40px; }

/* コンセプト
----------------------------------------------- */
#index_concept { padding-top: 120px; padding-bottom: 52px; }
@media screen and (max-width: 959px) { #index_concept { padding-top: 12.5130344108vw; padding-bottom: 0; } }
#index_concept .header h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_concept .header h2 { margin-bottom: 5.2137643379vw; } }
#index_concept .header h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 767px) { #index_concept .header h2 .en { font-size: max(50px, 60 / 767 * 100vw); letter-spacing: 0.6518904824vw; margin-bottom: 1.9556714472vw; } }
@media screen and (max-width: 479px) { #index_concept .header h2 .en { font-size: 10.4384133612vw; } }
#index_concept .header h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 767px) { #index_concept .header h2 .jp { font-size: max(20px, 26 / 767 * 100vw); } }
#index_concept .header p { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
#index_concept .flex { display: flex; justify-content: center; }
#index_concept .concept_text { width: 42.75vw; }
@media screen and (max-width: 959px) { #index_concept .concept_text { width: 100%; } }
#index_concept .concept_text > div { padding-top: 50vh; }
#index_concept .concept_text > div:first-child { padding-top: 11.4702815433vw; }
@media screen and (max-width: 959px) { #index_concept .concept_text > div { padding-top: 0px; }
  #index_concept .concept_text > div:last-child { padding-bottom: 0px; } }
#index_concept .concept_text .scroll-box01, #index_concept .concept_text .scroll-box02, #index_concept .concept_text .scroll-box03 { max-width: 490px; margin-left: 12.5vw; margin-right: 6vw; position: relative; z-index: 1; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box01, #index_concept .concept_text .scroll-box02, #index_concept .concept_text .scroll-box03 { max-width: 100%; margin-left: 0; margin-right: auto; padding-left: 20px; padding-right: 20px; } }
#index_concept .concept_text .scroll-box01 h2, #index_concept .concept_text .scroll-box02 h2, #index_concept .concept_text .scroll-box03 h2 { position: relative; }
#index_concept .concept_text .scroll-box01 h2 .en, #index_concept .concept_text .scroll-box02 h2 .en, #index_concept .concept_text .scroll-box03 h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 40px; letter-spacing: 5px; }
@media screen and (max-width: 767px) { #index_concept .concept_text .scroll-box01 h2 .en, #index_concept .concept_text .scroll-box02 h2 .en, #index_concept .concept_text .scroll-box03 h2 .en { margin-bottom: 2.6075619296vw; } }
@media screen and (max-width: 479px) { #index_concept .concept_text .scroll-box01 h2 .en, #index_concept .concept_text .scroll-box02 h2 .en, #index_concept .concept_text .scroll-box03 h2 .en { font-size: 10.4384133612vw; letter-spacing: 1.0438413361vw; } }
#index_concept .concept_text .scroll-box01 h2 .jp, #index_concept .concept_text .scroll-box02 h2 .jp, #index_concept .concept_text .scroll-box03 h2 .jp { display: inline-block; font-size: 30px; font-weight: 600; margin-bottom: 50px; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box01 h2 .jp, #index_concept .concept_text .scroll-box02 h2 .jp, #index_concept .concept_text .scroll-box03 h2 .jp { font-size: max(20px, 30 / 959 * 100vw); margin-bottom: 2.0855057351vw; } }
#index_concept .concept_text .scroll-box01 h2:after, #index_concept .concept_text .scroll-box02 h2:after, #index_concept .concept_text .scroll-box03 h2:after { content: ''; display: block; background: url("../images/index/01.png") no-repeat; background-size: contain; width: 229px; height: 250px; position: absolute; top: 30px; right: 0; z-index: -1; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box01 h2:after, #index_concept .concept_text .scroll-box02 h2:after, #index_concept .concept_text .scroll-box03 h2:after { width: max(100px, 229 / 959 * 100vw); height: max(109px, 250 / 959 * 100vw); top: 3.1282586027vw; left: 26.0688216893vw; } }
#index_concept .concept_text .scroll-box01 p, #index_concept .concept_text .scroll-box02 p, #index_concept .concept_text .scroll-box03 p { padding-right: 1vw; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box01 p, #index_concept .concept_text .scroll-box02 p, #index_concept .concept_text .scroll-box03 p { padding-right: 0; } }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box02 { padding-top: 10.4275286757vw; } }
#index_concept .concept_text .scroll-box02 h2:after { content: ''; display: block; background: url("../images/index/02.png") no-repeat; background-size: contain; width: 282px; height: 250px; position: absolute; top: 30px; right: 0; z-index: -1; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box02 h2:after { width: max(100px, 229 / 959 * 100vw); height: max(89px, 250 / 959 * 100vw); top: 3.1282586027vw; left: 26.0688216893vw; } }
@media screen and (min-width: 960px) { #index_concept .concept_text .scroll-box03 { padding-bottom: 35vh; } }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box03 { padding-top: 10.4275286757vw; } }
#index_concept .concept_text .scroll-box03 h2:after { content: ''; display: block; background: url("../images/index/03.png") no-repeat; background-size: contain; width: 280px; height: 250px; position: absolute; top: 30px; right: 0; z-index: -1; }
@media screen and (max-width: 959px) { #index_concept .concept_text .scroll-box03 h2:after { width: max(100px, 229 / 959 * 100vw); height: max(89px, 250 / 959 * 100vw); top: 3.1282586027vw; left: 26.0688216893vw; } }
#index_concept .concept_text .scroll-box03 .btn01 { margin-top: 40px; }
@media screen and (min-width: 960px) { #index_concept .concept_text .scroll-box03 .btn01 { margin-left: 0; } }
#index_concept .images { width: 1145px; height: 100vh; display: flex; align-items: center; position: sticky; position: -webkit-sticky; top: 0; }
@media screen and (max-width: 1999px) { #index_concept .images { width: 57.2786393197vw; } }
@media screen and (max-width: 959px) { #index_concept .images { display: none; } }
#index_concept .images .scroll-box01, #index_concept .images .scroll-box02, #index_concept .images .scroll-box03 { visibility: hidden; opacity: 0; /* フェード速度 */ transition: .8s; /*.bg_illust{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}*/ }
#index_concept .images .scroll-box01.active, #index_concept .images .scroll-box02.active, #index_concept .images .scroll-box03.active { visibility: visible; opacity: 1; }
#index_concept .images .scroll-box01 .active_img, #index_concept .images .scroll-box02 .active_img, #index_concept .images .scroll-box03 .active_img { width: 100%; margin: auto; display: block; /* 画像が透過pngの時は背景色が必要です */ position: absolute; top: 0; left: 0; bottom: 0; }
#index_concept .images .scroll-box01 { visibility: visible; opacity: 1; }
#index_concept .img { /*position: relative;
.active_img{
	width: 500/959*100vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}*/ }
@media screen and (min-width: 960px) { #index_concept .img { display: none; } }

/* ループ文字
----------------------------------------------- */
.loop { overflow: hidden; }
.loop ul { display: flex; transform: translateX(0); }
.loop ul li { padding-right: 0px; animation: loop-index 40s linear 0s infinite normal; }
.loop ul li img { max-width: none; width: 350px; height: 100%; }

@keyframes loop-index { 0% { transform: translateX(0); }
  100% { transform: translateX(-100%); } }
/* イベント情報
----------------------------------------------- */
#index_topics { padding-top: 100px; padding-bottom: 100px; }
@media screen and (max-width: 959px) { #index_topics { padding-top: 10.4275286757vw; padding-bottom: 10.4275286757vw; } }
#index_topics h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_topics h2 { margin-bottom: 6.2565172054vw; } }
#index_topics h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 40px; color: #222; line-height: 1; letter-spacing: 3px; font-weight: 600; }
@media screen and (max-width: 479px) { #index_topics h2 .en { font-size: 8.3507306889vw; } }
#index_topics h2 .jp { display: inline-block; font-size: 20px; }
@media screen and (max-width: 479px) { #index_topics h2 .jp { font-size: 4.1753653445vw; } }
#index_topics .topics_box { max-width: 1240px; margin-left: auto; margin-right: auto; display: flex; padding-left: 20px; padding-right: 20px; }
#index_topics .topics_box .box { position: relative; width: 260px; margin-left: 53px; }
#index_topics .topics_box .box:first-child { margin-left: 0; }
@media screen and (max-width: 1239px) { #index_topics .topics_box .box { width: 20.9846650525vw; margin-left: 4.2776432607vw; } }
#index_topics .topics_box .box a img:hover { opacity: 1; }
#index_topics .topics_box .box h3 { width: 90px; height: 30px; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; }
#index_topics .topics_box .box h3.event { background-color: #231815; color: #fff; }
#index_topics .topics_box .box h3.news { background-color: #b18247; color: #fff; }
#index_topics .topics_box .box .text { margin-top: 30px; max-width: 260px; }
@media screen and (max-width: 479px) { #index_topics .topics_box .box .text { margin-top: 4.1753653445vw; } }
#index_topics .topics_box .box .text h4 { font-family: "Oswald", sans-serif; font-weight: bold; margin-bottom: 15px; line-height: 1; }
@media screen and (max-width: 479px) { #index_topics .topics_box .box .text h4 { margin-bottom: 3.1315240084vw; } }
@media screen and (max-width: 959px) { #index_topics .topics_box .box .text p { line-height: 1.4; } }
@media screen and (max-width: 767px) { #index_topics .topics_box { flex-wrap: wrap; justify-content: space-between; }
  #index_topics .topics_box .box { width: 48%; display: flex; justify-content: center; margin-left: 0; /*&:nth-child(3n){
	margin-left: 0;
}*/ }
  #index_topics .topics_box .box:nth-child(-n+2) { margin-bottom: 30px; }
  #index_topics .topics_box .box a { position: relative; } }
#index_topics .btn01 { margin-top: 40px; }

/* インスタ
----------------------------------------------- */
#index_insta { padding-bottom: 200px; }
@media screen and (max-width: 959px) { #index_insta { padding-bottom: 20.8550573514vw; } }
#index_insta h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_insta h2 { margin-bottom: 6.2565172054vw; } }
#index_insta h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 40px; color: #b18247; line-height: 1; letter-spacing: 3px; font-weight: 600; }
@media screen and (max-width: 479px) { #index_insta h2 .en { font-size: 8.3507306889vw; } }
#index_insta h2 .jp { display: inline-block; font-size: 20px; }
@media screen and (max-width: 479px) { #index_insta h2 .jp { font-size: 4.1753653445vw; } }
#index_insta .insta_sample { width: 2000px; margin-left: auto; margin-right: auto; display: block; }
#index_insta .btn01 { margin-top: 40px; }

#instafeed .slick-slide { height: 370px; }
#instafeed .insta-item { width: 370px; margin-left: 50px; position: relative; overflow: hidden; /*&:hover{
	&:after{	
		opacity: 1;
	}		
}*/ }
#instafeed .insta-item:after { content: ''; display: block; width: 38px; height: 38px; background: url("../images/index/insta_feed_icon.png") no-repeat; position: absolute; bottom: 20px; right: 20px; transition: .5s; }
#instafeed .insta-item img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; }
#instafeed .insta-item p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #FFF; opacity: 0; transition: .5s; padding: 30px; display: flex; flex-direction: column; justify-content: center; }
#instafeed .insta-item p span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; }
#instafeed .insta-item:hover p { opacity: 1; }

/* サービス
----------------------------------------------- */
#index_service { padding-top: 120px; }
@media screen and (max-width: 959px) { #index_service { padding-top: 12.5130344108vw; } }
#index_service .header { margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_service .header { margin-bottom: 6.2565172054vw; } }
#index_service .header h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_service .header h2 { margin-bottom: 6.2565172054vw; } }
#index_service .header h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 959px) { #index_service .header h2 .en { margin-bottom: 1.5641293014vw; letter-spacing: 0.5213764338vw; } }
@media screen and (max-width: 479px) { #index_service .header h2 .en { font-size: max(30px, 60 / 479 * 100vw); } }
#index_service .header h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #index_service .header h2 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#index_service .header p { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
#index_service .service_link { display: flex; }
@media screen and (max-width: 767px) { #index_service .service_link { flex-direction: column; } }
#index_service .service_link .service01, #index_service .service_link .service02 { width: 100%; }
#index_service .service_link .service01 a .cover, #index_service .service_link .service02 a .cover { position: relative; overflow: hidden; transform: translate3d(0, 0, 0); max-height: 660px; }
#index_service .service_link .service01 a .cover .cover_image, #index_service .service_link .service02 a .cover .cover_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
#index_service .service_link .service01 a .cover .title, #index_service .service_link .service02 a .cover .title { position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; line-height: 1; color: #fff; background-color: #231815; border-radius: 0 0 25px 0; opacity: 0; }
@media screen and (max-width: 959px) { #index_service .service_link .service01 a .cover .title, #index_service .service_link .service02 a .cover .title { visibility: visible; opacity: 1; } }
#index_service .service_link .service01 a .cover .title.brown, #index_service .service_link .service02 a .cover .title.brown { background-color: #b18247; }
#index_service .service_link .service01 a .cover .title span, #index_service .service_link .service02 a .cover .title span { display: block; padding: 20px 45px; transform: translate3d(0, 30%, 0) translate3d(0, 0, 0); }
@media (min-width: 767px) and (max-width: 959px) { #index_service .service_link .service01 a .cover .title span, #index_service .service_link .service02 a .cover .title span { padding: 15px 35px; } }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover .title span, #index_service .service_link .service02 a .cover .title span { padding: 15px 35px; } }
@media screen and (max-width: 959px) { #index_service .service_link .service01 a .cover .title span, #index_service .service_link .service02 a .cover .title span { transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } }
#index_service .service_link .service01 a .cover .title span .en, #index_service .service_link .service02 a .cover .title span .en { font-family: "Oswald", sans-serif; font-size: 40px; font-weight: 600; letter-spacing: 3px; margin-bottom: 10px; }
@media (min-width: 767px) and (max-width: 959px) { #index_service .service_link .service01 a .cover .title span .en, #index_service .service_link .service02 a .cover .title span .en { font-size: 28px; } }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover .title span .en, #index_service .service_link .service02 a .cover .title span .en { font-size: 22px; } }
#index_service .service_link .service01 a .cover .title span .ja, #index_service .service_link .service02 a .cover .title span .ja { font-size: 20px; /*@media (min-width: 767px) and (max-width: 959px) {
	font-size: 28px;
}*/ }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover .title span .ja, #index_service .service_link .service02 a .cover .title span .ja { font-size: 18px; } }
#index_service .service_link .service01 a .cover .btn_more, #index_service .service_link .service02 a .cover .btn_more { position: absolute; bottom: 0; right: 0; z-index: 1; overflow: hidden; line-height: 1; color: #fff; background-color: #231815; opacity: 0; }
@media screen and (max-width: 959px) { #index_service .service_link .service01 a .cover .btn_more, #index_service .service_link .service02 a .cover .btn_more { visibility: visible; opacity: 1; } }
#index_service .service_link .service01 a .cover .btn_more.brown, #index_service .service_link .service02 a .cover .btn_more.brown { background-color: #b18247; }
#index_service .service_link .service01 a .cover .btn_more p, #index_service .service_link .service02 a .cover .btn_more p { display: block; padding: 30px 100px 30px 60px; font-size: 20px; line-height: 1; transform: translate3d(0, 30%, 0) translate3d(0, 0, 0); }
@media screen and (max-width: 959px) { #index_service .service_link .service01 a .cover .btn_more p, #index_service .service_link .service02 a .cover .btn_more p { transform: translate3d(0, 0, 0) translate3d(0, 0, 0); } }
@media (min-width: 767px) and (max-width: 959px) { #index_service .service_link .service01 a .cover .btn_more p, #index_service .service_link .service02 a .cover .btn_more p { font-size: 18px; padding: 15px 50px 15px 30px; } }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover .btn_more p, #index_service .service_link .service02 a .cover .btn_more p { font-size: 18px; padding: 15px 50px 15px 30px; } }
#index_service .service_link .service01 a .cover .btn_more p:after, #index_service .service_link .service02 a .cover .btn_more p:after { content: ''; display: block; background: url("../images/common/button_arrow_service.png") no-repeat; width: 24px; height: 24px; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#index_service .service_link .service01 a .cover:before, #index_service .service_link .service02 a .cover:before { display: block; padding-top: 100%; content: ""; }
#index_service .service_link .service01 a .cover:after, #index_service .service_link .service02 a .cover:after { content: ""; position: absolute; top: 20px; left: 20px; width: calc(100% - 2 * 20px); height: calc(100% - 2 * 20px); box-shadow: 0 0 0 calc(0 + 0) #231815; }
@media (min-width: 767px) and (max-width: 959px) { #index_service .service_link .service01 a .cover:after, #index_service .service_link .service02 a .cover:after { top: 15px; left: 15px; width: calc(100% - 2 * 15px); height: calc(100% - 2 * 15px); } }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover:after, #index_service .service_link .service02 a .cover:after { top: 15px; left: 15px; width: calc(100% - 2 * 15px); height: calc(100% - 2 * 15px); } }
#index_service .service_link .service01 a .cover.brown:after, #index_service .service_link .service02 a .cover.brown:after { box-shadow: 0 0 0 calc(0 + 0) #b18247; }
@media screen and (max-width: 959px) { #index_service .service_link .service01 a .cover:after, #index_service .service_link .service02 a .cover:after { transition: box-shadow 0.3s ease-out; box-shadow: 0 0 0 calc(3rem + 1.4rem) #231815; }
  #index_service .service_link .service01 a .cover.brown:after, #index_service .service_link .service02 a .cover.brown:after { box-shadow: 0 0 0 calc(3rem + 1.4rem) #b18247; } }
@media screen and (max-width: 479px) { #index_service .service_link .service01 a .cover:after, #index_service .service_link .service02 a .cover:after { transition: box-shadow 0.3s ease-out; box-shadow: 0 0 0 15px #231815; }
  #index_service .service_link .service01 a .cover.brown:after, #index_service .service_link .service02 a .cover.brown:after { box-shadow: 0 0 0 15px #b18247; } }
#index_service .service_link .service01 a:hover .cover .title, #index_service .service_link .service02 a:hover .cover .title { visibility: visible; opacity: 1; transition: visibility 0s,opacity 0.3s; }
#index_service .service_link .service01 a:hover .cover .title span, #index_service .service_link .service02 a:hover .cover .title span { transition: transform 0.3s ease-out; transform: translate3d(0, 0, 0); }
#index_service .service_link .service01 a:hover .cover .btn_more, #index_service .service_link .service02 a:hover .cover .btn_more { visibility: visible; opacity: 1; transition: visibility 0s,opacity 0.3s; }
#index_service .service_link .service01 a:hover .cover .btn_more p, #index_service .service_link .service02 a:hover .cover .btn_more p { transition: transform 0.3s ease-out; transform: translate3d(0, 0, 0); }
#index_service .service_link .service01 a:hover .cover:after, #index_service .service_link .service02 a:hover .cover:after { transition: box-shadow 0.3s ease-out; box-shadow: 0 0 0 calc(3rem + 1.4rem) #231815; }
#index_service .service_link .service01 a:hover .cover.brown:after, #index_service .service_link .service02 a:hover .cover.brown:after { box-shadow: 0 0 0 calc(3rem + 1.4rem) #b18247; }
#index_service .service_other { margin-top: 100px; }
@media screen and (max-width: 959px) { #index_service .service_other { margin-top: 10.4275286757vw; } }
#index_service .service_other h3 { font-size: 26px; text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 959px) { #index_service .service_other h3 { margin-bottom: 3.1282586027vw; } }
@media screen and (max-width: 479px) { #index_service .service_other h3 { font-size: max(20px, 26 / 479 * 100vw); } }
#index_service .service_other ul { display: flex; justify-content: center; padding-right: 20px; padding-left: 20px; max-width: 1240px; margin-left: auto; margin-right: auto; /*@media screen and (max-width: 767px) {
	justify-content: center;
	li{
		width: calc(33.33333% - 60/767*100vw);
		margin-left: 60/767*100vw;
		&:first-child,&:nth-child(4n){
			margin-left: 0;
		}
		&:nth-child(-n+3){
			margin-bottom: 30/767*100vw;
		}
	}
}*/ }
#index_service .service_other ul li { display: flex; flex-direction: column; align-items: center; width: 160px; margin-right: 60px; }
@media screen and (max-width: 1279px) { #index_service .service_other ul li { margin-right: 4.6911649726vw; } }
#index_service .service_other ul li:last-child { margin-right: 0; }
#index_service .service_other ul li p { margin-top: 20px; text-align: center; }
@media screen and (max-width: 767px) { #index_service .service_other ul li p { margin-top: 2.6075619296vw; line-height: 1.4; } }
@media screen and (max-width: 479px) { #index_service .service_other ul { flex-wrap: wrap; }
  #index_service .service_other ul li { width: 50%; padding-left: 2.0876826722vw; padding-right: 2.0876826722vw; margin-right: 0; }
  #index_service .service_other ul li:nth-child(-n+2) { margin-bottom: 3.9113428944vw; } }
#index_service .service_other ul.second { margin-top: 30px; width: 75%; }
@media screen and (max-width: 767px) { #index_service .service_other ul.second { margin-top: 3.9113428944vw; } }
@media screen and (max-width: 479px) { #index_service .service_other ul.second { width: 100%; } }
#index_service .service_other .btn01 { margin-top: 40px; }

/* フロアマップ
----------------------------------------------- */
#index_map { padding-top: 100px; padding-bottom: 125px; }
@media screen and (max-width: 959px) { #index_map { padding-top: 10.4275286757vw; padding-bottom: 13.0344108446vw; } }
#index_map h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_map h2 { margin-bottom: 6.2565172054vw; } }
#index_map h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 40px; color: #b18247; line-height: 1; letter-spacing: 3px; font-weight: 600; }
@media screen and (max-width: 479px) { #index_map h2 .en { font-size: 8.3507306889vw; letter-spacing: 0.6263048017vw; } }
#index_map h2 .jp { display: inline-block; font-size: 20px; }
@media screen and (max-width: 479px) { #index_map h2 .jp { font-size: 4.1753653445vw; } }
#index_map .map { text-align: center; position: relative; max-width: 1700px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 959px) { #index_map .map .for_pc { display: none; } }
@media screen and (min-width: 960px) { #index_map .map .for_sp { display: none; } }
@media screen and (max-width: 959px) { #index_map .map .for_sp { display: block; margin-right: auto; margin-left: auto; } }
#index_map .map .facility_btn { position: absolute; }
#index_map .map .facility_btn.relax { top: 38.8219544846%; left: 7.0588235294%; /*@media screen and (max-width: 1400px) {
	top: 290/716*100%;
	left: 120/1400*100%;
}*/ }
#index_map .map .facility_btn.uketsuke { top: 30.1204819277%; left: 42.3529411765%; }
#index_map .map .facility_btn.tenji { top: 68.2730923695%; left: 18.8235294118%; }
#index_map .map .facility_btn.syutyu { top: 12.0481927711%; left: 50.2941176471%; }
#index_map .map .facility_btn.lounge { top: 26.7737617135%; left: 18.5294117647%; }
#index_map .map .facility_btn.private { position: absolute; top: 14.0562248996%; left: 27.6470588235%; }
#index_map .map .facility_btn.community { top: 62.2489959839%; left: 43.5294117647%; }
#index_map .map .facility_btn .hover_area { position: relative; }
#index_map .map .facility_btn .hover_area .hover_text { opacity: 0; transition: 0.2s; }
#index_map .map .facility_btn .hover_area .hover_text:after { content: ''; display: block; background: url("../images/index/floor_map_icon_arrow.png") no-repeat; width: 8px; height: 36px; position: relative; margin: 0 auto; }
#index_map .map .facility_btn .hover_area .hover_text p { padding: 10px 20px; color: #fff; font-size: 20px; background: #231815; line-height: 1.2; }
@media screen and (max-width: 1700px) { #index_map .map .facility_btn .hover_area .hover_text p { font-size: max(14px, 20 / 1700 * 100vw); padding: 0.5882352941vw 1.1764705882vw; } }
#index_map .map .facility_btn .hover_area .hover_text_none:before { position: absolute; content: ''; display: block; top: 100%; left: 0; right: 0; margin: 0 auto; border: 10px solid transparent; border-top: 10px solid #b18247; width: 0; height: 0; }
#index_map .map .facility_btn .hover_area .hover_text_none:after { position: absolute; content: ''; display: block; background: url("../images/common/button_arrow.png") no-repeat; background-size: contain; width: 12px; height: 21px; top: 0; bottom: 0; margin: auto 0; right: 20px; transition: 0.5s; }
@media screen and (max-width: 1700px) { #index_map .map .facility_btn .hover_area .hover_text_none:after { width: 0.7058823529vw; height: 1.2352941176vw; right: 1.1764705882vw; } }
#index_map .map .facility_btn .hover_area .hover_text_none:hover:after { right: 10px; }
@media screen and (max-width: 1700px) { #index_map .map .facility_btn .hover_area .hover_text_none:hover:after { right: 0.5882352941vw; } }
#index_map .map .facility_btn .hover_area .hover_text_none p { padding: 10px 45px; color: #fff; font-size: 20px; background: #b18247; line-height: 1.2; }
@media screen and (max-width: 1700px) { #index_map .map .facility_btn .hover_area .hover_text_none p { font-size: max(14px, 20 / 1700 * 100vw); padding: 0.5882352941vw 2.6470588235vw; } }
#index_map .map .facility_btn .hover_area .icon_all { transition: 0.2s; position: absolute; bottom: -13px; left: 0; right: 0; margin: 0 auto; line-height: 0; }
@media screen and (max-width: 959px) { #index_map .map .facility_btn .hover_area .icon_all { display: none; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
/* 利用料金
----------------------------------------------- */
#index_plan { padding-top: 125px; padding-bottom: 120px; }
@media screen and (max-width: 959px) { #index_plan { padding-top: 13.0344108446vw; padding-bottom: 12.5130344108vw; } }
#index_plan .header01 { margin-bottom: 70px; }
@media screen and (max-width: 959px) { #index_plan .header01 { margin-bottom: 7.299270073vw; } }
#index_plan .header01 h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_plan .header01 h2 { margin-bottom: 6.2565172054vw; } }
#index_plan .header01 h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 479px) { #index_plan .header01 h2 .en { font-size: max(30px, 60 / 479 * 100vw); letter-spacing: 1.0438413361vw; margin-bottom: 3.1315240084vw; } }
#index_plan .header01 h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #index_plan .header01 h2 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#index_plan .header01 p { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
#index_plan .plan_list { padding-left: 20px; padding-right: 20px; }
#index_plan .plan_list .header02 { margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_plan .plan_list .header02 { margin-bottom: 6.2565172054vw; } }
@media screen and (max-width: 479px) { #index_plan .plan_list .header02 { margin-bottom: 10.4384133612vw; } }
#index_plan .plan_list .header02.mb { margin-bottom: 30px; }
@media screen and (max-width: 959px) { #index_plan .plan_list .header02.mb { margin-bottom: 3.1282586027vw; } }
@media screen and (max-width: 479px) { #index_plan .plan_list .header02.mb { margin-bottom: 6.2630480167vw; } }
#index_plan .plan_list .header02 h3 { text-align: center; }
#index_plan .plan_list .header02 h3 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; color: #b18247; line-height: 1; }
@media screen and (max-width: 479px) { #index_plan .plan_list .header02 h3 .en { font-size: max(30px, 60 / 479 * 100vw); } }
#index_plan .plan_list .header02 h3 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #index_plan .plan_list .header02 h3 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#index_plan .plan_list .accordion { margin-top: 50px; max-width: 1200px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 767px) { #index_plan .plan_list .accordion { margin-top: 6.518904824vw; } }
#index_plan .plan_list .accordion .option { position: relative; margin-top: 50px; border-bottom: 1px solid #000; }
#index_plan .plan_list .accordion .option:first-child { margin-top: 0; }
#index_plan .plan_list .accordion .option .toggle { display: none; }
#index_plan .plan_list .accordion .option .toggle:checked + .title + .content { max-height: 500px; transition: all 1.5s; }
#index_plan .plan_list .accordion .option .toggle:checked + .title::before { transform: rotate(90deg) !important; }
#index_plan .plan_list .accordion .option .title, #index_plan .plan_list .accordion .option .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#index_plan .plan_list .accordion .option .title { /*span{
	&:before{
		@include content;
		width: 50px;
		height: 50px;
		background-color: #d5d0fb;
		border-radius: 30px;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		z-index: -1;
		@media screen and (max-width: 767px) {
			width: 40px;
			height: 40px;
		}
	}
}*/ }
#index_plan .plan_list .accordion .option .title h4 { text-align: center; }
@media screen and (max-width: 479px) { #index_plan .plan_list .accordion .option .title h4 { padding-right: 10.4384133612vw; } }
#index_plan .plan_list .accordion .option .title h4 .jp { display: inline-block; font-size: 26px; line-height: 1; }
@media screen and (max-width: 479px) { #index_plan .plan_list .accordion .option .title h4 .jp { font-size: 22px; } }
#index_plan .plan_list .accordion .option .title h4 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 16px; color: #b18247; line-height: 1; letter-spacing: 3px; }
@media screen and (max-width: 479px) { #index_plan .plan_list .accordion .option .title h4 .en { letter-spacing: 0.6263048017vw; } }
#index_plan .plan_list .accordion .option .title:after, #index_plan .plan_list .accordion .option .title:before { content: ""; position: absolute; right: 24px; top: 0; width: 2px; height: 30px; background-color: #000; transition: all 0.3s; z-index: 1; }
@media screen and (max-width: 767px) { #index_plan .plan_list .accordion .option .title:after, #index_plan .plan_list .accordion .option .title:before { right: 19px; height: 20px; } }
#index_plan .plan_list .accordion .option .title:after { transform: rotate(90deg); }
#index_plan .plan_list .accordion .option .content { max-height: 0; overflow: hidden; margin-top: 30px; }
@media screen and (max-width: 767px) { #index_plan .plan_list .accordion .option .content { margin-top: 3.9113428944vw; } }
#index_plan .plan_list .accordion .option .content .plan_box { border-bottom: 1px solid #000; }
#index_plan .plan_list + .plan_list { margin-top: 80px; }
@media screen and (max-width: 767px) { #index_plan .plan_list + .plan_list { margin-top: 40px; } }
#index_plan .plan_box { max-width: 1200px; margin-left: auto; margin-right: auto; border: 2px solid #231815; background-color: #fff; padding-left: 40px; padding-right: 40px; position: relative; }
@media screen and (max-width: 767px) { #index_plan .plan_box { padding-left: 20px; padding-right: 20px; } }
@media screen and (max-width: 479px) { #index_plan .plan_box { padding-left: 4.1753653445vw; padding-right: 4.1753653445vw; } }
#index_plan .plan_box.mt { margin-top: 80px; }
@media screen and (max-width: 767px) { #index_plan .plan_box.mt { margin-top: 40px; } }
#index_plan .plan_box h3 { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #231815; color: #fff; font-size: 18px; padding: 0 1.75vw; height: 40px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { #index_plan .plan_box h3 { font-size: max(15px, 18 / 767 * 100vw); } }
@media screen and (max-width: 479px) { #index_plan .plan_box h3.first { width: 210px; padding: 0; }
  #index_plan .plan_box h3.second { width: 90px; padding: 0; } }
#index_plan .plan_box ul li { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #231815; padding: 25px 20px; }
#index_plan .plan_box ul li:first-child { padding-top: 35px; }
#index_plan .plan_box ul li:last-child { border-bottom: 0; padding-bottom: 45px; }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li { padding: 15px 10px; }
  #index_plan .plan_box ul li:first-child { padding-top: 25px; }
  #index_plan .plan_box ul li:last-child { padding-bottom: 35px; } }
@media screen and (max-width: 479px) { #index_plan .plan_box ul li:first-child { padding-top: 30px; } }
#index_plan .plan_box ul li.in_text { flex-direction: column; align-items: stretch; }
#index_plan .plan_box ul li.in_text .flex { display: flex; justify-content: space-between; align-items: flex-end; }
#index_plan .plan_box ul li.in_text .flex_text { display: flex; justify-content: space-between; align-items: flex-end; }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li.in_text .flex_text { flex-direction: column; align-items: flex-start; } }
#index_plan .plan_box ul li.in_text .flex_text .btn { font-size: 20px; line-height: 1; padding-right: 35px; position: relative; }
@media screen and (max-width: 959px) { #index_plan .plan_box ul li.in_text .flex_text .btn { font-size: max(16px, 20 / 959 * 100vw); } }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li.in_text .flex_text .btn { margin-top: 20px; margin-left: auto; margin-right: auto; } }
#index_plan .plan_box ul li.in_text .flex_text .btn:after { content: ''; display: block; background: url("../images/common/button_arrow_plink.png") no-repeat; width: 24px; height: 24px; transform: rotate(270deg); position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; }
#index_plan .plan_box ul li.in_text .chu01 { margin-top: 40px; line-height: 1.4; }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li.in_text .chu01 { margin-top: 5.2151238592vw; } }
#index_plan .plan_box ul li.in_text .chu02 { margin-top: 20px; line-height: 1.4; }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li.in_text .chu02 { margin-top: 2.6075619296vw; } }
#index_plan .plan_box ul li p + p { margin-top: 0; }
#index_plan .plan_box ul li p { line-height: 1.4; }
@media screen and (max-width: 479px) { #index_plan .plan_box ul li p { font-size: 14px; } }
#index_plan .plan_box ul li .price { font-size: 30px; padding-left: 20px; }
#index_plan .plan_box ul li .price .yen { color: #b18247; font-family: "Oswald", sans-serif; font-size: 40px; }
#index_plan .plan_box ul li .price .chu { padding-top: 10px; font-size: 18px; }
@media screen and (max-width: 959px) { #index_plan .plan_box ul li .price { font-size: max(18px, 30 / 959 * 100vw); } }
@media screen and (max-width: 767px) { #index_plan .plan_box ul li .price { font-size: 18px; }
  #index_plan .plan_box ul li .price .yen { font-size: 36px; }
  #index_plan .plan_box ul li .price .chu { font-size: 16px; } }
@media screen and (max-width: 479px) { #index_plan .plan_box ul li .price { font-size: 16px; }
  #index_plan .plan_box ul li .price .yen { font-size: 22px; } }
#index_plan .plan_box + .plan_box { margin-top: 60px; }
@media screen and (max-width: 767px) { #index_plan .plan_box + .plan_box { margin-top: 40px; } }
#index_plan .btn01 { margin-top: 80px; }
@media screen and (max-width: 767px) { #index_plan .btn01 { margin-top: 40px; } }

/* ご利用の流れ
----------------------------------------------- */
#index_flow { padding-top: 135px; padding-bottom: 120px; /* アニメーションスタートの遅延時間を決めるCSS*/ /* スクロールをしたら出現する要素にはじめに透過0を指定　*/ }
@media screen and (max-width: 959px) { #index_flow { padding-top: 14.0771637122vw; padding-bottom: 12.5130344108vw; } }
#index_flow .header { margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_flow .header { margin-bottom: 6.2565172054vw; } }
#index_flow .header h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_flow .header h2 { margin-bottom: 6.2565172054vw; } }
#index_flow .header h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 479px) { #index_flow .header h2 .en { font-size: max(30px, 60 / 479 * 100vw); letter-spacing: 1.0438413361vw; margin-bottom: 3.1315240084vw; } }
#index_flow .header h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #index_flow .header h2 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#index_flow .header p { max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
#index_flow .flow_box { background-color: #f6f2e8; padding-top: 70px; padding-bottom: 60px; }
@media screen and (max-width: 959px) { #index_flow .flow_box { padding-top: 7.299270073vw; padding-bottom: 6.2565172054vw; } }
#index_flow .flow_box ul { display: flex; justify-content: center; max-width: 1240px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
#index_flow .flow_box ul li { display: flex; flex-direction: column; align-items: center; padding-left: 65px; position: relative; }
#index_flow .flow_box ul li:after { content: ''; display: block; background: url("../images/index/flow_arrow.png") no-repeat; background-size: contain; width: 24px; height: 30px; position: absolute; top: 27.5%; right: -44.5px; }
@media screen and (max-width: 1254px) { #index_flow .flow_box ul li:after { top: 8.7719298246vw; } }
@media screen and (max-width: 1024px) { #index_flow .flow_box ul li:after { top: 8.7890625vw; } }
@media (min-width: 767px) and (max-width: 959px) { #index_flow .flow_box ul li:after { top: 7.8206465068vw; } }
@media screen and (max-width: 767px) { #index_flow .flow_box ul li:after { top: 30%; } }
@media screen and (max-width: 616px) { #index_flow .flow_box ul li:after { top: 19.4805194805vw; } }
@media screen and (max-width: 479px) { #index_flow .flow_box ul li:after { top: 16.7014613779vw; width: 5.0104384134vw; height: 6.2630480167vw; right: -7.9331941545vw; } }
@media screen and (max-width: 767px) { #index_flow .flow_box ul li:nth-child(2n):after { display: none; } }
#index_flow .flow_box ul li:last-child:after { display: none; }
#index_flow .flow_box ul li p { margin-top: 20px; text-align: center; }
@media screen and (max-width: 959px) { #index_flow .flow_box ul li p { font-size: max(14px, 16 / 959 * 100vw); } }
@media screen and (max-width: 767px) { #index_flow .flow_box ul { flex-wrap: wrap; justify-content: space-between; }
  #index_flow .flow_box ul li { width: calc(50% - 40/767*100vw); padding-left: 0; }
  #index_flow .flow_box ul li:nth-child(3n) { padding-left: 0; }
  #index_flow .flow_box ul li:nth-child(-n+2) { margin-bottom: 30px; } }
#index_flow .flow_box .btn01 { margin-top: 60px; }
#index_flow .fadeup { animation-name: fadeUpAnime; animation-duration: 0.5s; animation-fill-mode: forwards; opacity: 0; }
#index_flow .time02 { animation-delay: 0.4s; }
#index_flow .time03 { animation-delay: 0.6s; }
#index_flow .time04 { animation-delay: 0.8s; }
#index_flow .fadeuptrigger { opacity: 0; }
@keyframes fadeUpAnime { from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); } }
#index_flow .btn_flow { margin-top: 60px; }
@media screen and (max-width: 767px) { #index_flow .btn_flow { margin-top: 40px; } }
#index_flow .application { max-width: 1240px; margin-left: auto; margin-right: auto; padding-right: 20px; padding-left: 20px; display: flex; justify-content: center; margin-top: 60px; }
@media screen and (max-width: 959px) { #index_flow .application { margin-top: 10.4275286757vw; } }
#index_flow .application .left_text { margin-top: 40px; margin-right: 6.5vw; }
#index_flow .application .left_text h3 { font-size: 26px; margin-bottom: 40px; }
#index_flow .application .left_text h3 span { color: #b18247; }
#index_flow .application .left_text .appli_box { margin-top: 65px; border: 1px solid #231815; padding: 30px; display: flex; position: relative; }
@media screen and (max-width: 959px) { #index_flow .application .left_text .appli_box { justify-content: center; } }
#index_flow .application .left_text .appli_box h4 { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background-color: #f9f7ee; font-weight: 600; padding-left: 25px; padding-right: 25px; width: 260px; }
#index_flow .application .left_text .appli_box .apple, #index_flow .application .left_text .appli_box .google { display: flex; align-items: center; }
#index_flow .application .left_text .appli_box .apple img, #index_flow .application .left_text .appli_box .google img { margin-left: 20px; }
#index_flow .application .left_text .appli_box .apple img:first-child, #index_flow .application .left_text .appli_box .google img:first-child { margin-left: 0; }
#index_flow .application .left_text .appli_box .google { margin-left: 40px; }
@media screen and (max-width: 959px) { #index_flow .application .left_text .appli_box .google { margin-left: 4.1710114703vw; } }
@media screen and (max-width: 767px) { #index_flow .application { flex-direction: column-reverse; }
  #index_flow .application .right_img { text-align: center; padding-left: 18.2529335072vw; padding-right: 18.2529335072vw; }
  #index_flow .application .left_text { margin-top: 5.2151238592vw; margin-right: 0; }
  #index_flow .application .left_text h3 { font-size: 26px; margin-bottom: 2.6075619296vw; } }
@media screen and (max-width: 767px) and (max-width: 499px) { #index_flow .application .left_text h3 { font-size: max(20px, 26 / 499 * 100vw); } }
@media screen and (max-width: 767px) { #index_flow .application .left_text .appli_box { margin-top: 5.2151238592vw; padding: 3.9113428944vw; } }
@media screen and (max-width: 767px) and (max-width: 479px) { #index_flow .application .left_text .appli_box { padding: 6.2630480167vw; } }
@media screen and (max-width: 767px) { #index_flow .application .left_text .appli_box h4 { padding-left: 3.259452412vw; padding-right: 3.259452412vw; width: 260px; text-align: center; } }
@media screen and (max-width: 767px) and (max-width: 479px) { #index_flow .application .left_text .appli_box h4 { font-size: max(14px, 16 / 479 * 100vw); } }

/* アクセス
----------------------------------------------- */
#index_access { padding-top: 200px; }
@media screen and (max-width: 959px) { #index_access { padding-top: 20.8550573514vw; } }
#index_access h2 { text-align: center; margin-bottom: 60px; }
@media screen and (max-width: 959px) { #index_access h2 { margin-bottom: 6.2565172054vw; } }
#index_access h2 .en { display: inline-block; font-family: "Oswald", sans-serif; font-size: 60px; font-weight: 400; color: #b18247; line-height: 1; margin-bottom: 15px; letter-spacing: 5px; }
@media screen and (max-width: 479px) { #index_access h2 .en { font-size: max(30px, 60 / 479 * 100vw); letter-spacing: 1.0438413361vw; margin-bottom: 3.1315240084vw; } }
#index_access h2 .jp { display: inline-block; font-size: 26px; }
@media screen and (max-width: 479px) { #index_access h2 .jp { font-size: max(20px, 26 / 479 * 100vw); } }
#index_access .access_map { max-width: 1200px; margin-left: auto; margin-right: auto; }
#index_access .text { margin-top: 40px; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
#index_access .text p + p { margin-bottom: 40px; }
#index_access .text p + p:last-child { margin-bottom: 0; }
@media screen and (max-width: 959px) { #index_access .text p + p { margin-bottom: 4.1710114703vw; } }

/*# sourceMappingURL=index.css.map */