<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*--------------------------------
reset
--------------------------------*/
html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,
pre,code,em,small,strong,b,i,
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tbody,thead,tfoot,th,tr,td,
form,fieldset,legend,label,select,input,textarea,button{
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{
	display: block;
}
ul li,
ol li{
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
body{
	line-height: 1;
}
a{
	text-decoration: none;
}
img{
	vertical-align: middle;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
select,option,input,textarea,button{
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
input[type=radio]{
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}
input[type=checkbox]{
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}
blockquote::before,blockquote::after,q::before,q::after{
	content: '';
	content: none;
}
[type=submit],[type=button],[type=reset],[type=file],button{
	cursor: pointer;
}
:focus{
	outline: none;
}
html{
	font-size: 62.5%;
}
body{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	color: #554949;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body {
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-weight: 500;
	} /* IE11 */
}
a {
	color: #006d9e;
	-webkit-tap-highlight-color: rgba(238, 223, 227, 0.2);
}
sup,
sub{
	font-size: xx-small;
}

/*--------------------------------
common
--------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.en-font{
	font-family: garamond-premier-pro-display, serif;
}
.san-serif{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 'ヒラギノ角ゴ Pro W3', "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}
.kozuka{
	font-family: "kozuka-mincho-pro", serif;
	font-weight: 500;
	font-style: normal;
}
.small-text {
	font-size: 75%;
}
.large-text{
	font-size: 150%;
}
.fit-img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.has-max {
	height: auto;
	max-width: 100%;
}
.flex-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.align-center{
	align-items: center;
}
.has-gap{
	gap: 16px;
}
.col-2{
	width: 50%;
}
.col-3{
	width: calc(100% / 3);
}
.has-gap .col-2{
	width: calc(50% - 8px);
}
.has-gap .col-3{
	width: calc(100% / 3 - 11px);
}
@media screen and (max-width: 767px){
	.col-2,
	.has-gap .col-2,
	.col-3,
	.has-gap .col-3{
		width: 100%;
	}
}
.img-wrapper{
	position: relative;
}
.img-wrapper .caption{
	position: absolute;
	bottom: 0;
	left: 8px;
	right: 8px;
	z-index: 1;
}
.inline-block{
	display: inline-block;
}
.grid-wrapper{
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 940px){
	.grid-wrapper{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 767px){
	.grid-wrapper{
		grid-template-columns: 1fr;
	}
}
.nav-link{
	color: #444;
}

/*--------------------------------
componet
--------------------------------*/
.primary-heading{
	margin-bottom: .8em;
	font-size: clamp(2.3rem, 3.3vw ,5rem);
	font-weight: 400;
	line-height: 1.3;
}
.secondary-heading{
	margin-bottom: .8em;
	font-size: clamp(2.2rem, 2.8vw ,4rem);
	font-weight: 500;
	line-height: 1.3;
}
.tertiary-heading{
	margin-bottom: .8em;
	font-size: clamp(2rem, 2.4vw ,3rem);
	font-weight: 400;
	line-height: 1.4;
}
.page-heading{
	margin-bottom: .8em;
	font-size: clamp(2.4rem, 3vw ,4.8rem);
	line-height: 1.3;
}
.note{
	margin: 1em 0;
	font-size: clamp(1.6rem, 1.4vw ,2rem);
	font-weight: 400;
	line-height: 1.6;
}
.lead{
	margin: 1em 0;
	font-size: clamp(1.8rem, 1.8vw ,2.4rem);
	font-weight: 400;
	line-height: 1.6;
}
.caption{
	margin: .4em 0;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.4;
}
.img-wrapper .caption.has-bg {
    margin: 0;
    bottom: 0;
    left: auto;
    right: 0;
    padding: .4em .8em;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}
.btn{
	padding: 8px 16px;
	display: inline-block;
	position: relative;
	background: #2c2c2c;
	color: #fff;
	font-size: 1.6rem;
	transition: all .3s ease-out;
}
.general-btn{
	padding: 0 40px;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	background: #594e3f;
	background: linear-gradient(115deg, rgba(86,77,75,1) 0%, rgba(145,136,128,1) 53%, rgba(86,77,75,1) 100%);
	font-size: 1.6rem;
	line-height: 60px;
	border-radius: 30px;
}
.pc-drawer-menu .general-btn{
	display: block;
	font-size: 2rem;
}
.general-btn:hover{
	background: #443c31;
}
@media screen and (max-width: 767px){
	.caption{
		font-size: 1rem;
	}
	.img-wrapper .caption.has-bg {
		padding: .2em .4em;
	}
	.general-btn{
		height: 54px;
		font-size: 1.4rem;
		line-height: 54px;
	}
}
.arrow{
	width: 64px;
	height: 1px;
	display: block;
	position: relative;
	content: "";
	background-color: #fff;
}
.arrow::after{
	width: 10px;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	background-color: #fff;
	transform-origin: right top;
	transform: rotate(45deg);
}
.btn span{
	position: relative;
	z-index: 1;
}
.submit-btn{
	margin: 8px;
	padding: 0 16px;
	width: 100%;
	max-width: 300px;
	height: 60px;
	position: relative;
	background: #456254;
	font-size: 2rem;
	line-height: 60px;
	border-radius: 30px;
}
.cancel-btn{
	margin: 8px;
	padding: 0 16px;
	width: 100%;
	max-width: 200px;
	height: 60px;
	position: relative;
	background: #aaa;
	font-size: 2rem;
	line-height: 60px;
	border-radius: 30px;
}
.reserve-btn{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%),#276A46;
}
.request-btn{
	background: linear-gradient(120deg, #e4d6b5 0%, #d2b97f 30%, #d2b97f 75%, #b8a06a 100%);
}
.tel-btn{
	background: #AE3D3E;
}
.reserve-btn:hover{
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 100%), #276A46;
	filter: brightness(.8);
}
.request-btn:hover{
	background: linear-gradient(120deg, #e4d6b5 0%, #d2b97f 30%, #d2b97f 75%, #b8a06a 100%);
	filter: brightness(.8);
}
.tel-btn:hover{
	background: #801f20;
}
.bg-light{
	background-color: #fffef7;
}
.bg-gray{
	background-color: #faf9f2;
}
.bg-lightgray{
	background-color: #f8f8f8;
}
.bg-light-pink{
	background-color: #fcf1e9;
}
.primary-bg{
	background-image: url(../images/common/bg.jpg);
	background-size: cover;
	display: block;
}
.secondary-bg{
	background: rgb(237 231 219 / 50%);
}
.video-wrapper{
	position: relative;
	padding-top: 56.25%;
	height: 0;
	display: block;
	content: "";
}
.video-wrapper iframe,
.video-wrapper video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.loading{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	content: "";
}
.container-box{
	margin: auto;
	padding: 5% 0;
	width: 90%;
	background: #fff;
}
.general-table{
	margin: 48px 0;
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.4;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.general-table th,
.general-table td{
	padding: 16px;
	border-bottom: 1px solid #ddd;
}
.general-table th{
	width: 260px;
	position: relative;
	background: #eee;
	font-weight: 500;
	text-align: right;
}
@media screen and (max-width: 767px){
	.general-table{
		margin: 24px 0;
	}
	.general-table th,
	.general-table td{
		width: 100%;
		display: block;
	}
	.general-table th{
		text-align: left;
	}
}
.is-dummy{
	padding: 8px;
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	background: #595e64;
	color: #fff;
	font-size: 1.4rem;
}
.mt20{
	margin-top: 20px;
	position: relative;
	z-index: 1;
}
.local-heading{
	display: inline-block;
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: .1em;
	border-bottom: 1px solid #51887D;
	margin-bottom: .6em;
	color: #51887D;
}
.local-heading.text-marker{
	background: linear-gradient(transparent 0%, transparent 60%, #FFF67F 60%, #FFF67F 90%, transparent 90%, transparent 100%);
}
.local-title{
	display: inline-block;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: .1em;
	border-bottom: 1px solid #51887D;
	margin-bottom: .6em;
	color: #51887D;
}
.local-title.text-marker{
	background: linear-gradient(transparent 0%, transparent 60%, #FFF67F 60%, #FFF67F 90%, transparent 90%, transparent 100%);
}
.local-num{
	display: inline-block;
	margin-right: .2em;
	font-size: 4rem;
	color: #7BB556;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
}
.local-copy{
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0.6em;
	color: #51887D;
}
.local-note{
	margin: 1em 0;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.6;
}
@media screen and (max-width: 1200px){
	.local-heading{
		font-size: 3vw;
	}
	.local-num{
		font-size: 2.8vw;
	}
	.local-title{
		font-size: 1.8vw;
	}
	.local-copy{
		font-size: 2vw;
	}
}
@media screen and (max-width: 767px){
	.local-heading{
		font-size: 7vw;
    line-height: 1.5;
	}
	.local-num{
		font-size: 6.8vw;
	}
	.local-title{
		font-size: 5vw;
	}
	.local-copy{
		font-size: 5vw;
	}
	.local-note{
		font-size: 1.6rem;
	}
}
.anker-space{
	padding-top: 80px;
	margin-top: -80px;
}
.btm-link-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
}
@media screen and (max-width: 900px){
	.btm-link-wrap{
		flex-direction: column;
		gap: 32px;
	}
}
/*--------------------------------
layout
--------------------------------*/
.hero .lead{
	position: absolute;
	top: 5%;
	left: 0;
	right: 0;
	text-align: center;
}
@media screen and (max-width: 767px){
	.hero .lead{
		font-size: 3.8vw;
	}
}
.brand-mv{
	background: url(../images/brand/go-bg.jpg) no-repeat center center;
	background-size: cover;
}
@media screen and (max-width: 767px){
	.brand-mv{
		margin-top: 50px;
		text-align: center;
	}
}
.brand-mv-grid{
	padding: 80px 0;
	text-align: center;
	line-height: 1.5;
	font-weight: 600;
	font-feature-settings: "palt";
	letter-spacing: 1.4px;
}
.brand .duo-logo{
	max-width: 400px;
	width: 90%;
	margin: 0 auto;
}
.brand-mv-item{
	margin: 0 auto;
}
.brand-mv-copy{
	margin: 30px auto;
	font-size: 3.4vw;
}
.brand-mv-note{
	font-size: 2vw;
}
@media screen and (max-width: 767px){
	.brand-mv-grid{
		margin: 0 auto;
		padding: 60px 0;
		width: 90%;
	}
	.brand-mv-copy{
		margin: 20px auto;
		font-size: 8.8vw;
	}
	.brand-mv-note{
		font-size: 7.6vw;
	}
	.brand-mv-item{
		margin: 0 auto;
	}
}
.brand-go-wrap{
	background: url(../images/brand/go-bg.jpg) no-repeat center center;
	background-size: cover;
}
.brand-go-grid{
	padding: 80px 0;
	margin: 0 auto;
	text-align: center;
	font-weight: 600;
	font-feature-settings: "palt";
}
@media screen and (max-width: 767px){
	.brand-go-grid{
		padding: 40px 0;
		text-align: left;
		width: 85%;
	}
}
.brand-go-copy{
	margin-bottom: 30px;
	font-size: 2.2vw;
	line-height: 1.6;
}
.brand-go-copy span{
	font-size: 125%;
	position: relative;
}
.brand-go-copy sup{
	position: absolute;
	top: 0;
	right: -12%;
	font-size: .6vw;
}
.brand-go-note{
	font-weight: 400;
	font-size: .9vw;
	line-height: 1.7;
}
@media screen and (max-width: 767px){
	.brand-go-copy{
		font-size: 7.4vw;
	}
	.brand-go-note{
		margin-top: 8%;
		font-size: 4vw;
		padding-bottom: 10px;
	}
	.brand-go-copy sup{
		font-size: 1rem;
	}
}
.container{
	margin-top: 124px;
	overflow: hidden;
}
.index2 .container{
	margin-top: 50px;
	margin-left: 160px;
}
@media screen and (max-width: 900px){
	.container{
		margin-top: 50px;
	}
	.index2 .container{
		margin-top: 62px;
		margin-left: 0px;
	}
	.brand .container{
		margin-top: 0;
	}
}
.general-section .inner{
	margin: 0 auto;
	padding: 80px 0;
	width: calc(100% - 32px);
    max-width: 1000px;
}
.general-section .inner2{
	max-width: 650px;
	width: 100%;
}
.general-section .section-inner{
	padding: 80px 0 120px;
}
@media screen and (max-width: 767px){
	.general-section .inner2{
		width: 90%;
	}
	.general-section .inner{
		padding: 32px 0;
	}
	.general-section .section-inner{
		padding: 32px 0 40px;
	}
}
.general-section .inner-fit{
	width: 100%;
	max-width: none;
}
.general-section .inner-full{
	max-width: none;
}
.general-section .inner-wide{
	max-width: 1380px;
	width: 90%;
}
.general-section .inner + .inner{
	padding-top: 0;
}
.general-parts{
	margin-bottom: 32px;
}
.btn-space{
	margin: 24px 0;
	text-align: center;
}
.btn-space:last-child{
	margin-bottom: 0;
}

/*--------------------------------
header
--------------------------------*/
.new-header{
	height: 124px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 5;
	background: rgba(255,255,255,.8);
	transition: height .4s ease-out;
}
.new-header .inner{
	padding: 16px;
}
.new-header .logo{
	width: calc(100% - 316px);
	max-width: 420px;
	height: 28px;
	transition: height .4s ease-out;
}
.logo a{
	height: 100%;
	display: block;
	white-space: nowrap;
}
.icon-insta{
	width: 30px;
	height: 30px;
	background: url(../images/common/instagram.png) no-repeat center center;
	background-size: 100%;
	transition: .4s;
}
.icon-line{
	background: url(../images/common/line.png) no-repeat center center;
	background-size: contain;
}
.icon-youtube{
	background: url(../images/common/youtube.png) no-repeat center center;
	background-size: contain;
}
.insta-wrap{
	padding: 2px 6px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	background: #fff;
	font-size: 1.2rem;
}
.icon-tel{
	margin-right: 2px;
	width: 22px;
	vertical-align: middle;
}
.tel-num{
	display: block;
	font-weight: 600;
}
.hamburger{
	width: 50px;
	height: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 6;
	background: #ddd;
	text-align: center;
	transition: all .3s ease-out;
	cursor: pointer;
}
.hamburger i{
	margin: 3px 0;
	height: 2px;
	width: 30px;
	display: block;
	content: "";
	background: #333;
	transition: all .3s ease-out;
}
.is-menu-open .hamburger{
	background: #2c2c2c;
	color: #fff;
}
.is-menu-open .hamburger i{
	background: #fff;
}
.is-menu-open .hamburger i:nth-child(1){
	transform: translateY(8px) rotate(45deg);
}
.is-menu-open .hamburger i:nth-child(2){
	opacity: 0;
}
.is-menu-open .hamburger i:nth-child(3){
	transform: translateY(-8px) rotate(-45deg);
}
.pc-drawer-menu{
	display: none;
}
@keyframes fUp{ 
	0% {
		opacity: 0;
		transform: translate(0, 20px);
	} 
	100% {
		opacity: 1;
		transform: translate(0, 0);
	} 
}
@media screen and (max-width: 900px){
	.new-header .gnav .nav-list{
		opacity: 0;
	}
}
.drawer-gnav .gnav .nav-list{
	opacity: 0;
}
.is-menu-open .gnav .nav-list:first-child{
	animation: fUp .2s .4s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(2){
	animation: fUp .2s .5s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(3){
	animation: fUp .2s .6s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(4){
	animation: fUp .2s .7s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(5){
	animation: fUp .2s .8s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(6){
	animation: fUp .2s .9s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(7){
	animation: fUp .2s 1s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(8){
	animation: fUp .2s 1.1s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(9){
	animation: fUp .2s 1.2s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:nth-of-type(10){
	animation: fUp .2s 1.3s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav .nav-list:last-child{
	animation: fUp .2s 1.4s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav.under-nav .nav-list:first-child{
	animation: fUp .2s 1.5s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .gnav.under-nav .nav-list:last-child{
	animation: fUp .2s 1.6s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .salon-name, .is-menu-open .tel{
	opacity: 0;
}
.is-menu-open .salon-name{
	animation: fUp .2s 1.8s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .tel{
	animation: fUp .2s 1.9s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .upper-nav .nav-list{
	opacity: 0;
}
.is-menu-open .upper-nav .nav-list:first-child{
	animation: fUp .2s 1.4s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .upper-nav .nav-list:nth-of-type(2){
	animation: fUp .2s 1.5s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.drawer-nav .request-btn ,.drawer-nav .reserve-btn {
	opacity: 0;
}
.is-menu-open .drawer-nav .request-btn{
	animation: fUp .2s .4s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.is-menu-open .drawer-nav .reserve-btn{
	animation: fUp .2s 1.7s 1 ease-in-out;
	animation-fill-mode: forwards;
}
.nav-list,
.btn-list,
.request-btn,
.reserve-btn,
.btn-label{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
}
.bnr-nav{
	margin-top: 40px;
    padding: 26px 32px 24px 32px;
    background: #FAFAFA;
	align-items: center;
	gap: 8px;
}
.bnr-nav .nav-link{
	margin-right: 36px;
	margin: 6px 36px 6px 0 ;
}
.bnr-nav .nav-link:hover{
	color: #c00;
}
.bnr-nav .nav-link::before{
	margin-top: -2px;
    margin-right: 4px;
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #bbb;
    content: "";
    border-radius: 3px;
    vertical-align: middle;
}
.bnr-nav .has-insta .nav-link::before{
	content: none;
}
.bnr-nav .has-insta .nav-link{
	display: block;
	margin-right: 0;
	box-sizing: border-box;
}
.bnr-nav .has-insta .nav-link .icon-insta{
	width: 28px;
	height: 28px;
}
.bnr-nav .nav-link:hover::before {
    background: #c00;
}
.new-header .bnr-nav{
	display: none;
}
.bnr-sub-nav{
	width: 100%;
}
.nav-sub-list{
	margin-top: 10px;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 10px;
}
.insta-wrap{
	justify-content: center;
	text-align: center;
}

.gnav .nav-link{
	line-height: 1.2;
}
@media screen and (min-width: 901px){
	.is-conpact .new-header{
		height: 48px;
	}
	.is-conpact .new-header .logo{
		height: 25px;
	}
	.gnav{
		margin-top: 32px;
		justify-content: flex-start;
		transition: opacity .4s ease-out, transform .4s ease-out;
	}
	.is-conpact .new-header .gnav{
		opacity: 0;
		transform: translateY(-20px);
		pointer-events: none;
	}
	.is-conpact .tel-btn-list{
		display: none;
	}
	.is-conpact .upper-nav{
		padding-right: 70px;
	}
	.gnav .nav-list{
		flex: 1;
		border-right: 1px solid #ddd;
	}
	.is-menu-open .gnav.under-nav .nav-list:first-child{
		animation: fUp .2s 1.4s 1 ease-in-out;
		animation-fill-mode: forwards;
	}
	.is-menu-open .gnav.under-nav .nav-list:last-child{
		animation: fUp .2s 1.5s 1 ease-in-out;
		animation-fill-mode: forwards;
	}
	.gnav .nav-link{
		display: block;
		position: relative;
		white-space: nowrap;
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.new-header .gnav .nav-link{
		font-size: 1.1vw;
		/* padding: 0 12px; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.new-header .gnav .nav-link.new::before {
    position: absolute;
    top: 0;
    left: 4px;
    content: "NEW";
    font-size: 1rem;
    color: #c00;
	}
	.gnav .nav-link::after{
		width: 0;
		max-width: 80px;
		height: 2px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		background: #c00;
		transform: translateX(-50%);
		transition: width .3s ease-out;
	}
	.gnav .nav-link:hover{
		color: #c00;
	}
	.gnav .nav-link:hover::after{
		width: 80%;
	}
	.upper-nav{
		position: absolute;
		right: 0;
		top: 0;
		align-items: center;
	}
	.upper-nav .nav-list{
		margin-right: 32px;
	}

	.upper-nav .nav-list.has-insta a{
		/* padding: 6px;
		display: block;
		background:radial-gradient(at 20% 120%,orange, #f15a4d 25%, #f13f79 55%, #9933ff 100%) no-repeat;
		box-sizing: border-box;
		border-radius: 8px; */
	}
	.upper-nav .nav-link::before{
		margin-top: -2px;
		margin-right: 4px;
		width: 6px;
		height: 6px;
		display: inline-block;
		background: #bbb;
		content: "";
		border-radius: 3px;
		vertical-align: middle;
		transition: background .3s ease-out;
	}
	.upper-nav .has-insta .nav-link::before{
		content: none;
	}
	.upper-nav .nav-link:hover{
		color: #c00;
	}
	.upper-nav .nav-link:hover::before{
		background: #c00;
	}
	.cta-btn{
		padding: 0 24px;
		height: 48px;
		display: flex;
		align-items: center;
	}
	.hamburger,
	.sp-tel-btn{
		display: none;
	}
	.is-conpact .hamburger{
		width: 70px;
		height: 48px;
		display: flex;
	}
	.pc-drawer-menu{
		display: block;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5;
		/* background: url(../images/common/menu-bg.jpg) no-repeat center #fff; */
		background: #fff;
		background-size: cover;
		overflow-y: auto;
		transform: translate(0, -100%);
		transition: transform .4s ease-in-out;
	}
	.is-menu-open .pc-drawer-menu{
		transform: translate(0, 0);
	}
	.pc-drawer-menu{
		padding: 100px 10vw;
	}
	.pc-drawer-menu .logo{
		margin: 0 auto 80px;
		max-width: 600px;
		height: 40px;
	}
	.drawer-nav .btn-space{
		margin: 0 40px 0 0;
		width: 30%;
	}
	.drawer-gnav{
		width: calc(70% - 40px);
	}
	.pc-drawer-menu .gnav{
		margin-top: 0;
		gap: 0 16px;
	}
	.pc-drawer-menu .gnav .nav-list{
		width: 48%;
		flex: none;
		border-bottom: 1px solid #ddd;
		border-right: none;
	}
	.pc-drawer-menu .gnav .nav-list:first-child,
	.pc-drawer-menu .gnav .nav-list:nth-child(2){
		border-top: 1px solid #ddd;
		border-left: none;
	}
	.pc-drawer-menu .gnav.under-nav .nav-list:first-child,
	.pc-drawer-menu .gnav.under-nav .nav-list:nth-child(2){
		border-top: none;
	}
	.pc-drawer-menu .gnav .nav-link{
		padding: 18px 16px;
		display: block;
		position: relative;
		font-size: 1.8rem;
		text-align: left;
	}
	.pc-drawer-menu .gnav .nav-link:not(.none) {
		background: url(../images/common/nav-arrow.svg) no-repeat 98% 50%;
		background-size: 5px;
	}
	.pc-drawer-menu .gnav .nav-link::after{
		max-width: 100%;
		left: 0;
		transform: translateX(0);
	}
	.pc-drawer-menu .salon-name{
		margin-top: 40px;
	}
	.pc-drawer-menu .tel{
		justify-content: flex-start;
	}
	.pc-drawer-menu .salon-status{
		width: 100%;
	}
	.pc-drawer-menu .general-btn{
		margin: 0;
		height: 150px;
		line-height: 150px;
		border-radius: 0;
		box-shadow: 1px 1px 8px rgb(0,0,0,.2);
	}
	.pc-drawer-menu .general-btn + .general-btn{
		margin-top: 24px;
	}
	.gnav .nav-list{
		opacity: 1;
	}
	.pc-drawer-menu .gnav .nav-link:hover::after {
		width: 100%;
	}
	.pc-drawer-menu .bnr-nav{
		width: calc(96% + 16px);
		margin: 40px auto 0;
		opacity: 0;
	}
	.is-menu-open .pc-drawer-menu .bnr-nav{
		animation: fUp .2s 1.6s 1 ease-in-out;
		animation-fill-mode: forwards;
	}
	.pc-drawer-menu .gnav .nav-link.none {
		opacity: .9;
	}
	.pc-drawer-menu .gnav .nav-link.none::before {
		position: absolute;
		top: 50%;
		right: 16px;
		content: "COMING SOON";
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
		font-size: 1.1rem;
		color: #aaa;
		transform: translateY(-50%);
	}
	.nav-sub-list{
		grid-template-columns: repeat(3,1fr);
	}
	.insta-wrap{
		font-size: 1.6rem;
	}
}
.w1570{
	display: none;
}
@media screen and (max-width: 1570px){
	.new-header .w1570{
		display: block;
	}
}
@media screen and (max-width: 768px){
	.footer-container  .w1570{
		display: block;
	}
}
@media screen and (min-width: 901px) and (max-width: 1218px){
	.gnav{
		margin-top: 16px;
	}
	.new-header .gnav .nav-link{
		padding: 8px 9px;
	}
}
@media screen and (min-width: 901px) and (max-width: 1260px){
	.new-header .logo {
		width: 25%;
	}
	.upper-nav .nav-list {
    margin-right: 12px;
		font-size: 1.2rem;
	}
	.cta-btn {
		font-size: 1.2rem;
    padding: 0 8px;
	}
}
.new-header .gnav .nav-link{
	padding: 12px 12px;
}
@media screen and (max-width: 1570px) {
	.new-header .gnav .nav-link{
		padding: 2px 12px 0;
	}
}
@media screen and (max-width: 1200px) {
	.new-header .gnav .nav-link{
		padding: 8px 2px 0;
	}
}
@media screen and (min-width: 1500px) {
	.new-header .gnav .nav-link{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 900px){
	.new-header .gnav .nav-link{
		padding: 0 16px 0;
	}
}
@media screen and (max-width: 900px){
	.new-header{
		height: 50px;
		transition: all .3s ease-out;
	}
	.new-header .inner{
		padding: 0;
	}
	.new-header .logo{
		margin: 8px 16px 6px;
		width: 154px;
		height: 33px;
		transition: opacity .4s ease-out;
	}
	.is-scroll .new-header{
		background: transparent;
	}
	.is-scroll .new-header .logo{
		opacity: 0;
	}
	.nav-container{
		display: none;
		max-height: calc(100vh - 62px);
		overflow-y: auto;
	}
	.new-header.has-bg{
		background: #fff;
	}
	.is-menu-open .new-header{
		height: 100vh;
		background: #fff;
	}
	.is-menu-open .nav-container{
		padding-bottom: 54px;
		display: block;
		/* background: url(../images/common/menu-bg.jpg) no-repeat center #fff; */
		background-size: cover;
	}
	.new-header .gnav{
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.new-header .gnav .nav-list{
		border-top: 1px solid #ddd;
	}
	.gnav .nav-list:nth-of-type(10){
		border-bottom: 1px solid #ddd;
	}
	.new-header .gnav .nav-list:nth-of-type(odd) {
		border-right: 1px solid #ddd;
	}
	.new-header .nav-link{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 16px;
		height: 54px;
		font-size: 1.4rem;
		text-align: center;
	}
	.upper-nav .nav-list{
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
	.upper-nav .nav-list:nth-of-type(odd) {
		border-right: 1px solid #ddd;
	}
	.new-header .nav-link:not(.none){
		background: url(../images/common/nav-arrow.svg) no-repeat 95% 50%;
    background-size: 5px;
	}
	.upper-nav .has-insta {
		display: none;
	}
	.upper-nav{
		padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
	}
	.new-header .btn-list{
		/* margin-top: 16px; */
		width: 50%;
	}
	.new-header .cta-btn{
		padding: 0;
		height: 50px;
		display: block;
		text-align: center;
		line-height: 50px;
	}
	.tel-btn-list{
		display: none;
	}
	.sp-tel-btn{
		width: 45px;
		height: 49px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		position: absolute;
		top: 0;
		right: 56px;
		color: #2c2c2c;
		text-align: center;
		transition: all .3s ease-out;
	}
	.icon-tel-btn {
		width: 17px;
		margin: 0 0 -2px;
	}
	.new-header .request-btn,
	.new-header .reserve-btn{
		display: none;
	}
	.new-header .bnr-nav{
		display: flex;
		width: 95%;
		margin: 16px auto 0;
		padding: 0 8px;
		opacity: 0;
	}
	.is-menu-open .new-header .bnr-nav{
		animation: fUp .2s 1.6s 1 ease-in-out;
		animation-fill-mode: forwards;
	}
	.new-header .bnr-nav .nav-link:not(.none){
		background: none;
	}
	.new-header .bnr-nav .nav-sub-list{
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.new-header .bnr-nav .nav-sub-list .nav-link{
		height: auto;
		padding: 0;
		margin-block: 0;
	}
	.new-header .gnav .nav-link.none {
		opacity: .9;
		padding-bottom: .8em;
	}
	.new-header .gnav .nav-link.none::before {
		position: absolute;
		bottom: 7px;
		left: 50%;
		content: "COMING SOON";
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
		font-size: 1.1rem;
		color: #aaa;
		transform: translateX(-50%);
	}
	.new-header .gnav .nav-link.new::before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "NEW";
    font-size: 1.1rem;
    color: #c00;
	}
}
.btn-label{
	font-size: 10px;
	font-feature-settings: 'palt';
	margin-top: 3px;
}

/*--------------------------------
footer
--------------------------------*/
.page-caption{
	background-color: #ece4dd;
}
.footer-container{
	padding-top: 1px;
}
.index2 .footer-container{
	margin-left: 160px;
}
.footer-container .inner{
	margin: 0 auto;
	padding: 32px 0;
	width: calc(100% - 32px);
}
.footer-container .gnav .nav-link:not(.none) {
    background: url(../images/common/nav-arrow.svg) no-repeat 95% 50%;
    background-size: 5px;
		position: relative;
}

@media screen and (max-width: 767px){
	.footer-container{
		padding-top: 16px;
	}
	.index2 .footer-container{
		margin-left: 0;
	}
	.footer-container .inner{
		padding: 16px 0;
	}
	.footer-container .gnav{
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.footer-container .gnav:nth-of-type(2){
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.footer-container .gnav .nav-list{
		border-top: 1px solid rgba(0,0,0,.2);
	}
	.footer-container .gnav .nav-list:nth-of-type(odd){
		border-right: 1px solid rgba(0,0,0,.2);
	}
	.footer-container .gnav .nav-link{
		padding: 0 16px;
		height: 54px;
		display: -ms-grid;
		display: grid;
		align-items: center;
		text-align: center;
	}
	.footer-container .gnav .nav-link.new::before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "NEW";
    font-size: 1rem;
    color: #c00;
	}
	.footer-gnav{
		width: 100%;
	}
	.sp-fixed-btn{
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		transition: transform .4s ease-out;
	}
	.is-scroll .sp-fixed-btn{
		transform: translateY(100px);
	}
	.sp-fixed-btn .btn-list{
		width: 100%;
	}
	.sp-fixed-btn .cta-btn{
		padding: 0;
		height: 50px;
		display: block;
		text-align: center;
		line-height: 50px;
	}
	.footer-gnav .bnr-nav{
		width: 95%;
		margin: 16px auto 0;
		padding: 0 8px 8px;
	}
	.footer-gnav .bnr-nav .nav-link{
		display: block;
		padding: 16px;
		margin: 0 36px 0 0;
	}
	.footer-gnav .bnr-nav .has-insta .nav-link{
		padding: 0;
		margin: 0;
	}
	.footer-gnav .bnr-nav .has-insta .nav-link{
		display: block;
	}
}
@media screen and (min-width: 768px){
	.footer-nav{
		padding: 40px 0 0;
		margin: 0 auto;
		width: calc(100% - 32px);
		max-width: 1100px;
		justify-content: center;
	}
	.sp-fixed-btn{
		margin-right: 40px;
		width: 30%;
	}
	.sp-fixed-btn &gt; .flex-wrapper{
		flex-direction: column;
	}
	.footer-gnav{
		width: calc(70% - 40px);
	}
	.sp-fixed-btn .btn-list + .btn-list{
		margin-top: 24px;
	}
	.sp-fixed-btn .cta-btn{
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
		align-items: center;
		font-size: 2rem;
		box-shadow: 1px 1px 8px rgba(0,0,0,.2);
	}
	.footer-container .gnav{
		margin: 0 -16px;
		display: block;
	}
	.footer-container .gnav { zoom: 1; }
	.footer-container .gnav:before, .footer-container .gnav:after { content: ""; display: table; }
	.footer-container .gnav:after { clear: both; }

	.footer-container .gnav .nav-list{
		margin: 0 16px;
		width: calc(50% - 32px);
		float: left;
		border: none;
		border-bottom: 1px solid #ccc;
	}
	.footer-container .gnav .nav-link{
		padding: 19px 12px;
		display: block;
		position: relative;
		font-size: 1.6rem;
		white-space: nowrap;
		text-align: left;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.footer-container .gnav .nav-link:hover::after{
		width: 100%;
	}
	.footer-container .gnav .nav-link::after{
		left: 0;
		transform: translate(0,0);
		max-width: 100%;
		transition: width .2s ease-out;
	}
	.footer-container .gnav .nav-link.new::before {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "NEW";
    font-size: 1rem;
    color: #c00;
	}
	.footer-container .gnav .nav-link.none{
		opacity: .9;
	}
	.footer-container .gnav .nav-link.none::before {
		position: absolute;
		top: 50%;
		right: 12px;
		content: "COMING SOON";
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
		font-size: 1.1rem;
		color: #aaa;
		transform: translateY(-50%);
	}
}
.bottom-nav{
	justify-content: space-between;
	align-items: center;
}
.bottom-nav .nav-list{
	margin: 8px 0;
	text-align: right;
}
.bottom-nav .nav-link::before{
	margin-top: -2px;
	margin-right: 4px;
	width: 0;
	height: 0;
	display: inline-block;
	content: "";
	border-style: solid;
	border-width: 4.5px 0 4.5px 7px;
	border-color: transparent transparent transparent #9B8C1B;
	vertical-align: middle;
}
.bottom-nav .nav-link:hover{
	color: #c00;
}
.salon-name{
	margin-bottom: 8px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.tel{
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.tel a{
	font-size: 5rem;
	color: #2c2c2c;
	white-space: nowrap;
	font-family: 'Times New Roman', serif;
}
.salon-status{
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
}
@media screen and (max-width: 767px){
	.salon-name{
		width: 100%;
	}
	.tel{
		gap: 8px;
		text-align: center;
	}
	.tel a{
		font-size: 3rem;
	}
	.free-dial{
		width: 40px;
	}
	.bottom-nav .nav-list{
		text-align: left;
	}
	.bottom-nav .flex-item:first-child{
		order: 2;
	}
	.bottom-nav .flex-item:last-child{
		padding: 0 16px 16px;
		margin: 0 -16px 16px;
		width: calc(100% + 32px);
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
	.footer-container .gnav .nav-link.none{
		opacity: .9;
		position: relative;
	}
	.footer-container .gnav .nav-link.none::before {
		position: absolute;
		bottom: 7px;
		left: 50%;
		content: "COMING SOON";
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
		font-size: 1.1rem;
		color: #aaa;
		transform: translateX(-50%);
	}
	.footer-container .gnav .nav-link.none:last-child::before {
		content: "";
	}
}
.address-wrap{
	padding: 16px;
	justify-content: center;
	align-items: flex-end;
	gap: 16px;
	border-top: 1px solid #ddd;
}
.foot-logo{
	justify-content: center;
	gap: 16px;
}
.foot-banner{
	display: flex;
	align-items: center;
}
.copyright{
	font-style: normal;
	font-size: 1rem;
}
@media screen and (max-width: 767px){
	.address-wrap{
		margin-bottom: 40px;
	}
}
/*--------------------------------
home
--------------------------------*/
.mv-base,
.top-mv-container{
	overflow: hidden;
}
.top-mv-container{
  opacity: 0;
  transition: opacity .3s linear;
}
.top-mv-container.slick-initialized{
  opacity: 1;
}
/* .mv-base::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 200%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0 , rgba(255, 255, 255, 0.7) 50% , rgba(255, 255, 255, 0) 100%);
	transform: translateY(-100%);
	z-index: 1;
	animation: mvBg 1.2s ease-in-out 3s forwards;
} */
.mv-perse{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(0);
}
.slide-animation .mv-perse{
	animation: mvPerse 2.6s ease-in-out .2s forwards;
}
.mv-perse-img{
	animation: mvPerseImg .6s ease-in-out 3.6s forwards;
}
.mv-copy{
	margin-bottom: clamp(6px, 1vw, 10px);
	width: fit-content;
	display: inline-block;
	background-color: rgba(255, 255, 255, .86);
	font-size: 3.2vw;
	line-height: 1.5;
	letter-spacing: .05em;
}
.mv-copy1{
	padding: clamp(6px, 1vw, 10px) clamp(10px, 1.8vw, 18px);
	opacity: 0;
	transform: translateY(10px);
}
.slide-animation .mv-copy1{
	animation: mvCopy 1.6s ease-in-out 2.8s forwards;
}
.mv-copy2{
	padding: 10px clamp(10px, 3vw, 30px);
	opacity: 0;
	transform: translateY(10px);
}
.slide-animation .mv-copy2{
	animation: mvCopy 1.6s ease-in-out 3s forwards;
}
.mv-heading{
	padding: clamp(15px, 2.4vw, 24px) clamp(16px, 2vw, 20px);
	background-color: rgba(255, 255, 255, .86);
	font-size: 2.2vw;
	letter-spacing: -.05em;
	opacity: 0;
	transform: translateY(10px);
}
.slide-animation .mv-heading{
	animation: mvCopy 1.6s ease-in-out 3.2s forwards;
}
.mv-note{
	position: absolute;
	top: 41%;
	left: 0;
	right: 0;
	z-index: 2;
	line-height: 2;
	font-size: 1.2vw;
	letter-spacing: .15em;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.mv-note.second{
	top: 50%;
}
.mv-note.first span{
	animation: mvNote .7s ease-in-out 12s forwards;
}
.mv-body{
	max-width: 60vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 8%;
	right: 0;
}
@keyframes mvPerse{
	0%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(-54%);
	}
}
@keyframes mvBg{
	0%{
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(0);
	}
}
@keyframes mvPerseImg{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0.7;
	}
}
@keyframes mvNote{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes mvCopy{
	0%{
		opacity: 0;
		transform: translateY(10px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@media screen and (max-width: 767px){
	.mv-copy{
		font-size: 5.2vw;
	}
	.mv-heading{
		font-size: 3.8vw;
	}
	.mv-note{
		/* top: 35%; */
		font-size: 3vw;
	}
	.mv-note.second{
		top: 5%;
	}
	.slide-animation .mv-copy1{
		animation: mvCopy 1.2s ease-in-out 2.5s forwards;
	}
	.slide-animation .mv-copy2{
		animation: mvCopy 1.2s ease-in-out 2.7s forwards;
	}
	.slide-animation .mv-heading{
		animation: mvCopy 1.2s ease-in-out 2.9s forwards;
	}
	@keyframes mvPerse{
		0%{
			transform: translateY(0);
		}
		100%{
			transform: translateY(-26%);
		}
	}
	.mv-body{
		max-width: 100%;
		width: 94%;
		right: 50%;
		transform: translateX(50%);
	}
}
.pre-section{
	background: url(../images/home/home-bg.webp) no-repeat center top;
	background-size: cover;
	overflow: hidden;
}
.pre-section .inner{
	max-width: 900px;
}
@media screen and (max-width: 767px){
	.pre-section{
		background: url(../images/home/home-bg-sp.webp) no-repeat center top;
		background-size: 100% auto;
	}
}
.pre-property-name{
	margin: 20px 0 60px;
	font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
	font-size: clamp(2.4rem, 3.3vw ,5rem);
	font-weight: 600;
	line-height: 1.9;
	letter-spacing: .3em;
}
.vline{
	margin: 40px auto;
	width: 1px;
	height: 100px;
	background: #231815;
	content: "";
	
}

@media screen and (max-width: 767px){
	.pre-property-name{
		margin-bottom: 32px;
	}
	.pre-property-name .has-max{
		max-width: 240px;
	}
	.vline{
		margin: 24px auto;
		height: 50px;
	}
}

.usp{
	padding: 32px 16px;
	/* background: #c69392; */
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%), #276A46;
}

.info-heading {
    padding-bottom: .4em;
    margin-bottom: .8em;
    font-size: 2.8rem;
    border-bottom: 1px solid;
}
.info-note {
    font-size: 2.4rem;
}
.info-img-wrap{
	margin: clamp(20px, 4vw, 40px) auto;
	max-width: 400px;
	width: 80%;
}
.info-box{
	margin: clamp(30px, 4vw, 40px) 0 clamp(20px, 3vw, 30px);
	padding:  clamp(30px, 4vw, 40px) 20px;
	background-color: #fcf6e8;
	border: 1px solid #898478;
}
.info-box .kodo-cap.red{
	margin-bottom: clamp(14px, 2vw, 20px);
}
.info-box figure + .kodo-cap.red{
	margin-bottom: 0;
	font-size: clamp(1.5rem, 2.3vw, 2.3rem);
}
.info-box figure{
	margin-bottom: clamp(10px, 2.4vw, 24px);
}
.info-box img{
	max-width: 740px;
}
.kodo {
    /* margin-top: 18px; */
	margin: clamp(30px, 4vw, 40px) 0;
	margin-bottom: 45px;
}
.kodo-text {
    margin-bottom: .4em;
    font-size: 4.2rem;
    letter-spacing: .15em;
}
.kodo-cap {
    font-size: 3.6rem;
	line-height: 1.4;
}
/* .red {
	color: #DD3333;
} */
.kodo-cap.red{
    font-size: 2.6rem;
	margin-bottom: 3rem;
}
.kodo-cap .box{
	background-color: #554949;
	color: #fff;
	padding: 8px 16px;
	margin-bottom: 1rem;
	margin-right: .6rem;
	font-size: 2.6rem;
}
.kodo-box{
	border: 1px solid #554949;
	padding: 20px 20px 30px;
	margin: 3rem auto;
	max-width: 760px;
	font-size: 2.2rem;
	line-height: 1.4;
}
.kodo-title {
    font-size: 3rem;
	line-height: 1.4;
	background-color: #554949;
	color: #fff;
	margin: 30px auto;
	padding: 10px 20px;
	text-align: center;
	max-width: 600px;
}
.kodo-box .bold{
	font-weight: 600;
	font-size: 130%;
	margin: 1.4rem auto;
}
.kodo-box-text.first{
	margin-bottom: 2.8rem;
}
.kodo-box-text{
	margin-bottom: .4rem;
}
.kodo-cap.tel-area{
	margin-top: 25px;
	font-size: 3rem;
	line-height: 1;
}
.kodo-cap.tel-area .red{
	line-height: 1.8;
}
.kodo-cap .tel-btn01{
    color: #554949;
	font-size: 8.2rem;
}
.kodo-box.kodo-box-event{
	margin: 1rem auto 3rem;
}
.kodo-event-news{
    margin: 30px auto 0;
    max-width: 84%;
	text-align: left;
}
.kodo-event-detail{
	text-indent: -2.4em;
	padding-left: 2.4em;
}
.kodo-event-annotation{
	margin: 20px auto;
    font-size: 18px;
}
.kodo-event-annotation .annotation-text{
	text-indent: -1em;
	padding-left: 1em;
}
.kodo-box .img-wrapper{
	width: 90%;
	margin: 0 auto;
}
.kodo-event-news .reserve-link-wrap{
	margin-bottom: 30px;
}
.kodo-box-res{
	display: block;
    width: 600px;
	height: 60px;
	line-height: 60px;
    font-size: 3.2rem;
    margin: 30px auto;
	text-align: center;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 100%), #DD3333;
	color: #fff;
}
.holiday-news{
	/* margin: 0 auto 60px; */
	margin: 0 auto 20px;
	max-width: 760px;
	font-feature-settings: "palt";
	letter-spacing: .015em;
	font-size: clamp(1.4rem, 1.4vw, 2rem);
}
.holiday-news .inline-block{
	display: block;
	border-bottom: 1px solid;
	padding-bottom: .4em;
	margin-bottom: .6em;
}
.holiday-news .small-text{
	margin-top: .6em;
	display: block;
}
@media screen and (max-width: 767px){
	.kodo-title {
		font-size: 2rem;
		margin: 10px auto;
	}
	.kodo-box.kodo-box-event .bold{
		font-size: 120%;
	}
	.kodo-event-news{
		margin: 20px auto 0;
		max-width: 94%;
	}
	.kodo-box-text.kodo-event-detail{
		margin-bottom: .4rem;
		text-indent: -2.8em;
		padding-left: 2.8em;
	}
	.kodo-event-annotation{
		margin: 14px auto;
		font-size: 14px;
	}
	.kodo-box-res{
		width: 100%;
		height: 54px;
		line-height: 54px;
		font-size: 2.4rem;
		margin: 20px auto;
	}
	/* .holiday-news{
		margin-bottom: 40px;
	} */
	.info-heading {
		font-size: 2rem;
	}
	.info-note {
		font-size: 1.8rem;
	}
	.kodo {
		/* margin-top: 16px; */
		margin-bottom: 30px;
	}
	.kodo-text {
		font-size: 2.8rem;
	}
	.kodo-cap {
		font-size: 2rem;
	}
	.kodo-cap.red{
		font-size: 2rem;
		margin: 0 auto 2rem;
	}
	.kodo-cap .box{
		font-size: 2rem;
		padding: 6px 12px;
	}
	.kodo-box{
		padding: 20px 20px 10px;
		font-size: 1.6rem;
	}
	.kodo-box-text.first{
		margin-bottom: 2rem;
	}
	.kodo-box-text{
		margin-bottom: 1.4rem;
	}
	.kodo-cap.tel-area{
		margin-top: 20px;
		font-size: 1.8rem;
	}
	.kodo-cap .tel-btn01{
		font-size: 4.8rem;
	}
	.holiday-news .small-text{
		font-size: 1.2rem;
	}
	.usp {
    padding: 32px 32px;
	}
}


.kodo-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(38 / 858 * 100%);
	margin-bottom: 20px;
}
.kodo-info-wrap {
	width: calc(400 / 858 * 100%);
}
.kodo-info-title {
	font-size: min(calc(26 / 800 * 100vw), 3rem);
	line-height: 1.4;
	color: #772A34;
}
.kodo-info-text {
	font-size: min(calc(20 / 800 * 100vw), 2.6rem);
	line-height: 1.4;
	position: relative;
	z-index: 0;
    padding: 0 35px;
    width: fit-content;
    margin: 20px auto 0;
}
.kodo-info-text span {
	background: #fcf6e8;
	padding: 0 10px;
}
.kodo-info-text:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 1px;
	left: 0;
	transform: translateY(-50%);
	background: #554949;
	z-index: -1;
}
.kodo-info-img {
	width: calc(360 / 858 * 100%);
	aspect-ratio: 360 / 200;
}
.kodo-notes {
	font-size: 2rem;
	line-height: 1.4;
	margin-bottom: clamp(15px, 2vw, 20px);
}
@media screen and (max-width: 767px){
	.kodo-info {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}
	.kodo-info-wrap {
		width: 100%;
	}
	.kodo-info-title {
		font-size: min(calc(22 / 375 * 100vw), 2.2rem);
	}
	.kodo-info-text {
		font-size: min(calc(20 / 375 * 100vw), 2rem);
	}
	.kodo-info-img {
		width: 100%;
	}
	.kodo-notes {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 767px){
	.home .contents-wide-wrap{
		width: calc(100% + 26px);
		margin-left: -13px;
		margin-right: -13px;
	}
}
.col2-flex{
	margin-inline: auto;
	max-width: 760px;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(20px, 4vw, 40px);
}
.link-btn{
	width: calc(50% - 20px);
}
.link-btn a{
	padding: 0 40px;
	width: 100%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0;
	font-size: clamp(2.4rem, 2.8vw, 2.8rem);
	color: #fff;
	transition: all .3s ease-out;
}
.link-reserve{
	background: #276A46;
}
.link-request{
	background: linear-gradient(90deg,rgba(220, 200, 158, 1) 0%, rgba(207, 182, 124, 1) 50%, rgba(207, 182, 124, 1) 100%);
}
.link-btn a:hover{
	opacity: .7;
}
.link-btn .link-reserv a:hover{
	background: #276A46;
}
.link-btn .link-request a:hover{
	background: linear-gradient(90deg,rgba(220, 200, 158, 1) 0%, rgba(207, 182, 124, 1) 50%, rgba(207, 182, 124, 1) 100%);
}
.reserve-link-wrap{
	margin-bottom: 80px;
}
.reserve-link-wrap .reserve-btn{
	display: block;
	width: 600px;
	font-size: 3.2rem;
	border-radius: 0;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.reserve-link-wrap{
		margin-bottom: 60px;
	}
	.reserve-link-wrap .reserve-btn{
		width: 100%;
		font-size: 2.4rem;
	}
	.link-btn{
		width: 100%;
	}
}
.mousho-img img{
	max-width: 380px;
	width: 86%;
}
.mousho .tertiary-heading{
	margin-bottom: clamp(26px, 4vw, 40px);
	font-size: clamp(2.5rem, 3.3vw, 3.3rem);
}
.mosho-lists-box{
	margin-bottom: clamp(46px, 6vw, 60px);
	padding: clamp(40px, 5vw, 50px) clamp(20px, 5vw, 50px);
	background: url('../images/home/mosho-box-bg.webp') no-repeat top center/ cover;
	border: 1px solid #408fa7;
}
.mosho-list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(26px, 3.6vw, 36px) clamp(12px, 2vw, 20px);
}
.mosho-card{
	display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
	gap: 0;
	background-color: #fff;
	box-shadow: 0px 0px 16px rgba(0,0,0,0.16);
}
.mosho-card-txt {
	padding: clamp(6px, 1vw, 10px);
	display: grid;
	place-items: center;
	font-size: clamp(1.2rem, 1.8vw, 1.8rem);
	line-height: 1.3;
}
.has-label{
	position: relative;
}
.has-label::before{
	content: '';
	width: 70px;
	height: 70px;
	position: absolute;
	top: -26px;
	right: -14px;
	z-index: 2;
}
.label-01::before{
	background: url('../images/home/mosho-label-01.svg') center center/ cover;
}
.label-02::before{
	background: url('../images/home/mosho-label-02.svg') center center/ cover;
}
.label-03::before{
	background: url('../images/home/mosho-label-03.svg') center center/ cover;
}
.bnr-wrap{
	margin-bottom: clamp(40px, 8vw, 80px);
}
@media screen and (max-width: 767px){
	.mousho-img{
		margin-bottom: 8px;
	}
	.mousho .tertiary-heading{
		line-height: 1.5;
	}
	.mosho-list{
		grid-template-columns: repeat(2, 1fr);
	}
	.has-label::before{
		width: 46px;
		height: 46px;
		top: -16px;
		right: -6px;
	}
	.mosho-card .col-2{
		width: 50%;
	}
}

.concept-area{
	position: relative;
}
.concept-heading{
	position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	z-index: 2;
	font-size: 1.8vw;
	letter-spacing: .1em;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.concept-copy{
	position: absolute;
	top: 14%;
	left: 0;
	right: 0;
	z-index: 2;
	font-size: 3.6vw;
	line-height: 1.5;
	letter-spacing: .15em;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}
.concept-note{
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	z-index: 2;
	line-height: 2;
	font-size: 1.6vw;
	letter-spacing: .1em;
	color: #fff;
	text-shadow: 0 0 3px #554949, 0 0 10px #554949;
}
@media screen and (max-width: 767px){
	.concept-area{
		padding-top: 160px;
	}
	.concept-heading{
		top: 4%;
		font-size: 3.6vw;
	}
	.concept-copy{
		position: absolute;
		top: 8%;
		font-size: 5.2vw;
	}
	.concept-note{
		letter-spacing: 0;
		top: 18%;
		font-size: 3.6vw;
		color: #554949;
		text-shadow: none;
	}
}
.top-voice-section{
	background: #554949;
}
.support-section{
	background: url(../images/home/support-bg.webp) no-repeat center top;
	background-size: cover;
}
@media screen and (max-width: 767px){
	.support-section{
		background: url(../images/home/support-bg-sp.webp) no-repeat center top;
		background-size: 100% auto;
	}
}
.contents-nav-link{
	color: inherit;
}
.contents-nav-wrap{
	margin-bottom: 100px;
	width: 95%;
	max-width: 1300px;
	padding: 54px 54px 54px 80px;
	display: grid;
	grid-template-columns: 1fr 420px;
	align-items: center;
	gap: 40px;
	background: #fff;
}
.contents-nav-wrap &gt; .img-wrapper{
	grid-row: 1 / 3;
}
.contents-nav-card{
	margin-bottom: -120px;
	background: url(../images/home/flower.png) no-repeat right top #fcf1e9;
	background-size: 122px auto;
	padding: 32px;
	box-shadow: 1px 1px 16px rgba(0,0,0,.1);
	z-index: 1;
}
.contents-nav-card .note{
	margin-top: 0;
}
.contents-nav-wrap .primary-heading{
	margin-top: 40px;
	margin-bottom: .2em;
}
.contents-nav-link:nth-child(2n) .contents-nav-wrap{
	margin-left: auto;
	padding: 54px 90px 54px 54px;
	grid-template-columns: 420px 1fr;
	background: none;
}
.contents-nav-link:nth-child(2n) .contents-nav-wrap &gt; .img-wrapper{
	grid-column: 2;
}
.contents-nav-link:nth-child(2n) .contents-nav-card{
	background-color: #fff;
}
@media screen and (max-width: 901px){
	.contents-nav-wrap{
		padding: 32px 0;
		width: auto;
		grid-template-columns: 1fr;
		gap: 0;
	}
	.contents-nav-link:nth-child(2n) .contents-nav-wrap{
		padding: 32px 0;
		grid-template-columns: 1fr;
	}
	.contents-nav-wrap &gt; .img-wrapper{
		width: 90%;
		max-width: 750px;
		grid-row: none;
		order: 2;
	}
	.contents-nav-wrap &gt; .img-wrapper .caption{
		top: 0;
		bottom: auto;
	}
	.contents-nav-wrap .primary-heading{
		margin-top: 0;
	}
	.nav-text-field{
		order: 1;
		text-align: center;
	}
	.contents-nav-card{
		padding: 24px;
		order: 3;
		margin-left: auto;
		margin-top: -40px;
		max-width: 320px;
	}
	.contents-nav-link:nth-child(2n) .contents-nav-wrap &gt; .img-wrapper{
		 grid-column: 1;
	}
}

/*--------------------------------
support
--------------------------------*/
.bg-lead{
	background: url(../images/support/lead-bg.webp) no-repeat center top;
	background-size: 100% auto;
}
.support-nav-section{
	background: url(../images/support/nav-bg.webp) no-repeat center center;
	background-size: cover;
}
.support-navs{
	margin-top: 80px;
}
.support-navs{
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(4,  1fr);
}
@media screen and (max-width: 767px){
	.support-navs{
		margin-top: 24px;
	}
	.support-navs{
		grid-template-columns: repeat(2,  1fr);
	}
	.general-section .sp-inner-fit{
		width: 100%;
		max-width: none;
	}
}


/*--------------------------------
modelroom
--------------------------------*/
.modelroom-bg{
	background: url(../images/modelroom/modelroom-bg.webp) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
    padding: 80px 0;
}
.modelroom .general-section .inner{
	max-width: unset;
	width: min(calc(100% - 140px), 1480px);
}
.modelrom-note{
	font-size: clamp(1.6rem, 1.8vw ,3.4rem);
    line-height: 1.8;
}
.bg-br{
	background-color: #554949;
	position: relative;
}
.flower{
	position: absolute;
	width: 18%;
    top: -7%;
    left: 3%;
}
.bg-br .secondary-heading {
	color: #fff;
	margin-bottom: 80px;
}
.bg-br .inner {
	max-width: 1000px;
}
@media screen and (max-width: 767px){
	.modelroom .general-section .sp-inner-fit{
		max-width: none;
		width: 100%;
	}
	.modelroom-bg{
		background: url(../images/modelroom/modelroom-bg-sp.webp) no-repeat center center;
		background-size: cover;
		padding: 40px 0;
	}
	.flower{
		width: 22%;
		top: -2%;
		right: 3%;
		left: unset;
	}
	.modelroom .bg-br .secondary-heading {
		margin-bottom: 40px;
	}
	.modelroom .bg-br .inner {
		max-width: 1000px;
		width: 80%;
	}
}

/*--------------------------------
brand
--------------------------------*/
.brand .primary-heading{
	font-size: 3.4rem;
}
.brand .secondary-heading{
	font-size: 2.6rem;
	color: #5C6774;
}
.brand .tertiary-heading{
	font-size: 2.4rem;
}
.brand .page-heading{
	font-size: 3.4rem;
}
.brand .note{
	font-size: 1.8rem;
}
.brand .lead{
	font-size: 2rem;
}
@media screen and (max-width: 767px){
	.brand .primary-heading{
		font-size: 2.4rem;
	}
	.brand .secondary-heading{
		font-size: 2.4rem;
	}
	.brand .tertiary-heading{
		font-size: 2rem;
	}
	.brand .page-heading{
		font-size: 2.4rem;
	}
	.brand .note{
		font-size: 1.6rem;
	}
	.brand .lead{
		font-size: 1.8rem;
	}
}
.hero{
	position: relative;
}
.hero-image{
	overflow: hidden;
}
.hero-image .fit-img{
	transform: scale(1.2);
	transition: transform 7s ease-out 2s;
}
.hero video{
	width: 100%;
}
@media screen and (max-width: 767px){
	.home .hero-image .fit-img{
		transform: scale(1);
		transition: transform 5s ease-in-out 3.4s;
		/* height: 81.335vw; */
		height: 97.7vw;
		width: auto;
		transform: translateX(-47%);
	}
}
.hero-image.wow-finished .fit-img{
	transform: scale(1);
}
@media screen and (max-width: 767px){
	.hero-image.wow-finished .fit-img{
		transform: translateX(0);
	}
}
.hero-image-wrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.hero-copy-group{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 8vw;
	transform: translateX(-50%);
}
.brand-name{
	width: 42vw;
}
.hero-copy{
	margin-top: 32px;
	width: 5.4vw;
}
@media screen and (max-width: 767px){
	.hero-copy-group{
		top: 7vw;
	}
	.brand-name{
		width: 85vw;
	}
	.hero-copy{
		margin-top: 16px;
		width: 15vw;
	}
}
.index-wrapper{
	flex-wrap: nowrap;
	align-items: center;
	text-align: center;
}
.index-heading{
	margin-top: -150px;
	width: 16%;
	font-size: 4rem;
	font-weight: 400;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: .5em;
	transform: translateX(-50%);
}
.index-item{
	flex: 1;
}
.index-item .img-wrapper{
	overflow: hidden;
}
.index-item .fit-img{
	transition: all .3s ease-out;
}
.index-item :hover .fit-img{
	transform: scale(1.2);
	filter: brightness(0.6);
}
.index-title{
	margin: 1em 0;
	font-size: 1.5vw;
	font-weight: 400;
	color: #2c2c2c;
}
.index-num{
	padding: .8em 32px 0;
	display: inline-block;
	font-size: 2.6rem;
	font-weight: 400;
	color: #2c2c2c;
	border-top: 1px solid #707070;
}
@media screen and (max-width: 900px){
	.index-wrapper{
		padding: 0 16px;
	}
	.index-heading{
		display: none;
	}
	.index-title{
		font-size: 1.8vw;
	}
}
@media screen and (max-width: 767px){
	.index-wrapper{
		flex-wrap: wrap;
	}
	.index-item{
		margin-bottom: 16px;
		width: calc(50% - 8px);
		flex: none;
	}
	.index-title{
		font-size: 3.6vw;
	}
	.index-num{
		font-size: 1.8rem;
	}
}

.content-wrap{
	align-items: center;
}
.thumb-item{
	width: 38vw;
	height: 100vh;
	top: 0;
	left: 0;
	transition: opacity .4s ease-out;
}
.thumb-item .fit-img{
	height: 100%;
	object-fit: cover;
}
.content-item{
	padding: 0 5vw;
	flex: 1;
}
@media screen and (min-width: 901px){
	.content-wrap{
		min-height: 100vh;
	}
	.content-wrap.is-fixed{
		padding-left: 38vw;
	}
	.is-hidden{
		opacity: 0;
	}
	.is-fixed .thumb-item{
		position: fixed;
		z-index: 2;
		opacity: 1;
	}
	.index2 .is-fixed .thumb-item{
		left: 160px;
	}
	.over-scroll .thumb-item{
		opacity: 1;
	}
}
@media screen and (max-width: 900px){
	.thumb-item{
		margin: 16px auto;
		width: calc(100% - 32px);
		max-width: 400px;
		height: auto;
	}
	.content-item{
		padding: 16px;
		width: 100%;
		flex: none;
	}
}
#sec-01,
#sec-02,
#sec-03,
#sec-04{
	margin-top: -70px;
	padding-top: 70px;
}
.content-item .secondary-heading{
	margin-bottom: 4vw;
}
.section-header{
	margin-top: 7vw;
	position: relative;
}
.section-heading{
	padding: 16px 32px;
	display: inline-block;
	position: absolute;
	top: -.5em;
	left: 5vw;
	z-index: 1;
	background: #fff;
}
.heading-num{
	margin-right: 32px;
	display: inline-block;
}
@media screen and (max-width: 767px){
	.section-heading{
		padding: 8px 16px;
		top: -1em;
	}
	.heading-num{
		display: block;
	}
}
.has-border-bottom{
	padding: 0 0 .8em;
	display: inline-block;
	border-bottom: 1px solid #707070;
}
.has-side-padding{
	padding-left: 1em;
	padding-right: 1em;
}
.col-2 .note:first-child{
	margin-top: 0;
}
.senior-section{
	padding-top: 6.7vw;
	padding-bottom: 12vw;
	background-image: url(../images/brand/duoscene-wh.png), url(../images/brand/section-foot.png);
	background-repeat: no-repeat;
	background-position: right top, center bottom;
	background-size: 60% auto, 100% auto;
}
.light-section{
	padding-bottom: 12vw;
	background-image: url(../images/brand/section-foot-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
.gray-section{
	padding-bottom: 12vw;
	background-image: url(../images/brand/section-foot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
@media screen and (max-width: 767px){
	.senior-section{
		background-size: 100% auto, 100% auto;
	}
}
.section-border,
.general-section .inner + .section-border{
	padding-top: 48px;
	border-top: 1px solid #D1D1D1;
}
.illust-wrap{
	justify-content: center;
	gap: 20px;
	text-align: center;
}
.illust-wrap.max-3{
	gap: 40px;
}
.illust-wrap &gt; .flex-item{
	width: calc(100% / 4 - 15px);
}
.illust-wrap .lead{
	padding-top: 16px;
	border-top: 1px dotted #535353;
}
@media screen and (max-width: 767px){
	.illust-wrap{
		gap: 24px;
		justify-content: flex-start;
	}
	.illust-wrap.max-3{
		gap: 24px;
	}
	.illust-wrap &gt; .flex-item{
		width: calc(100% / 2 - 12px);
	}
	.over-scroll{
		overflow-x: auto;
	}
	.over-scroll &gt; img{
		min-width: 600px;
	}
}
.general-section .right-fit{
	margin-right: 0;
	width: calc(100% - 16px);
}
.slick-item{
	margin: 0 8px;
	text-align: center;
	transform: translateX(20%);
}
.slide-loop{
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.slide-loop-wrap{
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
}
.slide-loop-item,
.slide-loop-img{
	width: auto;
	height: 300px;
}
.slide-loop-item{
	display: flex;
}
@media screen and (max-width: 900px){
	.slide-loop,
	.slide-loop-item,
	.slide-loop-img{
		height: 200px;
	}
}
.area-wrapper{
	gap: 8px;
	text-align: center;
	justify-content: flex-start;
}
.general-section .inner-area{
	max-width: 1568px;
}
.area-item{
	margin-bottom: 32px;
	width: calc(100% / 4 - 6px);
}
.count{
	margin-top: -.8em;
	font-size: 1.8rem;
	font-weight: 400;
}
.area-item{
	counter-increment: count;
}
.area-item .img-wrapper::before{
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #456254;
	content: counter(count);
	color: #fff;
	line-height: 30px;
}
@media screen and (max-width: 900px){
	.area-item{
		width: calc(100% / 4 - 6px);
	}
}
@media screen and (max-width: 767px){
	.count{
		font-size: 1.4rem;
	}
	.area-wrapper{
		width: 2072px;
		flex-wrap: nowrap;
	}
	.area-item{
		margin-bottom: 16px;
		width: 200px;
	}
}
.home .main-content{
	/* background: #51887D; */
}
.home .main-content .inner{
	max-width: 1600px;
	width: calc(100% - 100px);
}
.home .hero-copy{
	width: 8.4vw;
}
.home .go-duo-section.general-section .inner{
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 0;
}
.home .go-duo-section.general-section .inner .note{
	font-size: 2rem;
}
.home .secondary-heading.lead-text{
	font-size: clamp(2rem, 2.8vw ,4rem);
}
.go-grid{
	display: grid;
	grid-template-columns: 40% 1fr;
	align-items: center;
}
.go-item:last-child{
	padding: 32px 0;
}
.go-grid .lead-main-copy {
    font-size: 3.2rem;
    color: #000;
    margin: 32px 0 20px;
}
.duo-logo{
	max-width: 400px;
}
@media screen and (max-width: 1375px){
	.go-grid{
		align-items: flex-end;
	}
}
@media screen and (max-width: 767px){
	.go-grid{
		grid-template-columns: 1fr;
	}
	.go-item:first-child{
		margin: 0 auto;
		order: 2;
		width: 80%;
	}
	.go-item:first-child .page-btn{
		margin-top: 20px;
	}
	.go-item:last-child{
		order: 1;
		padding: 0;
	}
	.duo-logo{
		width: 80%;
	}
	.go-grid .lead-main-copy {
		font-size: 4.8vw;
		margin: 16px 0 16px;
	}
	.home .go-duo-section.general-section .inner .note{
		font-size: 3.6vw;
	}
	.home .go-duo-section.general-section .inner{
		margin-top: 0;
		padding-top: 32px;
		padding-bottom: 28px;
	}
}

.yakusho-wrap{
	max-width: 970px;
	margin: 60px auto;
	padding: 60px 48px;
	background: url(../images/home/yakusho-bg.webp) no-repeat top center;
	background-size: cover;
	border: 3px solid #870000;
	position: relative;
}
.yakusho-new{
	position: absolute;
	top: -28px;
	left: -3.6%;
	width: 20%;
}
.yakusho-flex{
	margin-top: 48px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
.movie-thumb{
	position: relative;
	margin-bottom: 16px;
	cursor: pointer;
}
@media(max-width:767px) {
	.yakusho-wrap{
		margin: 48px auto;
			padding: 40px 16px;
			background: url(../images/home/yakusho-bg-sp.jpg) no-repeat top center;
			background-size: cover;
	}
	.yakusho-flex{
			margin-top: 32px;
			grid-template-columns: 1fr;
			gap: 24px;
	}
	.yakusho-new{
			top: -1.6%;
			left: -4.6%;
			width: 25%;
	}
}

/*--------------------------------
company
--------------------------------*/
.company-bg{
    background: #F8F8FA;
}
.garamond {
    font-family: 'EB Garamond', serif;
}
.gothic{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.company .mv-text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 6.2rem;
	letter-spacing: .05em;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 15px #000, 0px 0px 20px #000;
}
.company .main-content{
	font-family: 'Noto Serif JP', serif;
}
.company .note{
	font-size: 1.5rem;
	line-height: 2;
}
.company-list{
	margin: 100px 0 0;
}
.company-item{
    border: solid 1px rgba(121, 106, 8, 0.5);
    padding: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    margin: 0 0 25px;
}
.company-item a{
    display: block;
	border: solid 1px #796A08;
    padding: 25px 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.company-item:nth-of-type(1) a{
	background-image: url(../images/company/sec_link_1.png);
}
.company-item:nth-of-type(2) a{
	background-image: url(../images/company/sec_link_2.png);
}
.company-item:nth-of-type(3) a{
	background-image: url(../images/company/sec_link_3.png);
}
.company-item:nth-of-type(4) a{
	background-image: url(../images/company/sec_link_4.png);
}
.company-item:nth-of-type(5) a{
	background-image: url(../images/company/sec_link_5.png);
}
.company-item-head{
    display: inline-block;
    border-bottom: solid 1px #796A08;
    padding: 0 0 10px;
    font-size: 4.2rem;
    color: #796A08;
}
.company-item-ttl{
    font-size: 1.5rem;
	letter-spacing: .1em;
    margin: 10px 0 0;
	color: #333;
}
.company-item-copy{
    font-size: 18px;
    letter-spacing: 0;
    color: #333;
    text-shadow: 0px 0px 1px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, -1px -1px 2px #fff, -1px -1px 2px #fff, -1px -1px 2px #fff, -1px -1px 2px #fff, 0px 0px 2px #fff;
    margin: 10px 0 0;
}
.company-item-more{
    font-size: 13px;
    color: #796A08;
    padding: 0 0 0 20px;
    margin: 30px 0 0;
    position: relative;
}
.company-item-more::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 7.5px 0 7.5px;
    border-color: #796A08 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.company-nav-list{
	margin: 150px 0 40px;
	justify-content: center;
}
.company-nav-item{
	margin: 0 10px 10px 0;
	width: calc(100%/5 - 8px);
}
.company-nav-item:last-child{
	margin-right: 0;
}
.company-nav-item a{
	border: solid 1px #796A08;
	box-sizing: border-box;
	position: relative;
	height: 83px;
	font-size: 1.8rem;
	color: #796A08;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
	transition: all 0.3s ease;
}
.company-nav-item a:hover,
.company-nav-item a.active{
	background: #796A08;
	color: #fff;
	border: solid 1px #42210B;
}
.company-nav-item a::before {
    content: "";
    width: 1px;
    height: 14px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.company-box{
	border: solid 1px rgba(121, 106, 8, 0.3);
    position: relative;
	padding: 80px 40px;
}
.company-icon-wrap{
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.company-icon a:hover{
	opacity: .7;
}
.company .area1 .bg-item{
	width: 330px;
    position: absolute;
    top: 0;
    right: 6%;
    z-index: -1;
}
.company .area-wrap .flow-item{
	position: relative;
	min-width: 180px;
	width: calc(100%/4 - 45px);
	margin: 0 60px 20px 0;
	border: solid 1px #796A08;
    background: #F9F8F4;
    padding: 13px 0 20px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}

.company .area-wrap .flow-item::before{
	content: "";
	position: absolute;
	top: 50%;
	right: -26%;
	transform: translate(0,-50%);
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 9.5px 0 9.5px 30px;
    border-color: transparent transparent transparent #796A08;
	z-index: 1;
}
.company .area-wrap .flow-item:nth-of-type(4){
	margin-right: 0;
}
.company .area-wrap .flow-item:nth-of-type(4)::before{
	display: none;
}
.company .area-wrap .flow-img{
	width: 90%;
	margin: 0 auto;
}
.company .area-wrap .flow-head {
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    text-align: center;
    color: #231815;
    border-bottom: solid 1px #796A08;
    padding: 0 0 13px;
    margin: 15px 0 13px;
}
.company .area-wrap .flow-note {
    width: 90%;
    letter-spacing: 0em;
    margin: 0 auto;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #231815;
}
.company .area-wrap .tertiary-heading{
	position: relative;
	margin-top: 40px;
}
.company .area-wrap .tertiary-heading::before,
.company .area-wrap .tertiary-heading::after{
	content: "";
    width: calc(50% - 130px);
    height: 2px;
    background: #938750;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.company .area-wrap .tertiary-heading::before{
	left: 0;
}
.company .area-wrap .tertiary-heading::after{
	right: 0;
}
.company .area-wrap .secondary-heading{
	color: #333;
	margin: 0 0 50px;
	line-height: 1.6;
}
.product-wrap.bg-green{
	margin: 85px 0 15px;
	background: #ECF1E7;
}
.product-wrap.bg-yellow{
	background: #F9F7EE;
}
.product-wrap.bg-blue{
	margin: 25px 0 0;
	background: #EDF2F8;
}
.product-wrap{
	padding: 35px;
}

.product-head {
    font-size: 3rem;
    text-align: center;
    color: #231815;
    padding: 10px 0;
    background: #fff;
}
.product-head span{
	font-size: 1.5rem;
}
.product-note {
    font-size: 1.5rem;
    line-height: 2;
    text-align: center;
    color: #231815;
    margin: 20px 0;
}

.company .area-wrap.area2 .tertiary-heading::before,
.company .area-wrap.area2 .tertiary-heading::after{
    width: calc(50% - 180px);
}

.company .area-wrap.area2 .flow-list{
	margin-top: 40px;
}
.company .area-wrap.area2 .flow-item{
	width: calc(100%/4 - 9px);
	margin-right: 12px;
}
.company .area-wrap.area2 .flow-item:nth-of-type(4){
	margin-right: 0;
}
.company .area-wrap.area2 .flow-item::before{
	display: none;
}
.company .area-wrap.area2  .flow-img{
	max-width: 61px;
}
.company .area-wrap.area2 .flow-head{
	font-size: 2.1rem;
}
.company .area-wrap.area2 .flow-head .small-text{
	font-size: 1.3rem;
}
.company .area-wrap.area2 .flow-note{
	width: 90%;
}
.company .team-wrap{
	padding: 45px;
	margin: 80px -40px 0;
}
.company .team-head{
    font-size: 3rem;
	line-height: 1.5;
    color: #231815;
}
.company .team-list{
	margin-top: 30px;
	flex-wrap: nowrap;
}
.company .team-item{
	width: calc(100%/3 - 6px);
	margin: 0 9px 0 0;
}
.company .team-item:last-child{
	margin-right: 0;
}
.company .team-item.product-note{
	width: 295px;
	line-height: 1.5;
	text-align: left;
}
.company-emphasis{
	background: #796A08;
    padding: 10px 0;
    font-size: 1.7rem;
    text-align: center;
    color: #fff;
    margin: 0 0 20px;
}
.company .area3 .company-emphasis{
	margin-top: 80px;
}
.company .area3 .company-box&gt;.img-wrapper{
	margin-bottom: 80px;
}
.property-note{
	line-height: 1.5;
}
.property-wrap{
	margin-top: 20px;
	position: relative;
	border: solid 1px #796A08;
    background: #F9F8F4;
	padding: 40px;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}

.development-wrap{
	align-items: center;
}
.development-wrap .text-wrap{
	width: 389px;
	margin-right: 30px;
}
.development-wrap .img-wrapper{
	width: calc(100% - 420px);
}
.property-copy {
    font-size: 2.4rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #231815;
    border-bottom: solid 1px rgba(35, 24, 21, 0.3);
    padding: 0 0 10px;
    margin: 0 0 10px;
}
.property-name{
    font-size: 1.5rem;
    color: #231815;
    margin: 0 0 20px;
}
.company .subttl {
    width: 305px;
    position: absolute;
    top: 0;
    left: 0;
}
.property-point-list{
	margin-top: 40px;
}
.property-point-item{
	width: calc(100%/3 - 12px);
	margin-right: 17px;
}
.property-point-item:nth-of-type(3){
	margin-right: 0;
}
.property-point-head{
	padding: 2px;
    margin: 15px 0 10px;
}
.property-point-head span{
	display: block;
    padding: 8px 0;
    font-size: 13px;
    letter-spacing: -0.03em;
    color: #fff;
    text-align: center;
	border: solid 1px #fff;
}
.property-point-item:nth-of-type(1) .property-point-head {
	background: #669D79;
}
.property-point-item:nth-of-type(2) .property-point-head {
	background: #D1AE40;
}
.property-point-item:nth-of-type(3) .property-point-head {
	background: #BF7947;
}
.property-point-note{
	font-size: 1.2rem;
    line-height: 1.6;
    color: #231815;
    letter-spacing: 0;
}
.property-name img {
    width: 114px;
    vertical-align: middle;
    margin: 0 0 0 25px;
}
.company .development_bg {
	width: 100%;
    position: absolute;
    bottom: 600px;
    right: 0;
    z-index: -1;
}
.community-head{
	width: 100%;
	max-width: 515px;
    margin: 40px auto 0;
}
.community-point{
	margin: 60px auto 30px;
}
.community-point .img-wrapper{
	width: calc(100%/3 - 20px);
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
	margin-right: 30px;
}
.community-point .img-wrapper:nth-of-type(3){
	margin-right: 0;
}
.company-wide-wrap{
	margin: 0 -40px;
}
.community-img-wrap .img-wrapper{
	width: 50%;
}
.company-wide-wrap .company-bg{
	padding: 40px;
}

.company .area4 .company-emphasis{
	background: rgba(255, 255, 255, 0);
    padding: 10px 0;
    font-size: 1.7rem;
    text-align: center;
    color: #231815;
	border: 1px solid #231815;
    margin: 0 0 40px;
}
.company .leaf-bg{
    padding: 60px 0 0;
    background-image: url(../images/company/community_8.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}
.company .area4 .company-box{
	padding: 80px 40px 0;
}

.property-item{
	width: calc(100%/3 - 20px);
	margin: 0 29px 30px 0;
}
.property-item:nth-of-type(3n){
	margin: 0 0 30px 0;
}
.property-item .caption{
	font-size: 1rem;
	text-shadow: 1px 1px 1px #000;
	text-shadow: 1px 1px 3px rgb(0 0 0 / 50%), -1px 1px 3px rgb(0 0 0 / 50%), 1px -1px 3px rgb(0 0 0 / 50%), -1px -1px 3px rgb(0 0 0 / 50%);
}
.property-head{
	border-top: solid 1px #796A08;
    border-bottom: solid 1px #796A08;
    padding: 10px 0;
	margin: 0 0 15px;
    font-size: 1.5rem;
    color: #796A08;
    text-align: center;
}

.company .area5 .note{
	margin-bottom: 60px;
}
.kurashizukuri-btn{
	display: block;
	width: 100%;
    max-width: 590px;
    margin: 50px auto 0;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}
.company .national-wrap {
    padding: 45px 40px 95px;
    background: #F8F8FA;
    margin: 80px -40px;
}
.company .national_ttl {
    font-size: 2.2rem;
	margin-bottom: 30px;
}
.company .area5 .property-wrap{
	margin-top: 20px;
    position: relative;
    border: none;
	background: #fff;
    padding: 20px;
}
.commu-bnr{
	display: block;
    max-width: 590px;
    margin: 40px auto 0;
}
@media screen and (max-width: 767px){
	.company .mv-text {
		font-size: 3rem;
	}
	.company .page-heading{
		font-size: 1.5rem;
	}
	.company .lead {
		font-size: 1rem;
	}
	.company .note{
		font-size: 1.1rem;
	}
	.company-list {
		margin: 50px 0 0;
	}
	.company-item{
		padding: 2px;
		margin: 0 0 15px;
	}
	.company-item-head {
		padding: 0 0 5px;
		font-size: 2.1rem;
	}
	.company-item a{
		padding: 10px 15px;
    background-size: auto 80%;
    background-position: right bottom;
	}
	.company-item:nth-of-type(1) a {
		background-image: url(../images/company/sec_link_1_sp.png);
	}
	.company-item:nth-of-type(2) a {
		background-image: url(../images/company/sec_link_2_sp.png);
	}
	.company-item:nth-of-type(3) a {
		background-image: url(../images/company/sec_link_3_sp.png);
	}
	.company-item:nth-of-type(4) a {
		background-image: url(../images/company/sec_link_4_sp.png);
	}
	.company-item:nth-of-type(5) a {
		background-image: url(../images/company/sec_link_5_sp.png);
	}
	.company-item-ttl {
		font-size: 10px;
		margin: 10px 0 0;
	}
	.company-item-copy {
		font-size: 11px;
		line-height: 1.4;
		margin: 10px 0 0;
	}
	.company-item-more {
		font-size: 10px;
		padding: 0 0 0 15px;
		margin: 15px 0;
	}
	.company-item-more::before {
		border-width: 7px 4px 0 4px;
		top: 1px;
	}
	.company-nav-list{
		margin: 80px 0 30px;
	}
	.company-nav-item{
		width: calc(100%/3 - 10px);
		margin: 0 14px 10px 0;
	}
	.company-nav-item:nth-of-type(3){
		margin-right: 0;
	}
	.company-nav-item a{
		height: 42px;
		font-size: 1rem;
	}
	.company-nav-item a::before {
		height: 7px;
	}
	.company-box{
		padding: 20px 10px;
	}
	.company-icon{
		width: 46%;
	}
	.company-icon:nth-of-type(2){
		width: 8%;
	}
	.company .area1 .bg-item{
		width: 200px;
		top: 96px;
	}
	.company .area-wrap .tertiary-heading{
		font-size: 1.3rem;
	}
	.company .area-wrap .tertiary-heading::before,
	.company .area-wrap .tertiary-heading::after {
		width: calc(50% - 70px);
		height: 1px;
		top: 7px;
	}
	.company .secondary-heading{
		font-size: 1.5rem;
	}
	.company .area-wrap.area1 .flow-item{
		width: 100%;
		display: flex;
		margin: 0 0 35px 0;
		padding: 20px 10px 20px;
		align-items: center;
	}
	.company .area-wrap.area1 .flow-img{
		max-width: 120px;
	}
	.company .area-wrap.area1 .text-wrap{
		width: calc(100% - 140px);
	}
	.company .area-wrap .flow-head {
		font-size: 1.2rem;
		text-align: left;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.company .area-wrap .flow-note{
		width: auto;
		margin: 0 auto;
		font-size: 1rem;
	}
	.company .area-wrap .flow-item::before{
		top: auto;
		bottom: -25px;
		right: 50%;
		transform: translate(50%,0);
		border-width: 14px 8px 0 8px;
		border-color: #796A08 transparent transparent transparent;
	}
	.product-wrap{
		padding: 20px 15px;
	}
	.product-head {
		font-size: 1.5rem;
		padding: 10px 0;
	}
	.product-head span{
		font-size: 1.1rem;
	}
	.product-note{
		font-size: 1.1rem;
		margin: 20px 0 10px;
	}
	.company .area-wrap.area2 .tertiary-heading::before, 
	.company .area-wrap.area2 .tertiary-heading::after{
		width: calc(50% - 100px);
	}
	.company .area-wrap.area2 .flow-list{
		margin-top: 20px;
	}
	.company .area-wrap.area2 .flow-item{
		width: calc(100%/2 - 4px);
		min-width: 120px;
		margin: 0 8px 10px 0;
	}
	.company .area-wrap.area2 .flow-item:nth-of-type(2){
		margin-right: 0;
	}
	.company .area-wrap.area2 .flow-img{
		width: 40px;
		margin-bottom: 5px;
	}
	.company .area-wrap.area2 .flow-head{
		text-align: center;
		font-size: 1.2rem;
	}
	.company .area-wrap.area2 .flow-head .small-text{
		margin-top: 5px;
		display: block;
		font-size: 1rem;
		line-height: 1.2;
		letter-spacing: -1px;
	}
	.company .team-wrap{
		padding: 25px 15px;
		margin: 35px -10px 0;
	}
	.company .team-head{
		font-size: 1.5rem;
	}
	.company .team-item.product-note{
		width: 100%;
		margin: 0 0 20px;
	}
	.company .team-list{
		flex-wrap: wrap;
	}
	.company .team-item{
		width: calc(100%/2 - 6px);
		margin: 0 12px 0 0;
	}
	.company .area3 .company-emphasis{
		margin-top: 30px;
	}
	.company-emphasis{
		padding: 5px 0;
		font-size: 1.2rem;
		line-height: 1.6;
		margin: 0 0 20px;
	}
	.icon-zoom{
		width: 34px;
		margin: 5px auto 0 0;
	}
	.company .area3 .company-box&gt;.img-wrapper {
		margin-bottom: 30px;
	}
	.company .subttl{
		width: 240px;
	}
	.property-wrap{
		padding: 40px 10px;
	}
	.development-wrap .text-wrap,
	.development-wrap .img-wrapper{
		width: 100%;
	}
	.development-wrap .img-wrapper{
		order: -1;
	}
	.development-wrap{
		gap: 10px;
	}
	.property-copy{
		font-size: 1.5rem;
		text-align: center;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.property-name{
		text-align: center;
	}
	.property-name span{
		line-height: 1.5;
		font-size: 1.2rem;
	}
	.property-note{
		font-size: 1.1rem;
		line-height: 1.5;
	}
	.property-point-item{
		width: 100%;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.property-point-list{
		margin-top: 12px;
	}
	.property-point-head{
		order: -1;
		width: 100%;
	}
	.property-point-head span{
		font-size: 1rem;
		letter-spacing: -0.01em;
	}
	.property-point-list .img-wrapper{
		max-width: 130px;
	}
	.property-point-note{
		width: calc(100% - 140px);
		margin-left: auto;
	}
	.property-point-note{
		font-size: 1rem;
	}
	.property-name img{
		display: block;
		margin: 10px auto 0;
	}
	.property-name{
		margin: 0 0 10px;
	}
	.company .area4 .company-box{
		padding: 20px 20px;
	}
	.community-point{
		margin-top: 30px;
		gap: 15px;
	}
	.community-point .img-wrapper{
		width: 100%;
		margin-right: 0;
	}
	.community-img-wrap .img-wrapper{
		width: 100%;
	}
	.company-wide-wrap{
		margin: 0 -20px;
	}
	.community-img-wrap{
		margin-bottom: 40px;
	}
	.company-wide-wrap .company-bg{
		padding: 20px 15px;
	}
	.company .area4 .company-emphasis{
		font-size: 1.2rem;
		padding: 3px 0;
		margin: 0 0 20px;
	}
	.company .area4 .leaf-bg .icon-zoom{
		margin: -30px 20px 0 auto;
	}
	.company .area5 .note{
		margin-bottom: 30px;
	}
	.property-item{
		width: calc(100%/2 - 7px);
		margin: 0 14px 20px 0;
	}
	.property-item:nth-of-type(3n){
		margin: 0 14px 20px 0;
	}
	.property-item:nth-of-type(2n){
		margin: 0 0 20px 0;
	}
	.property-head{
		padding: 5px 0;
		font-size: 1rem;
	}
	.property-item .caption{
		text-align: left;
	}
	.kurashizukuri-btn{
		margin: 30px auto 0;
	}
	.company .national-wrap{
		margin: 40px -10px;
		padding: 45px 15px;
	}
	.commu-bnr{
		margin: 15px auto 0;
	}
	.company .development_bg{
		bottom: 1600px;
	}
}

/*--------------------------------
developer
--------------------------------*/
body.developer main.main-content{
	background-image: url(../images/developer/bg.jpg);
	background-size: cover;
	display: block;
}
body.developer main.main-content .inn{
	max-width: 1440px;
	width: 90%;
	margin: auto;
}
body.developer main.main-content .mvs{
	position: relative;
	padding-left: 20%;
}
body.developer main.main-content .mvs .title{
	background: #51887D;
	background: url(../images/home/home-bg02.jpg);
	background-repeat: repeat;
	background-position: center center;
	background-size: auto;
	color: #fff;
	border-radius: 20px 0 20px 0;
	max-width: 650px;
	width: 50%;
	text-align: center;
	max-height: 390px;
	height: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	left: 10%;
	top: 50%;
	z-index: 2;
	transform: translateY(-50%);
}
body.developer main.main-content .mvs .title h2{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 5rem;
	line-height: 1.2;
	border-bottom: 1px dashed #fff;
	padding: 0 15px 10px 15px;
	margin: 0 0 15px 0;
}
body.developer main.main-content .mvs .title p.cap{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2rem;
}
body.developer main.main-content .mvs picture{
	border-radius: 20px 0 0 20px;
	overflow: hidden;
	display: block;
}
body.developer main.main-content .area1{
	padding-top: 70px;
	position: relative;
}
body.developer main.main-content .area1 h3{
	text-align: center;
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.8;
	color: #51887D;
}
body.developer main.main-content .area1 h3:after{
	content: "";
	width: 135px;
	height: 1px;
	border-top: 1px dashed #333;
	display: block;
	margin: 30px auto;
}
.lead-sub-copy{
	display: block;
	font-size: 2rem;
	color: #9B8C1B;
}
body.developer main.main-content .area1 p.txt{
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.8;
	margin-bottom: 40px;
}
body.developer main.main-content .area1 figure{
	position: relative;
}
body.developer main.main-content .area1 figcaption{
	font-size: 1.4rem;
	position: absolute;
	right: 70px;
	bottom: 15px;
}
body.developer main.main-content .area1 figure .ig2{
	position: absolute;
	width: 30%;
	top: 0;
	left: 0;
}
@media screen and (max-width: 767px){
	body.developer main.main-content .area1 figure .ig2{
		width: 42%;
	}
}
body.developer main.main-content .area1 figure .ig3{
	position: absolute;
	width: 17%;
	top: 12%;
	left: 30%;
}
@media screen and (max-width: 767px){
	/* body.developer main.main-content .area1 figure .ig3{
		position: absolute;
    width: 0.6%;
    height: 9.8%;
    top: 45.6%;
    left: 46%;
	} */
}
body.developer main.main-content .area2{
	background-image: url(../images/developer/area2-bg.jpg);
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 30vw 0 5% 0;
	margin-top: -15%;
}
body.developer main.main-content .area2 .a2{
	position: relative;
}
body.developer main.main-content .area2 h3{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 4.2rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1em;
	color: #51887D;
}
body.developer main.main-content .area2 .txt{
	font-size: 2.2rem;
	line-height: 1.8;
}
body.developer main.main-content .area2 .fig1{
	width: 32%;
	margin: -15% 10% 0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
body.developer main.main-content .area2 .fig2{
	width: 62%;
	margin-top: -15%;
	overflow: hidden;
}
body.developer main.main-content .area2 .fig3{
	width: 23%;
	overflow: hidden;
	margin: -10% 20% 0 auto;
	position: relative;
	z-index: 2;
}

body.developer main.main-content .area3{
	background-image: url(../images/developer/area3-bg.jpg);
	background-size: cover;
	padding: 7.5% 0;
	position: relative;
}
body.developer main.main-content .area3 h3{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 4.2rem;
	text-align: center;
}
body.developer main.main-content .area3 h3:after{
	content: "";
	width: 135px;
	height: 1px;
	border-top: 1px dashed #333;
	display: block;
	margin: 30px auto 50px auto;
}
body.developer main.main-content .area3 .flex{
	display: flex;
	justify-content: space-between;
}
body.developer main.main-content .area3 figure{
	width: 47%;
}
body.developer main.main-content .area3 figcaption{
	font-size: 1.8rem;
	margin-top: 1.5em;
}
body.developer main.main-content .area3 dl{
	width: 47%;
}
body.developer main.main-content .area3 dt{
	font-family: "游明朝", YuMincho, 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.5;
	color: #51887D;
}
body.developer main.main-content .area3 dt span{
	margin-right: .2em;
	color: #F2B063;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
	font-weight: 600;
	line-height: 1.1;
}
body.developer main.main-content .area3 dd{
	font-size: 2rem;
	margin-bottom: 2em;
	line-height: 1.6;
}

body.developer main.main-content .leaf1{
	position: absolute;
	max-width: 298px;
    width: 15vw;
    top: -20%;
	left: -20%;
}
body.developer main.main-content .leaf2{
	position: absolute;
	max-width: 270px;
    width: 15vw;
    top: -5%;
	right: -5%;
}
body.developer main.main-content .leaf3{
	position: absolute;
	max-width: 117px;
    width: 6.5vw;
    top: -10%;
	left: 3%;
}
body.developer main.main-content .leaf4{
	position: absolute;
	max-width: 190px;
    width: 10.5vw;
    bottom: 15%;
	right: 5%;
}
body.developer main.main-content .leaf5{
	position: absolute;
	max-width: 300px;
    width: 16vw;
    top: -5%;
	left: 12.5%;
}
@media screen and (max-width: 1200px){
	body.developer main.main-content .area1 h3{
		font-size: 3vw;
	}
	.lead-sub-copy{
		font-size: 1.5vw;
	}
	body.developer main.main-content .area1 p.txt{
		font-size: 1.55vw;
	}
	body.developer main.main-content .area1 figcaption{
		font-size: 1.25vw;
	}
	body.developer main.main-content .area2 h3{
		font-size: 3vw;
	}
	body.developer main.main-content .area2 .txt{
		font-size: 1.55vw;
	}
	body.developer main.main-content .area3 h3{
		font-size: 3vw;
	}
	body.developer main.main-content .area3 dt{
		font-size: 2vw;
	}
	body.developer main.main-content .area3 dd{
		font-size: 1.55vw;
	}
	body.developer main.main-content .area3 figcaption{
		font-size: 1.25vw;
	}
}
@media screen and (max-width: 767px){
	body.developer main.main-content{
	}
	body.developer main.main-content .inn{
	}
	body.developer main.main-content .mvs{
		padding-left: 7%;
		display: flex;
		flex-direction: column-reverse;
	}
	body.developer main.main-content .mvs .title{
		width: 80%;
		height: auto;
		padding: 15% 0;
		position: relative;
		top: 0;
		left: -4%;
		margin-top: -15%;
		transform: translateY(0%);
		border-radius: 8px 0 8px 0;
	}
	body.developer main.main-content .mvs .title h2{
		font-size: 7vw;
	}
	body.developer main.main-content .mvs .title p.cap{
		font-size: 3.5vw;
	}
	body.developer main.main-content .area1{
		padding-top: 15%;
	}
	body.developer main.main-content .area1 h3{
		font-size: 6.5vw;
		line-height: 1.5;
		text-align: left;
	}
	body.developer main.main-content .area1 h3:after{
		content: "";
		width: 135px;
		height: 1px;
		border-top: 1px dashed #333;
		display: block;
		margin: 30px auto;
	}
	.lead-sub-copy{
		font-size: 4vw;
		margin-bottom: 1.25em;
	}
	body.developer main.main-content .area1 p.txt{
		text-align: left;
		font-size: 5vw;
		line-height: 1.8;
		margin-bottom: 40px;
	}
	body.developer main.main-content .area1 figure{
		position: relative;
		display: flex;
		flex-direction: column-reverse;
		margin: 0 -4%;
	}
	body.developer main.main-content .area1 figcaption{
		font-size: 2vw;
		position: absolute;
		right: 4px;
		bottom: -4px;
	}
	/* body.developer main.main-content .area1 figure .ig2{
		position: static;
		width: 100%;
	} */
	
	body.developer main.main-content .area2{
		padding: 55vw 0 25% 0;
		margin-top: -20%;
		background-image: url(../images/developer/area2-bg-sp.jpg);
	}
	body.developer main.main-content .area2 .a2{
	}
	body.developer main.main-content .area2 h3{
		font-size: 6.5vw;
	}
	body.developer main.main-content .area2 .txt{
		font-size: 5vw;
	}
	body.developer main.main-content .area2 .fig1{
		width: 58%;
		margin: 7.5% 7.5% 0 auto;
	}
	body.developer main.main-content .area2 .fig2{
		width: 92.5%;
		margin-top: 5%;
	}
	body.developer main.main-content .area2 .fig3{
		width: 66%;
		margin: 5% 0% 0 7.5%;
	}
	
	body.developer main.main-content .area3{
		background-image: url(../images/developer/area3-bg-sp.jpg);
		padding: 15% 0 20% 0;
	}
	body.developer main.main-content .area3 h3{
		font-size: 7vw;
	}
	body.developer main.main-content .area3 h3:after{
		margin: 30px auto 30px auto;
	}
	body.developer main.main-content .area3 .flex{
		display: block;
	}
	body.developer main.main-content .area3 figure{
		width: 100%;
		margin-bottom: 10%;
	}
	body.developer main.main-content .area3 figcaption{
		font-size: 4.5vw;
		line-height: 1.3;
		margin-top: .5em;
	}
	body.developer main.main-content .area3 dl{
		width: 100%;
	}
	body.developer main.main-content .area3 dt{
		font-size: 6.5vw;
	}
	body.developer main.main-content .area3 dd{
		font-size: 5vw;
		margin: 1em 0 2em 0;
	}
	
	body.developer main.main-content .leaf1{
		width: 30vw;
		top: -40%;
	}
	body.developer main.main-content .leaf2{
		width: 20vw;
		top: -6%;
		right: 0;
	}
	body.developer main.main-content .leaf3{
		width: 19.5vw;
	}
	body.developer main.main-content .leaf4{
		width: 18vw;
		bottom: 2%;
	}
	body.developer main.main-content .leaf5{
		width: 23vw;
		top: -3%;
	}
}
.belc-lists{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1px;
	background: #54917E;
	border: 1px solid #54917E;
}
@media screen and (max-width: 950px){
	.belc-lists{
		grid-template-columns: 1fr;
	}
}
.belc-list{
	padding: 8px;
	background: #fff;
	font-size: 2rem;
}
@media screen and (max-width: 767px){
	.belc-list{ 
		font-size: 4vw;
	}
}
.belc-list-text{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.belc-list-text::before{
	content: '';
	margin-right: 8px;
	display: inline-block;
	width: 6px;
	height: 32px;
	background: #54917E;
}
.belc-img{
	margin: 40px auto;
}
body.developer main.main-content .area2.belc-section{
	padding-top: 25vw;
}
.brand-logo-lists{
	margin: 0 auto 40px;
	max-width: 700px;
	width: 80%;
}
/*--------------------------------
location
--------------------------------*/

.location .general-section .inner{
	max-width: 1200px;
}
.location .mv-title{
	width: 60%;
	position: absolute;
	right: -5%;
	top: -50px;
}
.chiba-area{
	margin: 40px auto 0;
	padding: 160px 0 80px;
	width: calc(100% - 32px);
    max-width: 1400px;
}
.location .area1{
	background: url(../images/access/access-bg.webp) center top;
	background-size: 100% auto;
	padding-top: 60px;
}
.location .location-title{
	position: absolute;
	left: 18%;
	width: auto;
	padding: 0;
}
.location .area2{
	background: #FCF1E9;
}
.location-heading{
	color: #554949;
	font-size: clamp(2rem, 2.8vw, 4rem);
	line-height: 2;
	letter-spacing: 1.2px;
	margin-bottom: .8em;
}
.location-sub-heading{
	line-height: 2;
	color: #444;
	font-size: clamp(1.4rem, 1.5vw, 3.4rem);
	margin-bottom: 50px;
}
.soga-area{
	margin: 0 auto;
	padding: 60px 0;
	width: calc(100% - 32px);
    max-width: 1400px;
}
.iryou-mv{
	background: url(../images/location/iryou-bg.webp) center top;
	background-size: 100% auto;
	padding-top: 80px;
}
.location .area3{
	background: url(../images/access/access-bg.webp) center top;
	background-size: 100% auto;
	padding-bottom: 80px;
}
.iryou-wrap{
	position: relative;
}
.location .iryou-title{
	width: 60%;
	position: absolute;
	left: -3%;
	bottom: -25px;
}

@media screen and (max-width: 1023px){
	.location .area1{
		padding-top: 50px;
	}
	.location .mv-title{
		top: -50px;
	}
	.location .location-title{
		margin-top: -6px;
	}
	.chiba-area{
		padding: 80px 0;
	}
}

@media screen and (max-width: 767px){
	.location .mv-title{
			width: 95%;
			top: -25px;
			right: -5%;
	}
	.location .area1{
		padding-top: 70px;
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
	}
	.location .location-title{
		position: unset;
		padding-top: 60px;
		margin-top: 0;
	}
	.chiba-area{
		width: 100%;
		padding: 0 0 60px;
		margin: 0 auto;
	}
	.location .area2{
		padding: 20px 0;
	}
	.location .area2{
		padding-top: 20px;
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
		background-size: cover;
	}
	.soga-area{
		width: 100%;
		padding: 0 0 40px;
	}
	.iryou-mv{
		padding-top: 40px;
	}
	.img-wrapper .caption.sp-topleft{
		top: 0;
		right: unset;
		color: #444;
	}
	.location .iryou-title{
		width: 100%;
		bottom: -50px;
	}
	.location .area3{
		padding: 60px 0;
	}
}

/*--------------------------------
video gallery
--------------------------------*/
.video-leaf-01{
	position: absolute;
	width: 7.5vw;
	max-width: 135px;
	left: 0;
	top: -10%;
}
.video-leaf-02{
	position: absolute;
	width: 17vw;
	max-width: 320px;
	right: -10%;
	bottom: 20%;
}
.video-leaf-03{
	position: absolute;
	width: 15vw;
	max-width: 300px;
	right: -13%;
	bottom: 20%;
}
.video-bg{
	background: url(../images/video/video-bg.webp) no-repeat center center;
	background-size: cover;
	border-bottom: 1px solid #ccc;
}
.video-bg .general-section .inner{
	background: #fff;
	max-width: 1480px;
	width: calc(100% - 140px);
}
.video-bg .min-inner{
	width: min(calc(100% - 32px),962px);
	margin: 0 auto;
}
.video-bg .page-btn{
	background: #36787E;
	box-shadow: none;
	color: #fff;
	display: block;
	max-width: 300px;
	text-align: center;
	overflow: hidden;
}
.video-bg .first-button,
.video-bg .second-button,
.video-bg:hover .first-button{
	color: #fff;
	transform: translateY(0);
	padding: 0;
}
.video-bg .page-btn:hover{
	transform: translate(-50%, -50%) scale(1.1,1.1);
}
.gallery-container .video-item {
    counter-increment: num;
}
@media screen and (max-width: 767px){
	.video-leaf-01{
		width: 11vw;
		top: -70%;
	}
	.video-leaf-02{
		width: 23vw;
		right: -5%;
		bottom: 18%;
	}
	.video-leaf-03{
		position: absolute;
		width: 15vw;
		right: 6%;
		bottom: 10%;
	}
	.video-bg .general-section .inner{
		width: calc(100% - 64px);
	}
	.video-bg .section-sub-title{
		font-size: 2rem;
		font-feature-settings: "palt";
	}
	.video-bg .secondary-heading{
		font-size: 2rem;
	}
}
/* .playlist + .playlist .inner{
	border-top: 1px solid #ccc;
} */
.video-title-label{
	margin-bottom: 20px;
	padding: 8px 16px;
	width: 100%;
	display: block;
	background: #D9924B;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
}
.full-video-wrap{
	padding-bottom: 32px;
	border-bottom: 3px solid #ccc;
}
.full-video{
	cursor: pointer;
	transition: all .2s ease-out;
}
.full-video .btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.full-video:hover{
	filter: brightness(1.1);
}
@media screen and (max-width: 767px){
	.full-video{
		width: 100%;;
	}
	.video-gallery .plan-mv-copy{
		font-size: 7vw;
		line-height: 1.5;
	}
}
.gallery-container{
	/* margin: 0 -16px; */
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(3,1fr);
}
.video-item .note{
	padding-left: 18px;
	position: relative;
}
.video-item .note::before{
	width: 16px;
	height: 16px;
	position: absolute;
	top: .3em;
	left: 0;
	content: counter(num);
	border: 1px solid;
	border-radius: 30px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 15.5px;
    text-indent: -0.5px;
}
.playlist-border{
	border-top: 3px solid #ccc;
}
@media screen and (max-width: 767px){
	.gallery-container{
		gap: 16px;
		grid-template-columns: 1fr;
	}
	.video-item .note{
		font-size: 1.4rem;
		line-height: 1.4;
	}
}
.youtube-wrap .secondary-heading{
	margin-bottom: 0;
	padding-bottom: .6em;
	display: inline-block;
	color: #467F6F;
	border-bottom: 1px solid #467F6F;
}
.youtube-logo{
	display: block;
	margin: 40px auto 0;
	max-width: 350px;
	width: 90%;
}
.chapter{
	cursor: pointer;
	transition: all .2s ease-out;
}
.chapter::before{
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	background: #7bb556;
	content: "";
	border-radius: 50px;
	transform: translate(-50%, -50%);
	transition: all .2s ease-out;
}
.chapter::after{
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	top: 50%;
	left: 51%;
	z-index: 1;
	content: "";
	border-style: solid;
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #fff;
	border-radius: 4px;
	transform: translate(-50%, -50%);
	transition: all .2s ease-out;
}
.chapter:hover{
	filter: brightness(1.2);
}
.chapter:hover::before,
.chapter:hover::after{
	transform: translate(-50%, -50%) scale(1.1);
}
.youtube-section{
	margin-top: -80px;
}
@media screen and (max-width: 767px){
	.chapter::before{
		width: 40px;
		height: 40px;
	}
	.chapter::after{
		border-width: 7px 0 7px 12px;
		border-radius: 2px;
	}
	.youtube-section{
		margin-top: -40px;
	}
	.youtube-section .note{
		font-size: 1.1rem;
	}
	.youtube-logo{
		margin-top: 10px;
		width: 50%;
	}
}
/*--------------------------------
design
--------------------------------*/
.design-top-area{
	background: url(../images/design/design-top-bg.webp) no-repeat top center;
	background-size: 100% auto;
}
.design .general-section .inner{
	max-width: 1200px;
}
.design-note{
	font-size: clamp(1.8rem, 1.8vw ,3.4rem);
	line-height: 1.8;
	font-feature-settings: "palt";
	margin-bottom: 2.2em;
}
.design-top-area figure{
	margin: 0 auto 50px;
	width: 85%;
}
.design .lounge-area{
	background: url(../images/design/design-bg.webp) center top;
	background-size: 100% auto;
}
.design .lounge-area .inner{
	max-width: 1500px;
	width: 100%;
	padding-top: 0;
}
.design-img{
	width: 80%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 120px;
}

@media screen and (max-width: 767px){
	.design-top-area figure{
		width: 100%;
	}
	.design .lounge-area .inner{
		padding: 0;
	}
	.design .lounge-area .restaurant-img{
		padding: 40px 0;
	}
	.design-img{
		width: 90%;
	}
	.design-img{
		padding-bottom: 40px;
	}
}

/*--------------------------------
plan
--------------------------------*/
.plan-top-area{
	background: #FCF1E9;
}
.plan-note{
	font-size: clamp(1.8rem, 1.8vw ,3.4rem);
	line-height: 1.8;
	font-feature-settings: "palt";
	margin-bottom: 2.2em;
}
.plan .plan-top-area figure{
	padding-bottom: 80px;
}
.plan .general-section .inner{
	max-width: 1100px;
}
.plan .plan-area figure{
	padding-bottom: 80px;
}
.plan .plan-area figure:last-of-type{
	padding-bottom: 10px;
}
.plan-grid{
	margin-top: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
}
.plan-item figure{
	margin: 40px auto;
}
@media screen and (max-width: 767px){
	.plan-grid{
		margin-top: 40px;
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
@media screen and (max-width: 767px){
	.plan .plan-top-area .inner{
		padding: 0 0 32px;
		width: 100%;
	}
	.plan .plan-top-area figure{
		padding-bottom: 40px;
	}
	.plan .plan-top-area figure:last-of-type{
		width: 90%;
		margin: 0 auto;
	}
	.plan .plan-area .inner{
		width: 90%;
		margin: 0 auto;
	}
	.plan .plan-area figure{
		padding-bottom: 40px;
	}
}
/*--------------------------------
detail-plan
--------------------------------*/
.detail-plan .large-text{
	margin: 0;
	font-size: 150%;
}
.detail-plan-heading{
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 20px;
	margin-bottom: 60px;
	border-bottom: 2px solid #554949;
	/* gap: 20px; */
}
.detail-plan-layout{
	position: relative;
	font-size: 2.4rem;
}
.detail-plan-layout + .detail-plan-layout{
	margin-left: 20px;
}
.detail-plan-layout .large-text{
	font-size: 200%;
}
.detail-plan-text{
	width: 90%;
	margin: 0 auto 60px;
}
.detail-plan .ml-item{
	margin-left: 10px;
}
.detail-plan-img{
	width: min(calc(100%),580px);
	margin: 0 auto;
}
.detail-plan .hanrei{
	margin-top: 80px;
	width: 100%;
	justify-content: center;
	font-size: 1.2rem;
	gap: 10px;
}
.hanrei img{
	height: 12px;
	width: auto;
	margin: 0 50px;
}
.detail-plan-caption{
	margin-top: 20px;
	text-align: center;
}
.plan-list-link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(calc(100%),420px);
	margin: 40px auto 0;
	height: 60px;
	background: #554949;
	color: #fff;
	font-size: 2.8rem;
}
.detail-sub-caption{
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.5;
}

@media screen and (max-width: 767px){
	.detail-plan-heading{
		padding-bottom: 10px;
		margin-bottom: 30px;
		gap: 0px;
	}
	.detail-plan-layout{
		font-size: 1.6rem;
		width: 100%;
	}
	.detail-plan-layout &gt; .small-text{
		margin-top: 10px;
	}
	.detail-plan-text{
		width: 100%;
		margin-bottom: 30px;
	}
	.detail-plan .hanrei{
		margin-top: 40px;
		font-size: 1rem;
	}
	.hanrei img{
		height: 10px;
	}
	.detail-plan-caption{
		text-align: left;
	}
	.plan-list-link{
		font-size: 2.2rem;
	}
	.plan-sub-layout{
		font-size: 1.2rem;
	}
	.detail-plan-layout + .detail-plan-layout {
		margin-left: 0;
	}
	.detail-sub-caption{
		margin-top: 10px;
		font-size: 1.2rem;
	}
}

.detail-plan .mv-anker-btn{
	display: inline-block;
	padding: 16px 32px;
	box-sizing: border-box;
	font-size: 2.4rem;
	color: #554949;
	background: #F0B191;
	transform: unset;
	transition: .4s;
}
.detail-plan .mv-anker-btn::after{
	content: "";
	margin: 8px auto 0;
	display: block;
	width: 7px;
	height: 7px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.detail-plan .mv-anker-btn:hover{
	color: #554949;
	background: #fff;
	border: solid 4px #F0B191;
}
.detail-plan .mv-anker-btn:hover::after{
	border-top: solid 2px #F0B191;
	border-right: solid 2px #F0B191;
}
@media screen and (max-width: 767px){
	.detail-plan .mv-anker-btn{
		display: flex;
		flex-flow: column;
		align-items: center;
   		padding: 4vw 4vw;
		font-size: 3.6vw;
	}
	.detail-plan .mv-anker-btn:hover{
		transform: translate3d(0, 3px, 0);
	}
}
.plan-tab-wrap{
	margin: 0 auto 60px;
	width: 80%;
}
@media screen and (max-width: 1350px){
	.plan-tab-wrap{
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	.plan-tab-wrap{
		margin: 12px auto 32px;
		width: 100%;
	}
}
.plan-tab-wrap + .js-tab-field{
	background: #fff;
}
.plan-tab-wrap .mv-anker-lists{
	gap: 32px;
}
.plan-tab-wrap .mv-anker-list{
	width: calc(100% / 2 - 16px);
}
@media screen and (max-width: 767px){
	.plan-tab-wrap .mv-anker-lists{
		gap: 16px;
	}
	.plan-tab-wrap .mv-anker-list{
		width: calc(100% / 2 - 8px);
	}
}
.plan-tab-wrap .mv-anker-btn{
	width: 100%;
	text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1350px){
	.plan-tab-wrap .mv-anker-btn{
		font-size: 1.4vw;
		padding: 16px 0;
	}
}

/*--------------------------------
loan
--------------------------------*/
@media screen and (max-width: 767px){
	.loan .general-section .inner{
		width:calc(100% - 64px);
	}
}
.loan-trouble{
	position: relative;
	 background: url(../images/loan/bg.webp) no-repeat center center;
	 background-size: cover;
}
/* .loan-trouble .inner-big{
	background: #fff;
} */
.loan .inner-big {
    width: min(calc(100% - 140px),1480px);
}
.loan .loan-trouble .inner-big{
	padding: 80px 16px;
}
.loan-trouble-heading{
	width: min(100%,962px);
	margin: 70px auto 50px;
	padding: 40px 0;
	font-size: 5.3rem;
	border-top: 3px solid #36787E;
	border-bottom: 3px solid #36787E;
}
.loan-trouble-note{
	padding: 44px 16px;
	background: rgba(186,149,87, 1);
	width: min(100%,962px);
	margin: 0 auto 50px;
	font-size: 3.5rem;
	color: #fff;
	border-radius: 18px;
	line-height: 1.5;
}
.loan-trouble-note .small-text{
	display: block;
}
.loan-trouble .img-wrapper{
	width: min(calc(100% - 180px),1300px);
	margin: 0 auto;
}
.loan-trouble-copy{
	border-radius: 40px;
	padding: 30px 0;
	font-size: 4rem;
	background: #9D3135;
	color: #fff;
	width: min(100%,962px);
	margin: 0 auto 70px;
	line-height: 1.5;
}
.loan-bg{
	padding: 120px 0;
	background: rgb(255,243,231, .5);
}
.general-section.loan-bg .inner{
	max-width: 962px;
}
.loan-heading{
	display: inline-block;
	line-height: 1.5;
	font-size: 4rem;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #707070;
	color: #554949;
	font-feature-settings: "palt";
}
.loan-heading02{
	color: #9D3135;
}
.loan-note{
	font-size: 2rem;
	line-height: 2.5;
}
.loan-point-heading{
	padding: 40px 16px;
	margin: 70px 0 50px;
	background: #BA9557;
	font-size: 4rem;
	color: #fff;
	line-height: 1.5;
}
.loan-point-heading .small-text{
	display: block;
}
.loan-point-text{
	margin: 30px 0 20px;
}
.loan-heading .small-text{
	display: block;
	font-size: 2rem;
}
.loan-feature{
	margin: 80px 0 80px;
}
.loan-feature-heading{
	border-bottom: none;
	color: #000;
}
.loan .loan-sample-area{
	margin: 0 calc(50% - 50vw) 200px;
    width: 100vw;
}
.loan .loan-sample-area .fit-img{
	max-width: 991px;
}
@media screen and (max-width: 767px){
	.loan-point-text{
		margin: 30px 0 60px;
	}
	.loan .loan-sample-area{
		margin: 0 calc(50% - 50vw) 100px;
	}
	.loan .loan-sample-area .fit-img{
		max-width: none;
		width: 90%;
	}
}
.loan-point-note{
	margin: 40px 0 120px;
	background: #BA9557;
	color: #fff;
	padding: 30px 0;
	font-size: 3rem;
	line-height: 1.2;
}
.loan-point-note .large-text{
	font-size: 4rem;
	margin: 0 0 200px;
}
.loan-life-img{
	margin-top: 87px;
}
.loan .bnr-area{
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.2));
}
.loan .loan-hikaku{
	width: 83%;
    margin: 0 auto;
}
@media screen and (max-width: 767px){
	.loan .bnr-area{
		margin-bottom: 40px;
	}
	.loan .loan-hikaku{
		width: 96%;
	}
}
.loan-voice{
	text-align: left;
}
.loan-voice-heaading{
	font-size: 3.5rem;
	color: #9D3135;
	display: flex;
	align-items: center;
	gap: 28px;
	line-height: 1.2;
	margin-bottom: 37px;
}
.loan-voice-heaading img{
	width: 125px;
}
.loan-voice-note{
	font-size: 2.5rem;
	line-height: 2;
	color: #000000;
}
.loan-voice-note .old-label.pc-none{
	display: none;
}
.loan-voice-note .old-label.sp-none{
	display: inline-block;
	width: 120px;
}
@media screen and (max-width: 767px){
	.loan-voice-note .old-label.pc-none{
		display: block;
		width: 22%;
		min-width: 84px;
	}
	.loan-voice-note .old-label.sp-none{
		display: none;
	}
}
.loan-voice-item + .loan-voice-item{
	margin-top: 112px;
}
.loan-arrow{
	position: absolute;
	width: min(100%,170px);
	bottom: -144px;
	left: 50%;
	transform: translate(-50%,0);
}
@media screen and (max-width: 767px){
	.loan .inner-big {
		width: min(calc(100% - 32px),1480px);
	}
	.loan .loan-trouble .inner-big{
		padding: 32px 16px;
	}
	.loan-trouble-heading{
		margin: 40px auto 30px;
		padding: 15px 0;
		font-size: 2.4rem;
	}
	.loan-trouble-note{
		padding: 22px 0px;
		font-size: 1.5rem;
		margin-bottom: 30px;
		line-height: 1.7;
	}
	.loan-trouble-note .small-text{
		font-size: 1.4rem;
	}
	.loan-trouble .img-wrapper{
		min-width: 100%;
	}
	.loan-trouble-copy{
		padding: 15px 0;
		border-radius: 20px;
		font-size: 2rem;
		margin: 45px 0 60px;
	}
	.loan-arrow{
		width: min(100%,80px);
		bottom: -70px;
	}
	.loan-bg{
		padding: 50px 0 0;
	}
	.loan-heading{
		font-size: 2.6rem;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.loan-note{
		font-size: 1.4rem;
		text-align: justify;
		line-height: 2;
	}
	.loan-note .inline-block{
		display: inline;
	}
	.loan-point-heading{
		padding: 20px 0;
		margin: 30px 0;
		font-size: 1.8rem;
	}
	.loan-point-heading .small-text{
		font-size: 1.5rem;
	}
	.loan-feature{
		margin: 20px 0 30px;
	}
	.loan-heading .small-text{
		font-size: 1.2rem;
	}
	.loan-point-note{
		margin: 35px 0 40px;
		padding: 15px 0;
		font-size: 1.5rem;
	}
	.loan-point-note .large-text{
		font-size: 2.7rem;
	}
	.loan-life-img{
		margin-top: 40px;
	}
	.loan-life-img + .caption{
		text-align: left;
	}
	.loan-voice-heaading{
		flex-direction: column;
		font-size: 2rem;
		line-height: 1.5;
		text-align: center;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #707070;
		gap: 14px;
	}
	.loan-voice-note{
		font-size: 1.6rem;
	}
	.loan-voice-item + .loan-voice-item{
		margin-top: 30px;
	}
}
.loan-point-img{
	margin-bottom: 20px;
}
.loan .inner-big {
	padding: 80px 0;
	margin: 0 auto;
	width: min(calc(100% - 32px), 1480px);
}
.loan .plan-mv-copy {
	position: absolute;
	bottom: 2vw;
	left: 2vw;
	font-size: 3vw;
	text-shadow: 0 0 3px #707070;
}
@media screen and (max-width: 767px) {
	.loan .plan-mv-copy {
			left: 24px;
			bottom: 12vw;
			width: 100%;
			font-size: 8vw;
	}
}
.loan .page-mv-title{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(186,149,87, .86);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
.loan .page-mv-text{
	font-size: 4rem;
	letter-spacing: .15em;
}
.loan .page-mv .img-wrapper .caption{
	bottom: 80px;
}
@media screen and (min-width: 1001px){
	.loan .page-mv-title.over-text br{
		display: none;
	}
}
@media screen and (max-width: 1000px){
	.loan .page-mv-title.over-text{
		height: 110px;
		line-height: 1.3;
	}
	.loan .page-mv-title.over-text + .caption{
		bottom: 110px;
	}
}
@media screen and (max-width: 767px){
	.page-mv .img-wrapper .caption{
		bottom: 48px;
	}
	.loan .page-mv-title{
		height: 48px;
	}
	.loan .page-mv-text{
		font-size: 2.4rem;
	}
	.loan .page-mv-title.over-text{
		height: 84px;
	}
	.loan .page-mv-title.over-text + .caption{
		bottom: 84px;
	}
}

/*--------------------------------
voice
--------------------------------*/

/*--------------------------------
equipment
--------------------------------*/
.equipment .general-section .inner{
	max-width: unset;
	width: min(calc(100% - 140px), 1480px);
}
.equipment-bg{
	background-color: #FAF1EA;
	padding: 80px 0 0
}
.equipment-lead{
	margin-bottom: 40px;
    font-size: clamp(2.2rem, 2.6vw ,4rem);
    font-weight: 500;
    line-height: 1.3;
	color: #CA656C;
}
.equipment-lead::after{
	content: "";
	display: block;
	margin: 20px auto 0;
	width: 100%;
	height: 1px;
	background: #211815;
}
.mv-anker {
	background: url(../images/equipment/equipment-bg.webp) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
    padding: 80px 0;
}
.equipment .mv-anker-lists{
	gap: 20px;
	width: min(calc(100% - 140px), 1480px);
	margin: 0 auto;
}
.equipment .mv-anker-list{
	max-width: 198px;
	width: 100%;
}
.equipment .mv-anker-btn{
	display: inline-block;
	padding: 16px 32px;
	box-sizing: border-box;
	font-size: 1.8rem;
	color: #D68A8F;
	background: #fff;
	border-radius: 16px;
	transition: .4s;
  	box-shadow: 0 5px 0 #D68A8F;

	max-width: 100%;
	width: 100%;
	text-align: center;
	letter-spacing: .2em;
	font-weight: 600;
}
.equipment .mv-anker-btn:hover{
	background: #D68A8F;
	color: #fff;
	transform: translate3d(0, 5px, 0);
  	box-shadow: none;
}
.equipment .mv-anker-btn:hover::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.equipment .mv-anker-btn::after{
	content: "";
	margin: 8px auto 0;
	display: block;
	width: 7px;
	height: 7px;
	border-top: solid 2px #D68A8F;
	border-right: solid 2px #D68A8F;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.equipment .active.mv-anker-btn::after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}
#structure .equipment-lead{
	margin: 60px auto 40px;
    font-size: clamp(2rem, 2.4vw ,4rem);
}
#structure .equipment-lead::after{
	display: none;
}
.equipment-text{
    font-size: clamp(1.3rem, 1.8vw ,4rem);
    line-height: 1.6;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 767px){
	.equipment .general-section .inner{
		width: 80%;
	}
	.equipment .general-section .inner.sp-inner-fit{
		width: 100%;
	}
	.equipment-bg{
		padding: 40px 0 0
	}
	.mv-anker {
		background: url(../images/equipment/equipment-bg-sp.webp) no-repeat center center;
		background-size: cover;
        padding: 40px 20px;
        margin: 0 auto;
        width: 100%;
    }
	.equipment .mv-anker-lists{
		gap: 8px;
		align-items: center;
		justify-content: center;
	}
	.equipment .mv-anker-list{
		width: calc(100%/2 - 4px);
	}
	.mv-anker-btn{
		display: flex;
		flex-flow: column;
		align-items: center;
    	padding: 4vw 4vw;
		box-sizing: border-box;
		font-size: 3.6vw;
		color: #D68A8F;
		border-radius: 16px;
		box-shadow: 0 3px 0 #D68A8F;
	}
	.mv-anker-btn:hover{
		background: #D68A8F;
		transform: translate3d(0, 3px, 0);
	}
	.mv-anker-btn::after{
		margin-top: 8px;
	}
}

.equipment-slick{
	width: 100vw;
	margin:  0 calc(50% - 50vw);
}
.equipment-slick .img-wrapper{
	margin: 0 48px;
}
.equipment-slick.slick-slider{
	margin-top: 40px;
	margin-bottom: 0;
}
.equipment-slick .slick-prev:before,
.equipment-slick .slick-next:before{
	border: none;
}
.equipment-slick .slick-prev{
	background: url(../images/equipment/prev-btn.webp)!important;
    background-size: contain!important;
	right: unset;
	left: 3%;
	top: 38%;
	transform: translate(0,-50%);
}
.equipment-slick .slick-next{
	background: url(../images/equipment/next-btn.webp)!important;
    background-size: contain!important;
	right: 3%;
    top: 38%;
	transform: translate(0,-50%);
}
@media screen and (max-width: 767px){
	.equipment-slick .img-wrapper{
		margin: 0 32px;
	}
}

/*--------------------------------
map
--------------------------------*/
.map-link {
    position: relative;
    margin: 30px auto;
    display: block;
    width: 300px;
    height: 34px;
    line-height: 34px;
    font-size: 1.4rem;
    background: #747d8b;
    text-align: center;
    color: #fff;
    transition: .2s;
	font-family: serif;
}
.map-link:hover{
	background: #333;
}
.map-link span{
	position: absolute;
	line-height: 1;
	top: 8px;
	left: 90px;
	width: 12px;
	height: auto;
	display: block;
}
.map-link::before{
	content: "&gt;";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0,-50%);
	font-size: 1.4rem;
}

/*--------------------------------
access
--------------------------------*/
.access .general-section .inner{
	max-width: 1100px;
}
.mv-wrap{
	position: relative;
}
.mv-title{
	width: 60%;
	position: absolute;
	right: -10%;
	top: -60px;
}
.access .secondary-heading{
	margin-bottom: .2em;
}
.access .area1{
	background: url(../images/access/access-bg.webp) no-repeat center top;
	background-size: 100% auto;
	padding-top: 60px;
}
.access .access-title{
	position: absolute;
	left: 18%;
	width: auto;
	padding: 0;
}
.access-top-img{
	margin-top: 200px;
}
.access-heading{
	color: #554949;
	font-size: clamp(2rem, 2.8vw, 4rem);
	line-height: 2;
	letter-spacing: 1.2px;
	margin-bottom: .8em;
}
.access-sub-heading{
	line-height: 2;
	color: #444;
	font-size: clamp(1.4rem, 1.5vw, 3.4rem);
	margin-bottom: 50px;
}
.access-box{
	margin: 60px auto;
}
.area1 .inner figure{
	width: 100%;
	margin: 0 auto;
}
.access .area2{
	background: url(../images/access/access-bg.webp) no-repeat center top;
	background-size: 100% auto;
}
.access .area3{
	background: #E2F5FF;
}
.access .area4 .first{
	margin-bottom: 30px;
}
.bus-access{
	position: relative;
	max-width: 1400px;
	margin: 100px auto 0;
}
.bus-access-img{
	position: absolute;
	width: 70%;
	right: 0;
	top: -100px;
}
.mv-title.bus{
	position: absolute;
	width: 50%;
	left: -5%;
	right: 0;
	top: 150px;
}
.access .area5{
	background: url(../images/access/access-bg.webp) no-repeat center top;
	background-size: 100% auto;
	padding-top: 450px;
}
.access .area6{
	background: url(../images/access/access-bg.webp) no-repeat center top;
	background-size: 100% auto;
}
.access .area7{
	background: #FCF1E9;
}
.access-box-map{
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.access-box-wrap{
	margin: 0 auto;
	width: 90%;
}

@media screen and (max-width: 1024px){
	.access-top-img{
		margin-top: 150px;
	}
	.access .area5{
		padding-top: 360px;
	}
}
@media screen and (max-width: 1023px){
	.access .area1{
		padding-top: 50px;
	}
	.mv-title{
		top: -50px;
	}
	.access-top-img{
		margin-top: 80px;
	}
	.access .access-title{
		margin-top: -20px;
	}
	.mv-title.bus{
		top: 60px;
	}
	.access .area5{
		padding-top: 260px;
	}
}

@media screen and (max-width: 767px){
	.mv-title{
			width: 92%;
			top: -27px;
			right: -8%;
	}
	.access .area1{
		padding-top: 70px;
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
	}
	.access .access-title{
		position: unset;
		padding-top: 32px;
		margin-top: 0;
	}
	.access-top-img{
		margin-top: 0;
	}
	.access-sub-heading{
		margin-bottom: 30px;
	}
	.access-box{
		padding: 20px 0;
		position: relative;
	}
	.access-box-map{
		width: 90%;
		overflow: scroll;
	}
	.access-box.wow-finished .access-box-map{
		animation: 3.6s swipeBg .4s 1 ;
		animation-fill-mode: forwards;
	}
	.access-box.wow-finished .swipe-wrap{
		animation: 1.4s swipeLeft .4s 2 ;
		animation-fill-mode: forwards;
	}
	.access-box-map img{
		width: auto;
		height: 240px;
	}
	.swipe-wrap{
		position: absolute;
		top: 40%;
		right: 10%;
		width: 25%;
		height: auto;
		opacity: 0;
	}
	.area1 .inner figure{
		width: 90%;
		margin: 30px auto 50px;
	}
	.access .area2{
		padding-top: 20px;
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
		background-size: cover;
	}
	.access .area3{
		padding-top: 20px;
	}
	.access .area4 .first{
		margin-bottom: 0;
	}
	.bus-access{
		padding-top: 30px;
		margin: 0 auto;
		position: relative;
	}
	.bus-access-img{
		position: relative;
		width: 100%;
		top: 0;
	}
	.mv-title.bus{
		width: 80%;
		top: -40px;
	}
	.access .area5{
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
		background-size: cover;
		padding-top: 100px;
	}
	.access .area6{
		background: url(../images/access/access-bg-sp.webp) no-repeat center top;
		background-size: cover;
	}
}

@keyframes swipeLeft {
	0% {
		  opacity: 0;
	  }
	  20%{
		  opacity: 1;
		  transform: translateX(0);
	}
	60% {
		  opacity: 1;
		  transform: translateX(-200%);
	}
	80% {
		  opacity: 0;
		  transform: translateX(-200%);
	}
	100% {
		  opacity: 0;
		  transform: translateX(-400%);
	}
  }
  @keyframes swipeBg {
	0% {
		  opacity: 0.6;
	  }
	  20%{
		  opacity: 0.6;
	}
	60% {
		  opacity: 0.6;
	}
	80% {
		  opacity: 1;
	}
	100% {
		  opacity: 1;
	}
  }

/*--------------------------------
state
--------------------------------*/
.disabled {
	opacity: 0.1;
	cursor: default;
	pointer-events: none;
}
.none{
	opacity: 0.1;
	cursor: default;
	pointer-events: none;
}
.coming-soon{
	pointer-events: none;
}
.is-none{
	display: none;
}
.is-fv {
	opacity: 0;
	animation-fill-mode: both;
}
.is-light{
	color: #fff;
}
.is-dark{
	color: #2c2c2c;
}
.is-accent{
	color: #FFF67F;
}
.is-shadow{
	text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.4);
}
.is-enji{
	color: #772A34;
}
.is-emphasis{
	font-weight: 700;
}
.line-wide{
	line-height: 2.4;
}
.is-alert{
	color: #c90000;
}
.is-gr{
	color: #51887D;
}
.ls-s{
	letter-spacing: -.6em;
}
.ls-xl{
	letter-spacing: 1em;
}
.unscrollable{
	overflow-y: hidden;
}
@media screen and (max-width: 767px){
	.sp-text-left{
		text-align: left;
	}
	.sp-none{
		display: none;
	}
	.slick-slide img.sp-none{
		display: none;
	}
}
@media screen and (min-width: 768px){
	.pc-none{
		display: none;
	}
	.slick-slide img.pc-none{
		display: none;
	}
}
</pre></body></html>