@charset "utf-8";

/*page title*/
/*******************/
.mv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}
main[data-active="access"] .mv {
	background: none;
	aspect-ratio: 2880 / 540;
}
main[data-active="cafe"] .mv {
	background: none;
	aspect-ratio: 2880 / 764;
}


.mv .sname {
	display: flex;
	flex-direction: column;
	align-items: center;
	mix-blend-mode: overlay;
}
.mv .sname .h2_img {
	opacity: .85;
}
.mv .sname .h2_img .logo_pth {
	fill: #ffffff;
}
main[data-active="access"] .mv .sname .h2_img .logo_pth {
	fill: #898989;
}
main[data-active="cafe"] .mv .sname .h2_img .logo_pth {
	fill: #595758;
}

.mv .sname .en {
	color: #fff;
	font-family: 'Montserrat', serif;
	font-weight: 400;
	font-size: clamp(0.55rem, 1.124vw, 1.1rem);
	line-height: 1.66 !important;
}

.mv .h2_pn {
	color: #fff;
	font-family: 'DMSerifDisplay', serif !important;
	font-weight: 400;
	mix-blend-mode: overlay;
}
main[data-active="cafe"] .mv .h2_pn,
main[data-active="access"] .mv .h2_pn {
	color: #898989;
	font-family: 'Montserrat', serif !important;
}
main[data-active="access"] .mv .h2_pn {
	font-size: clamp(0.85rem, 1.736vw, 1.7rem) !important;
}
main[data-active="cafe"] .mv .h2_pn {
	font-size: clamp(0.7rem, 1.43vw, 1.4rem) !important;
}

@media screen and (min-width:641px) {
	.mv {
		aspect-ratio: 2880 / 1343;
		background: url(../img/bg_mv_cmn.jpg) 50% 0 no-repeat;
		background-size: 100% auto;
	}
	.mv .sname .h2_img {
		width: min(3.680555555555556vw, 106px);
		/*margin-bottom: min(.9vw, 26px);*/
		margin-bottom: min(3.75vw, 100px);
	}
	.mv .h2_pn {
		font-size: clamp(3.3rem, 6.734vw, 6.6rem) !important;
	}
	main[data-active="access"] .mv .sname .h2_img {
		width: min(5.625vw, 162px);
		margin-bottom: min(1.38888vw, 40px);
	}
	main[data-active="cafe"] .mv .sname .h2_img {
		width: min(9.3755vw, 270px);
		margin-bottom: min(2.1875vw, 60px);
	}
}
@media screen and (max-width:640px) {
	.mv {
		aspect-ratio: 750 / 780;
		background: url(../img/bg_mv_cmn-sp.jpg) 50% 0 no-repeat;
		background-size: 100% auto;
	}
	main[data-active="access"] .mv {
		aspect-ratio: 750 / 410;
	}
	main[data-active="cafe"] .mv {
		aspect-ratio: 750 / 610;
	}
	.mv .sname {
		margin-bottom: min(4.8vw, 36px);
	}
	.mv .sname .en {
		font-size: clamp(1.15rem, 2.996vw, 2.3rem);
	}
	.mv .sname .h2_img {
		width: min(15.2vw, 114px);
		margin-bottom: min(3.6vw, 27px);
	}
	main[data-active="access"] .mv .sname .h2_img {
		width: min(15.2vw, 114px);
		margin-bottom: 0;
	}
	main[data-active="cafe"] .mv .sname .h2_img {
		width: min(28vw, 210px);
		margin-bottom: 0;
	}
	.mv .h2_pn {
		font-family: 'BodoniModa', serif !important;
		font-weight: 600;
		font-size: clamp(3.8rem, 9.9vw, 7.6rem) !important;
	}
	main[data-active="cafe"] .mv .h2_pn,
	main[data-active="access"] .mv .h2_pn {
		font-family: 'Montserrat', serif !important;
	}
	main[data-active="access"] .mv .h2_pn {
		font-size: clamp(1.05rem, 2.736vw, 2.1rem) !important;
	}
	main[data-active="cafe"] .mv .h2_pn {
		font-size: clamp(1.05rem, 2.736vw, 2.1rem) !important;
	}
}
@media screen and (max-width:340px) {
	.mv .h2_pn {
		font-size: clamp(3.5rem, 9.12vw, 7rem) !important;
	}
	main[data-active="access"] .mv .h2_pn {
		font-size: clamp(1.05rem, 2.736vw, 2.1rem) !important;
	}
}



/*top visual*/
/*******************/
.section.top_sec {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
main[data-active="shalf"] .top_sec,
main[data-active="rentalroom"] .top_sec,
main[data-active="share"] .top_sec {
	padding-top: min(10.9375vw, 315px);
}
main[data-active="cowork"] .top_sec {
	padding-top: min(25.625vw, 740px);
	position: relative;
}
main[data-active="space"] .top_sec {
	padding-top: min(15.9375vw, 456px);
}

.top_visusec .catch {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	display: flex;
	flex-direction: column;
}
.top_visusec .catch .wp,
.top_visusec .catch .txt_fade {
	opacity: 0;
}
.top_visusec .catch .txt_fade {
	animation: fadeIn .5s forwards;
}
.top_visusec .catch #txt01,
.top_visusec .catch .txt01{
	animation: fadeIn .5s .3s forwards;
}
.top_visusec .catch .txt02{
	animation: fadeIn .5s 2.1s forwards;
}
.top_visusec .catch #txt02{
	animation: fadeIn .5s 2.1s forwards;
}
.top_visusec .catch .txt03{
	animation: fadeIn .5s 3.1s forwards;
}
.top_visusec .catch .txt04{
	animation: fadeIn .5s 4.6s forwards;
}
.top_visusec .catch #txt03{
	animation: fadeIn .5s 4.1s forwards;
}
.top_visusec .catch #txt04{
	animation: fadeIn .5s 6.1s forwards;
}

.letter,
.letter2 {
  opacity: 0;
  display: inline-block;
  transform: translateX(-1em);
  animation: fadeInR 0.25s forwards;
	position: relative;
	z-index: 5;
}

main[data-active="share"] .top_visusec .catch {
	justify-content: flex-start;
	align-items: flex-start;
}
main[data-active="cowork"] .top_sec .catch {
	color: #fff;
	writing-mode: vertical-rl;
	position: absolute;
	z-index: 3;
}
main[data-active="cowork"] .top_sec .catch .txt_fade {
	position: relative;
	padding: 1.7em .5em 1.6em;
}
main[data-active="cowork"] .top_sec .catch .txt_fade::before {
	content: '';
	display: block;
	background-color: #898989;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transform: scale(1, 0);
	transform-origin: left top;
	transition: all 1s;
}
main[data-active="cowork"] .letter2 {
  transform: translateY(-1em);
  animation: fadeInDown 0.25s forwards;
}
main[data-active="cowork"] .top_sec .catch .txt_fade[data-animated="true"]::before {
	transform: scale(1, 1);
}
.top_visusec #count_sp,
.top_visusec #count {
	font-family: 'DMSerifDisplay', serif;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	position: relative;
}
.top_visusec #count_sp::before,
.top_visusec #count::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #898989;
	position: absolute;
	left: 0;
	right: 0;
}

@keyframes fadeInR {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInDown {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.top_visusec .txt_read_02,
.top_visusec .txt_read {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	opacity: 0;
}
.top_visusec .txt_read.view,
.top_visusec.view .txt_read {
	animation: fadeIn 1.5s 1.5s forwards;
}
.top_visusec .txt_read_02.view,
.top_visusec.view .txt_read_02 {
	animation: fadeIn 1.5s 2.5s forwards;
}

.top_fig {
	overflow: hidden;
	width: min(39.40972222222222vw, 1135px);
}
.top_fig.w100 {
	width: min(100%, 2270px);
}
.top_fig .top_img {
	opacity: 0;
}

.view.top_fig .top_img,
.view .top_fig .top_img {
	animation: over_img 5s ease-out forwards;
}
@keyframes over_img {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	100% {
		opacity: 1;
		transform: scale(1.05);
	}
}


@media screen and (min-width:641px) {
	.top_visusec {
		display: flex;
		justify-content: space-between;
		width: min(80vw, 2270px);
		margin: auto;
	}
	.top_visusec._coulumn {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.top_visusec._01 {
		padding-bottom: min(17.1875vw, 495px);
	}
	.top_visusec._02 {
		padding-bottom: min(8.4375vw, 240px);
	}
	main[data-active="cowork"] .top_visusec._01 {
		padding-bottom: min(9.722222222222222vw, 280px);
	}
	main[data-active="cowork"] .top_visusec._02 {
		padding-bottom: 0;
	}

	.top_visusec._imgL {
		flex-direction: row-reverse;
	}
	.top_visusec._btmline {
		align-items: flex-end;
	}
	.top_visusec._coulumn .catch {
		margin-bottom: min(5.625vw, 162px) ;
	}
	.top_visusec .catch.sp {display: none;}
	main[data-active="share"] .top_visusec .catch {
		margin-bottom: min(8.125vw, 234px);
		margin-top: 10px;
	}
	main[data-active="cowork"] .top_sec .catch {
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
		letter-spacing: .5em;
		left: calc(50% - 1.2em);
		top: min(10.3125vw, 297px);
	}
	main[data-active="cowork"] .view .txt_read {
		animation: fadeIn 1.5s .2s forwards;
	}

	.top_visusec #count {
		font-size: clamp(2.1rem, 4.286vw, 4.2rem);
		width: 2em;
	}
	.top_visusec #count::before {
		bottom: .3em;
	}
	.top_visusec .catch {
		font-size: clamp(1.6rem, 3.266vw, 3.2rem);
		line-height: 1.8;
	}
	.top_visusec .txt_read {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		line-height: 2.39;
	}
	.top_visusec .txt_read_02 {
		font-size: clamp(1.15rem, 2.348vw, 2.3rem);
		margin-top: min(3.125vw, 90px);
	}

	main[data-active="share"] ._01 .view.txt_read {
		animation: fadeIn 1.5s 2s forwards;
	}
	main[data-active="share"] ._02 .view.txt_read {
		animation: fadeIn 2s 1.5s forwards;
	}
	main[data-active="rental"] .view .txt_read  {
		animation: fadeIn 2s .5s forwards;
	}
}
@media screen and (min-width:1240px) {
	.top_visusec .txt_read_02 br.pc2,
	.top_visusec .txt_read br.pc2 {display: none;}
}
@media screen and (max-width:640px) {
	.top_visusec._01 {
		margin-bottom: min(25.2vw, 190px);
	}
	.top_visusec .catch.pc {display: none;}
	
	main[data-active="share"] .top_sec {
		padding-top: min(17.6vw, 130px);
	}
	main[data-active="cowork"] .top_sec {
		padding-top: min(68vw, 510px);
	}
	.top_visusec .wp_txt {
		padding: 0 min(8vw, 60px);
	}
	.top_visusec .catch {
		font-size: clamp(2.25rem, 5.86vw, 4.5rem);
		margin-bottom: min(12vw, 90px);
	}
	.top_visusec .catch .wp {
		transform: translateY(1em);
	}
	.view.catch .line_01,
	.view .catch .line_01{
		animation: fadeInUp 1s 0s forwards;
	}
	.view.catch .line_02,
	.view .catch .line_02{
		animation: fadeInUp 1s .5s forwards;
	}
	.view.catch .line_03,
	.view .catch .line_03{
		animation: fadeInUp 1s 1s forwards;
	}
	.view.catch .line_04,
	.view .catch .line_04{
		animation: fadeInUp 1s 1.5s forwards;
	}

	.top_fig {
		width: 100%;
	}


	.top_visusec .txt_read {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		line-height: 2.4;
		margin-bottom: min(14vw, 105px);
	}
	.top_visusec .txt_read_02 {
		font-size: clamp(2rem, 5.21vw, 4rem);
		line-height: 2.4;
	}
	main[data-active="share"] ._01 .view.txt_read {
		animation: fadeIn 1.5s 2.5s forwards;
	}
	main[data-active="share"] ._02 .view.txt_read {
		animation: fadeIn 2s 2s forwards;
	}
	main[data-active="space"] .view .txt_read  {
		animation: fadeIn 2s 2s forwards;
	}
	main[data-active="rental"] .view .txt_read  {
		animation: fadeIn 2s .75s forwards;
	}
	main[data-active="cowork"] .top_sec .catch {
		font-size: clamp(1.6rem, 4.168vw, 3.2rem);
		letter-spacing: .3em;
		left: calc(50% - 1.6em);
		top: min(-12vw, -90px);
	}
	main[data-active="cowork"] .view .txt_read {
		animation: fadeIn 1.5s .2s forwards;
	}

	main[data-active="cowork"] .top_visusec._01 {
		margin-bottom: min(7.2vw, 54px);
	}
	.top_visusec #count_sp {
		font-size: clamp(3.1rem, 8.075vw, 6.2rem);
		width: 2em;
	}
	.top_visusec #count_sp::before {
		bottom: .15em;
	}
}


/*fee list*/
/*******************/
.roomtype_dl {
	color: #898989;
	display: flex;
	flex-wrap: wrap;
	padding: min(2.1875vw, 65px) 0;
}
.roomtype_dl.btm {padding-bottom: 0;}
.roomtype_dl.bd {
	border-bottom: 1px solid #898989;
}
.roomtype_dl .room_dt {
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	display: flex;
}
.roomtype_dl .room_dt .num {
	font-family: 'Montserrat', serif;
}
.roomtype_dl .room_dd {
	display: flex;
}
.roomtype_dl .fee_txt {
	font-family: 'Noto Sans JP', serif;
	font-weight: 300;
}
.roomtype_dl .fee_txt .fee {
	font-family: 'DMSerifDisplay', serif;
	font-weight: 400;
	margin-right: 5px;
}
.roomtype_dl .fee_dtl {
	font-family: 'Noto Sans JP', serif;
}
.roomtype_dl .item_li {
	font-family: 'Noto Sans JP', serif;
}


@media screen and (min-width:641px) {
	.roomtype_dl .room_dt {
		font-size: clamp(1.25rem, 2.552vw, 2.5rem);
		width: min(14.0625vw, 405px);
		align-items: center;
	}
	.roomtype_dl .room_dd .wp_fee {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: min(20.625vw, 590px);
	}
	.roomtype_dl .fee_txt {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
	}
	.roomtype_dl .fee_txt .fee {
		font-size: clamp(1.95rem, 3.98vw, 3.9rem);
		margin-right: 5px;
	}
	.roomtype_dl .fee_dtl {
		font-size: clamp(0.5rem, 1.022vw, 1rem);
	}
	.roomtype_dl .item_list_ul {
		line-height: 2;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 4em;
	}
	.roomtype_dl .item_li {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
		margin-right: min(6.25vw, 180px);
		font-weight: 400;
	}

}
@media screen and (max-width:640px) {
	.roomtype_dl {
		flex-direction: column;
		padding: min(8.4vw, 63px) 0;
	}
	.roomtype_dl.bd {
		border-bottom: 1px solid #d0d0d0;
		padding-top: min(1.2vw, 9px);
	}
	.roomtype_dl .room_dt {
		font-size: clamp(2rem, 5.21vw, 4rem);
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	.roomtype_dl .room_dt .num {
		font-size: clamp(2.9rem, 7.55vw, 5.8rem);
	}
	.roomtype_dl .room_dd {
		flex-direction: column;
		align-items: center;
	}
	.roomtype_dl .fee_txt {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		line-height: 1;
	}
	.roomtype_dl .fee_txt .fee {
		font-size: clamp(3.9rem, 10.158vw, 7.8rem);
	}
	.roomtype_dl .fee_dtl {
		font-size: clamp(1rem, 2.606vw, 2rem);
		text-align: center;
	}
	.roomtype_dl .item_list_ul {
		margin-top: min(6.4vw, 48px);
	}
	.roomtype_dl .item_li {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		font-weight: 300;
		line-height: 1.97;
		list-style: disc;
	}
}

/*dtl_dl*/
/*******************/
.dtl_dl {
	color: #898989;
}
.dtl_dl .dtl_dt {
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
}
.dtl_dl .dtl_dt.en {
	font-family: 'Montserrat', serif;
}

.dtl_dl .dtl_dd * {
	font-family: 'Noto Sans JP', serif;
}
.dtl_dl .dtl_li .wp {
	display: inline-block;
	background-color: #efefef;
	border-radius: 1.5em;
	padding: .2em 1.5em;
}

.dtl_dl .dtl_dd em {
	font-style: normal;
}

.dtl_dl .dtl_link {
	color: #898989;
	text-decoration: underline;
}
.dtl_dl .dtl_link[target="_blank"]::after {display: none;}
.dtl_dl .dtl_link:hover {
	text-decoration: none;
}
.bike_parking_dtl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.bike_parking_dtl .bp_dt {
	color: #fff;
	font-weight: 400;
	background-color: #898989;
	display: flex;
	text-align:justify;
	text-align-last:justify;
	justify-content: space-between;
	padding: .1em 1em .2em;
}
.bike_parking_dtl .bp_dd {
	color: #898989;
	font-weight: 400;
}
.dtl_dl .dtl_dd .txt_dtl + .btn_wrap {
	margin-top: 1em;
}

@media screen and (min-width:641px) {
	.dtl_dl {
		display: flex;
		flex-wrap: wrap;
		margin-top: min(1.875vw, 54px);
	}
	.dtl_dl.other {
		margin-top: min(.625vw, 18px);
		padding-top: min(2.8125vw, 81px);
		border-top: 3px solid #898989;
		border-bottom: 3px solid #898989;
	}
	.dtl_dl.access {
		margin-top: min(.625vw, 18px);
		padding-top: min(2.8125vw, 81px);
		border-top: 3px solid #898989;
	}
	.dtl_dl .dtl_dt {
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
		width: min(30vw, 864px);
	}
	.dtl_dl .dtl_dt.en {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
	.dtl_dl .dtl_dd {
		width: calc(100% - min(30vw, 864px));
		padding-bottom: min(2.8125vw, 81px);
		margin-bottom: min(2.5vw, 72px);
		position: relative;
	}
	.dtl_dl .dtl_dd:last-of-type {
		margin-bottom: 0;
	}
	.dtl_dl .dtl_dd::before {
		content: '';
		display: block;
		width: calc(100% + min(30vw, 864px));
		height: 1px;
		background-color: #898989;
		position: absolute;
		bottom: 0;
		left: calc(min(30vw, 864px) * -1);
	}
	.dtl_dl.access .dtl_dd:last-of-type {
		padding-bottom: 0;
	}
	.dtl_dl.access .dtl_dd:last-of-type::before,
	.dtl_dl.other .dtl_dd:last-of-type::before {
		display: none;
	}
	.dtl_dl.access .dtl_dd:nth-last-child(3)::before {
		height: 3px;
	}
	
	.dtl_dl .dtl_dd .txt_dtl {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
	}
	.dtl_dl .dtl_dd .txt_larg2,
	.dtl_dl .dtl_dd .txt_larg {
		font-size: clamp(1rem, 2.042vw, 2rem);
	}
	.dtl_dl .dtl_dd .txt_mdl {
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
	}
	.dtl_dl .dtl_dd .txt_sml {
		font-size: clamp(0.5rem, 1.022vw, 1rem);
	}
	.dtl_dl .txt_dtl + .dtl_ul,
	.dtl_dl .txt_mdl + .dtl_ul {
		margin-top: min(1.5625vw, 45px);	
	}
	
	.dtl_dl .dtl_li {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
		margin-top: .5em;
	}
	.dtl_dl .dtl_dd .mb {
		margin-bottom: 1em;
	}

	.dtl_dl .txt_dtl + .bike_parking_dtl {
		margin-top: min(0.78125vw, 23px);	
	}
	.bike_parking_dtl .bp_dt {
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
		width: 8em;
		margin-top: .8em;
	}
	.bike_parking_dtl .bp_dd {
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
		width: calc(100% - 10em);
		margin-top: .8em;
	}

	.dtl_dl .dtl_dd .txt_dtl .dtl_ttl {
		display: inline-block;
		padding-right: 2em;
		position: relative;
	}
	.dtl_dl .dtl_dd .txt_dtl .dtl_ttl::after {
		content: ':';
		position: absolute;
		top: 0;
		right: 1em;
	}

}
@media screen and (min-width:980px) {
	.dtl_dl .dtl_dd .btn_cmn {
		width:calc(min(20.9375vw, 605px) * .8);
	}
}
@media screen and (min-width:1980px) {
	.bike_parking_dtl .bp_dt {
		width: min(10.625vw, 306px);
		padding: .1em min(2.5vw, 72px) .2em;
	}
	.bike_parking_dtl .bp_dd {
		width: calc(100% - min(12.1875vw, 350px));
	}
}
@media screen and (max-width:640px) {
	.dtl_dl .dtl_dt {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		margin-bottom: min(1.2vw, 9px);
	}
	.dtl_dl .dtl_dd {
		border-bottom: 1px solid #d0d0d0;
		padding-bottom: min(4.8vw, 36px);
		margin-bottom: min(4.8vw, 36px);
	}
	.dtl_dl .dtl_dd:last-of-type {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
	.dtl_dl .dtl_dd.bdn_sp {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.dtl_dl .dtl_dd .txt_dtl {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}
	.dtl_dl .dtl_dd .txt_larg {
		font-size: clamp(2rem, 5.21vw, 4rem);
	}
	.dtl_dl .dtl_dd .txt_larg2 {
		font-size: clamp(2.6rem, 6.77vw, 5.2rem);
	}
	.dtl_dl .dtl_dd .txt_mdl {
		font-size: clamp(1.65rem, 4.3vw, 3.3rem);
	}
	.dtl_dl .dtl_dd .txt_sml {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
	.dtl_dl .dtl_dd .red_ch {
		font-weight: 700;
	}
	.dtl_dl .dtl_li {
		font-size: clamp(1.25rem, 3.256vw, 2.5rem);
		margin-top: min(2.8vw, 21px);
	}
	
	.dtl_dl .dtl_dd .btn_wrap {
		margin-top: min(4vw, 30px);
	}
	.dtl_dl.access .dtl_dd .txt_dtl {
		margin-top: 1em;
	}
	.dtl_dl .dtl_dd .txt_dtl.flex_sp {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.dtl_dl .dtl_dd .txt_dtl .dtl_ttl {
		position: relative;
	}
	.dtl_dl .dtl_dd .txt_dtl .dtl_ttl::after {
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background-color: #898989;
		transform: rotate(45deg);
		position: absolute;
		top: 0;
		right: -1em;
	}
	.bike_parking_dtl {margin-top: 1em;}
	.bike_parking_dtl .bp_dt {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		text-align: center;
		width: 7em;
		margin-top: .5em;
	}
	.bike_parking_dtl .bp_dd {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
		width: calc(100% - 8em);
		margin-top: .5em;
	}
}

/*service icons*/
/*******************/
.service_ul {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.service_ul::after,
.service_ul::before {
	content: '';
	display: block;
	background-color: #fff;
	position: absolute;
	z-index: 2;
}
.service_ul::before {
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	right: 0;
}
.service_ul::after {
	height: 100%;
	width: 2px;
	right: 0;
	top: 0;
	bottom: 0;
}

.service_ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% / 2);
	position: relative;
	z-index: 1;
}
.service_ul li::after {
	content: '';
	display: block;
	width: calc(100% + 1px);
	height: 1px;
	background-color: #898989;
	position: absolute;
	left: 0;
}
.service_ul li .svc_name {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	text-align: center;
	margin-bottom: 5px;
}
.service_ul li .txt_nt {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	max-width: 95%;
}
.service_ul li .kome {
	text-indent: -1em;
	padding-left: 1em;
}

/*svg icon*/
.sv_icon {
	width: min(5.9375vw, 170px);
	margin-bottom: min(0.9375vw, 25px);
}
.sv_icon * {
	transition: all .4s;
}
.icn_base {
	fill:#fff;
}
.icn_box {
	fill:#d7d7d8;
}
.icn_line01 {
	fill:#898989;
}
.icn_line02 {
	fill:none;
	stroke:#898989;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-width:4.13px;
}
.service_ul li:hover .icn_base {
	fill:#898989;
}
.service_ul li:hover .icn_line01 {
	fill:#fff;
}
.service_ul li:hover .icn_line02 {
	stroke:#fff;
}

@media screen and (min-width:641px) {
	.service_ul li {
		width: calc(100% / 3);
		padding: min(0.9375vw, 25px) 0;
		margin: min(3.125vw, 90px) 0;
	}
	.service_ul li {
		border-right: 1px solid #c7c7c7;
	}
	.service_ul li::after {
		bottom: calc(min(3.125vw, 90px) * -1);
	}

	.service_ul + p.txt_ss {
		margin-top: calc(min(3.125vw, 90px) * -0.75);
		text-align: right;
	}
	.service_ul li .svc_name {
		font-size: clamp(0.8rem, 1.634vw, 1.6rem);
	}
	.service_ul li .txt_nt {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
	}
	.service_ul li .svc_name .sml,
	.service_ul li .txt_nt.sml {
		font-size: clamp(0.5rem, 1.022vw, 1rem);
		margin-top: 1em;
	}
}
@media screen and (min-width:980px) {
	.service_ul.paid li,
	.service_ul li {
		width: calc(100% / 4);
	}
	/*.service_ul.paid li {
		width: calc(100% / 3);
	}*/
}
@media screen and (min-width:1200px) {
	.service_ul li {
		width: calc(100% / 6);
	}
	/*main[data-active="share"] .service_ul.paid li {
		width: calc(100% / 5);
	}*/
}
@media screen and (max-width:640px) {
	.sv_icon {
		width: min(18.4vw, 138px);
		margin-bottom: min(2.8vw, 20px);
	}

	.service_ul li {
		padding-bottom: min(9.2vw, 69px);
		margin-bottom: min(9.6vw, 72px);
	}
	.service_ul li:last-child,
	.service_ul li.bdn {
		margin-bottom: 0;
		padding-bottom: min(7.2vw, 54px);
	}
	.service_ul li:last-child::after,
	.service_ul li.bdn::after {
		display: none;
	}
	.service_ul li::after {
		bottom: 0;
	}
	.service_ul li:nth-child(2n+1)::before {
		content: '';
		display: block;
		width: 1px;
		height: calc(100% - min(9.2vw, 69px));
		background-color: #d0d0d0;
		position: absolute;
		right: 0;
		top: 0;
		bottom: min(9.2vw, 69px);
	}
	.service_ul li .svc_name {
		font-size: clamp(1.35rem, 3.52vw, 2.7rem);
	}
	.service_ul li .txt_nt {
		font-size: clamp(1.1rem, 2.865vw, 2.2rem);
	}
	.service_ul li .svc_name .sml,
	.service_ul li .txt_nt.sml {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
	.service_ul + p.txt_ss {
		text-align: center;
	}
}


/*service etc*/
/*******************/
.service_etc_ul {
	display: flex;
	flex-wrap: wrap;
}
.service_etc_ul li {
	width: 31%;
	margin-top: min(8.4vw, 63px);
	margin-right: 2%;
}
.service_etc_ul .svc_img {
	display: block;
	margin-bottom: min(1.5625vw, 45px);
}
.service_etc_ul * {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 500;
}
.service_etc_ul .sv_etc_ttl {
	font-size: min(2.606vw, 2rem);
	margin-bottom: min(1.5625vw, 45px);
}
.service_etc_ul .sv_etc_name_bx {
	font-size: min(1.956vw, 1.5rem);
	text-align: center;
	padding: 2px;
	border: 1px solid #d7d7d7;
	margin-bottom: min(1vw, 30px);
	width: min(70%, 410px);
}
.service_etc_ul .sv_etc_txt {
	font-size: min(1.692vw, 1.3rem);
	font-weight: 400;
	line-height: 1.8;
}

@media screen and (min-width:641px) {
}
@media screen and (min-width:1200px) {
	.service_etc_ul {
		justify-content: flex-start;
	}
	.service_etc_ul li {
		width: min(23.5%, 630px);
		margin-top: min(2.1875vw, 63px);
	}
	.service_etc_ul li:nth-child(4n) {
		margin-right: 0;
	}
}
@media screen and (max-width:640px) {
}


/*floor map*/
.fig_map {
	aspect-ratio: 1440 / 1080;
	/*position: relative;*/
}
.fig_map .img_map {
	/*opacity: 0;
	transition: all .5s;
	visibility: hidden;
	position: absolute;
	z-index: 1;*/
}
.fig_map .img_map.show {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.tab_ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab_ul * {
	font-family: 'Noto Sans JP', serif;
	font-weight: 300;
	text-decoration: none;
}
.tab_ul .btn_tab {
	color: #2d2523;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #2d2523;
	cursor: pointer;
	transition: all .4s;
}
.tab_ul .tab_li.active .btn_tab,
.tab_ul .tab_li:hover .btn_tab {
	color: #fff;
	background-color: #b6a14b;
} 

@media screen and (min-width:641px) {
	.fig_map {
		/*width: min(88.4375vw, 2547px);*/
		/*margin: min(3.472222222222222vw, 100px) auto ;*/
		width: min(50vw, 1440px);
		margin: min(3.472222222222222vw, 100px) auto 0;
	}
	.tab_ul .tab_li {
		width: min(18.75vw, 540px);
		margin: 0 min(0.625vw, 20px);
	}
	.tab_ul .btn_tab {
		font-size: clamp(1rem, 2.042vw, 2rem);
		line-height: 1.2;
		height: min(4.6875vw, 135px);
	}
	.tab_ul .btn_tab .sml {
		font-size: clamp(0.55rem, 1.124vw, 1.1rem);
	}
}
@media screen and (max-width:640px) {
	.tab_ul {
		flex-direction: column;
		align-items: stretch;
		width: min(60vw, 450px);
		margin: auto;
	}
	.tab_ul .btn_tab {
		font-size: clamp(1.2rem, 3.126vw, 2.4rem);
		height: 3em;
		margin-top: min(2vw, 15px);
	}
	.tab_ul .btn_tab .sml {
		font-size: clamp(1.1rem, 2.865vw, 2.2rem);
	}
}

/*option*/
.option_dl {
	display: flex;
	margin-top: min(3.472222222222222vw, 100px);
}
.option_dl * {
	font-family: 'Noto Sans JP', serif;
}
.option_dl .option_dt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.option_dl .option_dd {
	color: #898989;
	font-weight: 400;
}
.option_dl .box_info {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #efefef;
}
.option_dl .opt_txt.bdb {
	border-bottom: 1px solid #b4b4b4;
}
.option_dl .point_txt {
	text-align: center;
}
.option_dl .point_txt .txt_box {
	color: #fff;
	background-color: #898989;
	display: inline-block;
}

@media screen and (min-width:641px) {
	.option_dl .option_dt {
		width: min(13.4375vw, 386px);
		height: min(13.4375vw, 386px);
		margin-right: min(4.375vw, 126px);
		background-color: #595757;
	}
	.option_dl .option_dt .nm {
		color: #fff;
		font-size: clamp(0.85rem, 1.736vw, 1.7rem);
		font-weight: 500;
	}
	.option_dl .option_dt .img {
		width: min(2.5vw, 72px);
		margin-bottom: 10px;
		fill:#fff;
	}

	.option_dl .opt_txt {
		line-height: 1.8;
	}
	.option_dl .opt_txt.bdb {
		padding-bottom: .8em;
		margin-bottom: .7em;
	}
	.option_dl .opt_fee {
		margin-top: calc(min(1.5625vw, 45px) * .5);
	}
	.option_dl .opt_txt .sml {
		font-size: clamp(0.5rem, 1.022vw, 1rem);
	}
	.option_dl .block_02 {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	.option_dl .img {
		width: min(19.44444444444444vw, 560px);
		position: relative;
	}
	.option_dl .img figcaption {
		position: absolute;
		bottom: -2em;
		right: 0;
	}
	.option_dl .box_info {
		padding: 0 1em;
	}
	.option_dl .more_txt {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
	}
	.option_dl .more_txt .sml {
		font-size: clamp(0.6rem, 1.226vw, 1.2rem);
	}
	.option_dl .more_txt .large {
		font-size: clamp(1.1rem, 2.246vw, 2.2rem);
	}
	/*.option_dl .more_txt .sml2 {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	}*/
	.option_dl .point_txt {
		margin: .5em 0 ;
	}
	.option_dl .point_txt .txt_box {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
		padding: .2em 3em .1em;
	}
}
@media screen and (min-width:641px) and (max-width:1199px)  {
	.option_dl .option_dd {
		/*width: calc(80% - (min(13.4375vw, 386px) + min(4.375vw, 126px)));*/
		width: calc(80% - min(4.375vw, 126px));
	}
	.option_dl .block_02 {
		justify-content: flex-end;
	}
	.option_dl .block_02 .img {
		margin-right: 15px;
	}
	.option_dl .opt_txt.bdb {
		margin-bottom: .1em;
	}
	.option_dl br.opt_pc {display: none;}
	.option_dl .block_01 {
		margin-bottom: min(1.5625vw, 45px);
	}
	.option_dl .opt_txt {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
	}
	.option_dl .block_01 .txt_larg {
		font-size: clamp(1.6rem, 3.266vw, 3.2rem);
		margin-left: .1em;
	}
	.option_dl .opt_fee .txt_mdl1 {
		font-size: clamp(1.2rem, 2.45vw, 2.4rem);
	}
	.option_dl .opt_fee .txt_mdl2 {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
	}
	.option_dl .block_01 .sml {margin-top: -0.6em;}
}
@media screen and (min-width:1200px) {
	.option_dl .option_dd {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: calc(100% - (min(13.4375vw, 386px) + min(4.375vw, 126px)));
	}
	.option_dl .box_info {
		width: min(28.40625vw, 817px);
	}
	.option_dl .block_01 {
		width: min(22vw, 576px);
	}
	.option_dl .block_02 {
		width: calc(100% - min(25vw, 665px));
	}
	.option_dl .opt_txt {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	}
	.option_dl .block_01 .txt_larg {
		font-size: clamp(1.5rem, 3.062vw, 3rem);
		letter-spacing: .05em;
		margin-left: .15em;
	}
	.option_dl .opt_fee {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
	}
	.option_dl .opt_fee .txt_mdl1 {
		font-size: clamp(1rem, 2.042vw, 2rem);
	}
	.option_dl .opt_fee .txt_mdl2 {
		font-size: clamp(0.6rem, 1.226vw, 1.2rem);
	}
	/*.option_dl .opt_txt .sml,
	.option_dl .opt_txt.sml {
		font-size: 9px;
	}*/
	.option_dl .point_txt {
		margin: 1em 0 ;
	}
}
@media screen and (min-width:1400px) {
	.option_dl .block_01 {
		width: min(20vw, 576px);
	}
	.option_dl .block_02 {
		width: calc(100% - min(24vw, 665px));
	}
	.option_dl .more_txt {
		font-size: clamp(1rem, 2.042vw, 2rem);
	}
	.option_dl .more_txt .sml {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
	}
	.option_dl .more_txt .large {
		font-size: clamp(1.3rem, 2.654vw, 2.6rem);
	}
	.option_dl .opt_txt {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
	}
}
@media screen and (max-width:640px) {
	.option_dl {
		flex-direction: column;
		align-items: center;
	}
	.option_dl .option_dt {
		width: min(51.6vw,387px);
		height: min(38.8vw, 290px);
		margin-bottom: min(11.6vw, 87px);
		border: 1px solid #595757;
	}
	.option_dl .option_dt .nm {
		color: #595757;
		font-size: clamp(1.75rem, 4.558vw, 3.5rem);
		font-weight: 500;
	}
	.option_dl .option_dt .img {
		width: min(9.2vw, 69px);
		margin-bottom: min(6vw, 45px);
	}
	.option_dl .block_01 {
		margin-bottom: min(7.6vw, 57px);
	}
	.option_dl .opt_txt {
		font-size: clamp(1.5rem, 3.908vw, 3rem);
	}
	.option_dl .opt_txt .sml {
		font-size: clamp(1rem, 2.606vw, 2rem);
	}
	.option_dl .opt_txt.bdb {
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
	.option_dl .opt_fee {
		font-size: clamp(1.65rem, 4.3vw, 3.3rem);
	}
	.option_dl .block_01 .txt_larg {
		font-size: clamp(3.2rem, 8.33vw, 6.4rem);
		font-weight: 600;
	}
	.option_dl .opt_fee .txt_mdl1 {
		font-size: clamp(2.4rem, 6.25vw, 4.8rem);
	}
	.option_dl .opt_fee .txt_mdl2 {
		font-size: clamp(1.25rem, 3.256vw, 2.5rem);
	}

	.option_dl .box_info {
		padding: min(12.4vw, 93px) 0;
	}
	.option_dl .more_txt {
		font-size: clamp(1.95rem, 5.08vw, 3.9rem);
		margin-bottom: .5em;
	}
	.option_dl .more_txt .sml {
		font-size: clamp(1.35rem, 3.52vw, 2.7rem);
		display: inline-block;
		margin-bottom: .5em;
	}
	.option_dl .more_txt .large {
		font-size: clamp(2.6rem, 6.77vw, 5.2rem);
		font-weight: 600;
	}
	.option_dl .point_txt {
		margin-bottom: .5em;
	}
	.option_dl .point_txt .txt_box {
		font-size: clamp(1.3rem, 3.386vw, 2.6rem);
		padding: .2em 3em .5em;
	}

}



/*flow*/
.flow_step_02,
.flow_step_01 {
	 counter-reset: my-counter;
}
.flow_step_02 .flow_li_02 *,
.flow_step_01 .flow_li_01 *{
	font-family: 'Noto Sans JP', serif;
}
.flow_step_02 .flow_li_02,
.flow_step_01 .flow_li_01 {
	color: #898989;
	position: relative;
}
.flow_step_01 .flow_li_01::before {
  content: counter(my-counter, decimal-leading-zero);
  counter-increment: my-counter;
	color: #898989;
	font-family: 'DMSerifDisplay', serif;
	font-weight: 400;
	position: absolute;
}
.flow_step_01 .flow_li_02 {
	padding-left: 1.5em;
}
.flow_step_01 .flow_li_02::before {
  content: counter(my-counter);
  counter-increment: my-counter;
	font-family: 'Noto Sans JP', serif;
	color: #fff;
	background-color: #898989;
	border-radius: 50%;
	width: 1.2em;
	height: 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0;
	top: .2em;
}
.flow_step_02 {
	margin-bottom: 1em;
}

.flow .txt .link_txt {
	color: #38a1db;
	text-decoration: underline;
}
.flow .txt .link_txt:hover {
	text-decoration: none;
}
.h3_flow {
	font-weight: 500;
	border-bottom: 2px solid #898989;
}

.flow .h4_flow {
	color: #fff;
	background-color: #898989;
	font-weight: 400;
}
.flow .h5_flow {
	font-weight: 400;
	border-bottom: 1px solid #898989;
}

.flow_base_ul .flow_base_li {
	display: flex;
	align-items: flex-start;
	margin-bottom: .5em;
}
.flow_base_ul .flow_base_li::before {
	content: '◎';
	margin-right: .5em;
}

.flow_caution .flow_ct_dt {
	color: #fff;
	font-weight: 400;
	background-color: #e11413;
}

.flow .flow_dt {
	font-weight: 400;
	border: 1px solid #898989;
}
.flow_dtl_ul {
	 counter-reset: my-counter;
}
.flow_dtl_ul .flow_dtl_li {
	position: relative;
}
.flow_dtl_ul._bd .flow_dtl_li {
	border-bottom: 1px solid #898989;
	padding-bottom: min(1.875vw, 54px);
	margin-bottom: min(1.666666666666667vw, 48px);
}
.flow_dtl_ul .flow_dtl_li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.flow_dtl_ul .flow_dtl_li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
	color: #898989;
	font-family: 'Montserrat', serif;
	font-weight: 400;
	position: absolute;
}

@media screen and (min-width:641px) {
	.flow_step_01 .flow_li_01 {
		padding-left: min(14.23611111111111vw, 410px);
		margin-top: min(8.75vw, 252px);
	}
	.flow_step_01 .flow_li_01:first-child {
		margin-top: min(4.375vw, 124px);
	}
	.flow_step_01 .flow_li_01::before {
		font-size: clamp(5.4rem, 11.018vw, 10.8rem);
		line-height: .7;
		top: 0;
		left: 0;
	}
	.h3_flow {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		padding-bottom: min(1.5625vw, 45px);
		margin-bottom: min(1.770833333333333vw, 51px);
	}
	.flow .h4_flow {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
		padding: .4em 1.3em .5em;
		margin-bottom: min(1.5625vw, 48px);
	}
	.flow .h5_flow {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
		padding-bottom: min(1.11111vw, 32px);
		margin-bottom: min(1.284722222222222vw, 37px);
	}

	.flow_li_01 > .txt {
		line-height: 1.92;
	}
	.flow .txt_m {
		line-height: 1.92;
	}
	.flow .txt .sml {
		font-size: clamp(0.6rem, 1.226vw, 1.2rem);
	}
	.flow .flow_sec {
		margin-top: min(3.75vw, 110px);
		margin-bottom: min(6.875vw, 198px);
	}
	.flow .flow_sec.btm {margin-bottom: 0;}
	.flow_base_ul .flow_base_li {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
	}
	.flow_step_01 .flow_li_02 {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
		margin-bottom: .5em;
	}
	.flow_caution {
		display: flex;
		margin: min(2.8125vw, 81px) 0;
	}
	.flow_caution .flow_ct_dt {
		font-size: clamp(0.75rem, 1.532vw, 1.5rem);
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		width: min(14.0625vw, 405px);
		margin-right: min(2.25vw, 65px);
	}
	.flow_caution .flow_ct_dd {margin: 0;}
	.flow_caution .txt {
		line-height: 1.8;
		margin: 0;
	}

	.flow .flow_dtl {
		margin-bottom: min(5.3125vw, 153px);
	}
	.flow .flow_dt {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
		padding: .4em 1.3em .5em;
		margin-bottom: min(2.1875vw, 64px);
	}
	.flow .flow_dd.flex {
		align-items: flex-start;
	}

	.flow_dtl_ul .flow_dtl_li {
		display: flex;
		align-items: flex-start;
		padding-left: min(2.604166666666667vw, 74px);
		margin-bottom: min(1.25vw, 36px);
	}
	.flow_dtl_ul .flow_dtl_li::before {
		font-size: clamp(0.9rem, 1.838vw, 1.8rem);
		top: -0.08em;
		left: .2em;
	}
	.flow_dtl_ul .flow_dtl_li .txt._item {
		width: min(13.75vw, 390px);
	}
	
	.flow .list_ul .list_li {
		font-size: clamp(0.65rem, 1.328vw, 1.3rem);
	}
	.flow .list_ul.mt {
		margin-top: min(1.284722222222222vw, 37px);
	}
}
@media screen and (max-width:640px) {
	.flow_step_01 .flow_li_01 {
		padding-top: min(21.6vw, 162px);
		margin-bottom: min(20vw, 150px);
	}
	.flow_step_01 .flow_li_01:last-child {margin-bottom: 0;}
	.flow_step_01 .flow_li_01::before {
		font-size: clamp(4.8rem, 12.5vw, 9.6rem);
		top: 0;
		left: calc(50% - .5em);
	}
	.flow .flow_sec {
		margin-bottom: min(12vw, 90px);
	}
	.flow .flow_sec.btm {margin-bottom: 0;}
	.flow .txt + .flow_sec {
		margin-top: min(6vw, 45px);
	}
	.h3_flow {
		font-size: clamp(1.8rem, 4.688vw, 3.6rem);
		padding-bottom: .6em;
		margin-bottom: .9em;
	}
	.flow .h4_flow {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		padding: .25em 1.3em .35em;
		margin-bottom: min(5.2vw, 39px);
	}
	.flow .txt {
		line-height: 1.92;
	}
	.flow_base_ul .flow_base_li {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
	}
	.flow_caution {
		margin: min(9.6vw, 72px) 0;
	}
	.flow_caution .flow_ct_dt {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		padding: .25em 1.3em .35em;
		margin-bottom: min(4.8vw, 36px);
	}
	.flow .flow_dt {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		padding: .25em 1.3em .35em;
		margin-bottom: min(6vw, 45px);
	}
	.flow_dtl_ul._bd .flow_dtl_li {
		padding-bottom: min(4.2vw, 39px);
		margin-bottom: min(4.6vw, 42px);
	}
	.flow_dtl_ul .flow_dtl_li::before {
		font-size: clamp(1.8rem, 4.688vw, 3.6rem);
		left: 0;
		top: .1em;
	}
	.flow_dtl_ul .flow_dtl_li .txt._item {
		font-weight: 600;
		padding-left: min(9.52vw, 71.4px);
		margin-bottom: min(4vw, 30px);
	}
	.flow .txt .sml {
		font-size: clamp(1.15rem, 2.996vw, 2.3rem);
		font-weight: 400;
		display: block;
		margin-top: -0.35em;
	}
	.flow .flow_dd.flex {
		flex-direction: column;
		margin-bottom: min(12vw, 90px);
	}
	.flow .flow_dd.flex .flow_dtl_ul {
		margin-bottom: min(6vw, 45px);
	}
	.flow .flow_dd.flex .flow_dtl_li .txt._item {
		margin-bottom: 0;
	}
	.flow .h5_flow {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		font-weight: 500;
		padding-bottom: .8em;
		margin-bottom: .8em;
	}
	.flow .list_ul.mt {
		margin-top: .8em;
	}
	.flow_step_01 .flow_li_02 {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		margin-bottom: .8em;
	}
}



/* caution w100*/
.caution_wsec:not(.mw) {
	background-color: #efefef;
}
.caution_wsec .h3_wsec {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 500;
	position: relative;
	padding-left: 1.1em;
}
.caution_wsec .h3_wsec::before {
	content: '';
	display: block;
	background-color: #898989;
	width: .4em;
	height: .4em;
	border-radius: 50%;
	position: absolute;
	left: .3em;
	top: .6em;
}
.caution_wsec .txt {
	line-height: 2.07;
}
.caution_wsec .h4_wsec {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.caution_wsec .h4_wsec .bg {
	color: #898989;
	font-family: 'Noto Sans JP', serif;
	font-weight: 400;
	background-color: #fff;
}

@media screen and (min-width:641px) {
	.caution_wsec:not(.mw) {
		padding: min(5vw, 142px) min(3.472222222222222vw, 100px);
	}
	.caution_wsec .sec_caution {
		padding-left: min(14.23611111111111vw, 410px);
		margin-bottom: min(3.125vw, 90px);
	}
	.caution_wsec .h3_wsec {
		font-size: clamp(1rem, 2.042vw, 2rem);
		margin-bottom: min(0.78125vw, 23px);
	}
	.caution_wsec .h4_wsec {
		margin-bottom: min(0.78125vw, 23px);
	}
	.caution_wsec .h4_wsec .bg {
		font-size: clamp(0.7rem, 1.43vw, 1.4rem);
		padding: .2em .5em .3em;
		min-width: min(19.375vw, 560px);
	}
	.caution_wsec .kome.btm {
		margin-top: min(0.78125vw, 23px);
		margin-bottom: min(1.5625vw, 45px);
	}
}
@media screen and (max-width:640px) {
	.caution_wsec:not(.mw) {
		padding: min(18.8vw, 142px) min(12vw, 90px) ;
	}
	.caution_wsec .sec_caution {
		margin-bottom: min(10vw, 75px);
	}
	.caution_wsec .sec_caution.mb0 {
		margin-bottom: 0;
	}
	.caution_wsec .h3_wsec {
		font-size: clamp(2rem, 5.21vw, 4rem);
		margin-bottom: min(4.8vw, 36px);
	}
	.caution_wsec .h4_wsec {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		margin-bottom: min(4vw, 30px);
	}
	.caution_wsec .h4_wsec .bg {
		font-size: clamp(1.4rem, 3.646vw, 2.8rem);
		padding: .2em 1em .35em;
		min-width: 58vw;
	}
	.caution_wsec .mb {
		margin-bottom: 1em;
	}
	.caution_wsec .btm {
		margin-bottom: min(9.2vw, 69px);
	}
}



/* txt banner */
.bnr_cnt {
	display: flex;
	justify-content: center;
}
.txt_bnr {
	color: #fff;
	font-family: 'Noto Sans JP', serif;
	text-align: center;
}
.txt_bnr a {
	color: #fff;
	font-family: 'Noto Sans JP', serif;
	text-decoration: none;
	display: block;
	background-color: #595757;
	padding: .2em 0 .3em;
	transition: all .4s;
}
.txt_bnr a:hover {
	opacity: .7;
}

@media screen and (min-width:641px) {
	.txt_bnr {
		font-size: clamp(1.1rem, 2.246vw, 2.2rem);
		width: min(62.1875vw, 1786px);
		line-height: 2.32;
	}
}
@media screen and (max-width:640px) {
}


/*access*/
.access #map,
.access .frame_map {
	aspect-ratio: 2680 / 1186;
	margin-bottom: min(5.9375vw, 170px);
}

@media screen and (max-width:640px) {
	.access #map {
		margin: 0 10px min(11.6vw, 87px);
		aspect-ratio: 960 / 963;
	}
}


/*coming soon*/
.comingsoon {
	color: #fff;
	font-family: 'DMSerifDisplay', serif;
	background-color: #595757;
}
.link_img {
	display: block;
	transition: all .3s;
}
.link_img:hover {
	opacity: .7;
}

@media screen and (min-width:641px) {
	.comingsoon {
		font-size: clamp(1.3rem, 2.654vw, 2.6rem);
		padding: .15em 2em;
		margin-bottom: min(1.25vw, 36px);
	}
}
@media screen and (max-width:640px) {
	.comingsoon {
		font-size: clamp(2.7rem, 7.03vw, 5.4rem);
		text-align: center;
		letter-spacing: .05em;
		width: min(80vw, 600px);
		margin-bottom: min(4.8vw, 36px);
	}
}