@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== background ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
picture {
display: block;
}

/* ========== base style ========== */
.allwrapper,
.modal {
width: 100%;
min-height: 100vh;
color: #000;
font-family: freightbigcmp-pro, serif;
font-style: normal;
font-weight: 300;
font-size: 3.73333333vw;
line-height: 100%;
font-feature-settings: "palt";
letter-spacing: 0;
background: #fff;
animation-delay: 0.75s;
}
.modal {
min-height: auto;
}
.allwrapper *,
.modal * {
box-sizing: border-box;
}
.allwrapper a:link,
.allwrapper a:visited,
.allwrapper .acordion_btn {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.allwrapper a:hover,
.allwrapper a:hover img,
.allwrapper button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}
.allwrapper ol,
.allwrapper ul {
list-style:none;
}
.allwrapper img, 
.allwrapper video,
.allwrapper button {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
@media (min-width:768px){
	.allwrapper {
	width: 100vw;
	}
	.allwrapper,
	.modal {
	font-size: 17.5px;
	}
}

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs11_5 { font-size: 3.066666vw; }
.fs12 { font-size: 3.2vw; }
.fs12_5 { font-size: 3.33333333vw; }
.fs13 { font-size: 3.466666vw; }
.fs13_5 { font-size: 3.6vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs19 { font-size: 5.066666vw; }
.fs20 { font-size: 5.333333vw; }
@media (min-width:768px){
	.fs11 { font-size: 11px; }
	.fs14 { font-size: 14px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important; }
.disp_iblock { display: inline-block !important; }
.disp_inline { display: inline !important; }
.disp_none { display: none; }
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
img.sp_none{ display: none; }
.sp_only{ display: block; }
img.sp_only{ display: block; }
@media (min-width:768px){
	.sp_none{display: block;}
	img.sp_none{display: block;}
	.tab_none { display: none; }
	img.tab_none { display: none; }
	.sp_only{display: none;}
	img.sp_only{display: none;}
	.sp_only{display: none;}
	img.sp_only{display: none;}
}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}


/* other style
-----------------------------------------------*/
.anime-fadeinup {
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 1.8s all 0s ease;
-moz-transition: 1.8s all 0s ease;
-o-transition: 1.8s all 0s ease;
transition: 1.8s all 0s ease;
}
.visible.anime-fadeinup{
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.anime-fadein {
-webkit-transition: opacity 1s cubic-bezier(0.37, 0, 0.63, 1);
transition: opacity 1s cubic-bezier(0.37, 0, 0.63, 1);
opacity: 0;
}
.visible.anime-fadein {
opacity: 1;
}

img{vertical-align:top;}
body{margin:0;background-color:#F1EEE5;color:#3E4343;}

.lead__text,
.lhs__lead,
.point__lead,
.look__lead,
.list-link__btn{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
}
.intro__detail,
.lhs__title,
.lhs__intro-title,
.lhs__intro-btn,
.point__title,
.look__title,
.credit__list-item,
.credit__btn,
.role{
font-family: classico-urw, sans-serif;
font-style: normal;
font-weight: 400;
}

/* スクリーンサイズが767px以下の場合に適用 */
@media screen and (max-width: 767px) {
	.main{padding: 0 0 69.87vw;}

	.main-visual{position:relative;}
	.main-visual__logo{position:absolute;top:3.26vw;left:4.8vw;width:24vw;height:auto;}
	.main-visual__logo-img{width:24vw;height:auto;}
	.main-visual__title{position:absolute;top:57.07vw;left:19.73vw;width:60.53vw;height:auto;}
	.main-visual__title-img{width:60.53vw;height:auto;}
	.main-visual__image-item{width:100vw;height:auto;}

	.lead{width:78.67vw;margin:8vw 10.67vw 0;}
	.lead__text{margin:0;font-size:2.93vw;line-height:2.18;letter-spacing:0.05em;}

	.intro{margin:13.33vw 0 0;}
	.intro__title { margin: 0 auto; width: 45.86vw; }
	.intro__title-img { width: 45.86vw;height: auto;}
	.intro__list{margin:13.87vw auto 0;padding:0;display:grid;grid-template-columns: 1fr 1fr;width:88.53vw;gap:5.6vw 3.2vw;}
	.intro__list-item{list-style:none;padding:0;width:42.67vw;}
	.intro__link{}
	.intro__link:link, .intro__link:visited, .intro__link:focus, .intro__link:hover, .intro__link:active { text-decoration: none; color: #3E4343; }
	.intro__link-img{width:42.67vw;height:auto;}
	.intro__detail{margin:3.2vw 0 0;text-align:center;font-size:3.2vw;line-height:1.5;letter-spacing: 0.05em;}
	.intro__detail-name{}
	.intro__detail-price{text-decoration:underline;}
	.intro__detail-type{}

	.lhs{}
	.lhs01{margin:21.33vw 0 0;}
	.lhs__main-visual{display:none;}
	.lhs__content{}

	.lhs__box{background-color:#D1D2D4;padding:10.4vw 11.2vw;}
	.lhs__title{margin:0;text-align:center;font-size:10.13vw;line-height:1;letter-spacing:0.03em;color:#fff;}
	.lhs__box-wrapper{margin:8.63vw 0 0;display:flex;flex-wrap:wrap;flex-direction: column-reverse;}
	.lhs__lead{margin:9.91vw 0 0;font-size:2.93vw;line-height: 2.18;letter-spacing:0.04em;}
	.lhs__intro{text-align:center;}
	.lhs__intro-link{width:79.2vw;}
	.lhs__intro-link-img{width:79.2vw;height:auto;}
	.lhs__intro-title{margin:5.37vw 0 0;font-size:3.2vw;line-height:1;letter-spacing:0.05em;}
	.lhs__intro-name{}
	.lhs__intro-price{}
	.lhs__intro-btn{display:inline-block;margin:3.73vw auto 0;padding:1.65vw 2.63vw 2.4vw 2.93vw;text-align:center;background-color:#807A79;font-size:2.67vw;line-height:1;letter-spacing:0.1em;}
	.lhs__intro-btn:link,
	.lhs__intro-btn:visited,
	.lhs__intro-btn:focus,
	.lhs__intro-btn:hover,
	.lhs__intro-btn:active{text-decoration:none;color:#fff;}

	.point{margin:0;padding:11.2vw 10.13vw;background-color:#fff;}
	.point__title{margin:0;text-align:center;font-size:8.53vw;line-height:1;letter-spacing:0.03em;}
	.point__list{margin:9.33vw 0 0;padding:0;list-style:none;}
	.point__list-item + .point__list-item{margin-top:8.27vw;}
	.point__img{width:79.2vw;}
	.point__img-item{width:79.2vw;height:auto;}
	.point__lead{margin:5.33vw 0 0;font-size:2.93vw;line-height:2.18;letter-spacing:0.04em;}

	.look{margin:0;padding:14.93vw 13.07vw;background-color:#E0D8D8;}
	.look__title{margin:0;text-align:center;font-size:10.13vw;line-height:1;letter-spacing: 0.03em;}
	.look__lead{margin:5.33vw 0 0;text-align:center;font-size:2.93vw;line-height:2.18;letter-spacing: 0.04em;}
	.look__wrapper{}
	.look__list-wrapper{position:relative;}
	.look__prev{position:absolute;top:50%;left:-9.07vw;width:4vw;height:8vw;background-image:url("../images/icon_arrow_left-sp.png");background-size:4vw 8vw;transform:translateY(-50%);}
	.look__next{position:absolute;top:50%;right:-9.07vw;width:4vw;height:8vw;background-image:url("../images/icon_arrow_right-sp.png");background-size:4vw 8vw;transform:translateY(-50%);}
	.look__list{position:relative;margin:14.13vw 0 0;padding:0;list-style:none;}
	.look__list-item{}
	.look__list-item {transition: opacity 0.4s ease-in-out;}
	.look__list-item:not(:first-child) {opacity: 0;position: absolute;top: 0;left: 0;}
	.look__list-nav{position:relative;width:71.2vw;margin:6.63vw auto 0;}
	.look__list-nav::before{content:"";position:absolute;top:-3.69vw;width:3.47vw;height:3.47vw;background-image:url("../images/icon_polygon-sp.png");background-size:3.47vw 3.47vw;transition: left 0.4s ease-in-out;}
	.look__list-nav.is-nav01::before{left:56.1vw;}
	.look__list-nav.is-nav02::before{left:29.1vw;}
	.look__list-nav.is-nav03::before{left:37.9vw;}
	.look__list-nav.is-nav04::before{left:46.8vw;}
	.look__list-nav-img{width:71.2vw;height:auto;}

	.credit{position:relative;overflow:hidden;}
	.credit__img{width:73.87vw;}
	.credit__img-item{width:73.87vw;height:auto;}
	.credit__wrapper{opacity:0;visibility: hidden;pointer-events: none;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(54,54,54,0.6);display:flex;justify-content: flex-end;align-items: end;transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;}
	.credit__wrapper.is-active{opacity:1;visibility: visible;pointer-events: auto;}
	.credit__list{margin:0 4vw 12.8vw 0;padding:0;list-style:none;}
	.credit__list-item{text-align:right;font-size:3.73vw;line-height:1;letter-spacing:0.04em;color:#fff;}
	.credit__list-item + .credit__list-item{margin-top:6.13vw;}
	.credit__name{}
	.credit__price{margin:0 0 0 1.33vw;}
	.credit__check{margin:0 0 0 2.4vw;}
	.credit__check:link,
	.credit__check:visited,
	.credit__check:focus,
	.credit__check:hover,
	.credit__check:active{color:#fff;}
	.credit__btn{cursor:pointer;position:absolute;bottom:4vw;right:4vw;z-index:2000;margin:0;font-size:3.2vw;line-height:1;letter-spacing:0.03em;text-decoration:underline;}
	.credit__btn::after{content:" +";}
	.credit__wrapper.is-active + .credit__btn{color:#fff;}
	.credit__wrapper.is-active + .credit__btn::after{content:" −";color:#fff;}

	.list-link{margin:24vw 0 0;text-align:center;}
	.list-link__btn{width:76vw;background:#fff;display:inline-block;padding:5.33vw 0;border-radius:13.33vw;text-align:center;font-size:3.2vw;}
	.list-link__btn:link, .list-link__btn:visited, .list-link__btn:focus, .list-link__btn:hover, .list-link__btn:active { text-decoration: none; color: #807A79; }


	.role{margin:25.87vw 0 0;font-size:3.2vw;text-align:center;}
	.role__box + .role__box{margin-top:1.33vw;}
	.role__job{display:inline;}
	.role__job::after{content:":"}
	.role__name{display:inline;margin:0;}

	.bottom-bnr{margin:25.87vw 0 0;}
	.bottom-bnr__link{display:block;width:88.8vw;margin:0 auto;}
	.bottom-bnr__link-img{width:88.8vw;height:auto;}
}/* スクリーンサイズが767px以下の場合に適用 */

/* スクリーンサイズが768px以上の場合に適用 */
@media screen and (min-width: 768px) {
	body.static .wrapper {
        margin-top: 0 !important;
    }
	.main{padding: 0 0 633px;width:100%;}

	.main-visual{position:relative;}
	.main-visual__logo{position:absolute;top:1.72vw;left:3.98vw;width:12.64vw;height:auto;}
	.main-visual__logo-img{width:12.64vw;height:auto;}
	.main-visual__title{position:absolute;top:27.92vw;left:32.92vw;width:34.24vw;height:auto;margin:0;}
	.main-visual__title-img{width:34.24vw;height:auto;}
	.main-visual__image-item{width:100%;height:auto;}

	.lead { text-align: center; margin: 4.17vw 0 0; }
	.lead__text { margin: 0; font-size: 0.97vw; line-height: 2.14; letter-spacing: 0.04em; }

	.intro { margin: 5.83vw 0 0; }
	.intro__title { margin: 0 auto; width: 20vw; }
	.intro__title-img { width: 20vw;height: auto;}
	.intro__list { margin: 4.17vw auto 0; padding: 0; display: flex; width: 78.47vw; gap: 0 2.08vw; }
	.intro__list-item { list-style: none; padding: 0; width: 18.06vw; }
	.intro__link { }
	.intro__link:link, .intro__link:visited, .intro__link:focus, .intro__link:hover, .intro__link:active { text-decoration: none; color: #3E4343; }
	.intro__link-img { width: 18.06vw; height: auto; }
	.intro__detail { margin: 1.39vw 0 0; text-align: center; font-size: 0.97vw; line-height: 1.71; letter-spacing: 0.05em; }
	.intro__detail-name { }
	.intro__detail-price { text-decoration: underline; }
	.intro__detail-type { }

	.lhs { width: 100%; display: flex; }
	.lhs01 { margin: 7.57vw 0 0; }
	.lhs02, .lhs04 { flex-direction: row-reverse; }
	.lhs__main-visual { width: 50%; height: auto;}
	.lhs__main-visual-wrapper { position: sticky; top: 0; left: 0; }
	.lhs__main-visual-img { width: 100%; height: auto; }
	.lhs__content { width: 50%; }

	.lhs__box { background-color: #fff; padding: 6.94vw 5.28vw 0; }
	.lhs__title { margin: 0; text-align: center; font-size: 4.44vw; line-height: 1; letter-spacing: 0.03em; }
	.lhs__box-wrapper { margin: 0; padding: 0 0 6.94vw; display: flex; flex-wrap: wrap; flex-direction: column; border-bottom: 1px solid #000; }
	.lhs__lead { margin: 2.08vw 0 0; font-size: 0.97vw; line-height: 2.14; letter-spacing: 0.04em; }
	.lhs__intro { text-align: center; }
	.lhs__intro-link { display: none; }
	.lhs__intro-link-img { }
	.lhs__intro-title { margin: 2.08vw 0 0; font-size: 1.11vw; line-height: 1; letter-spacing: 0.05em; }
	.lhs__intro-name { }
	.lhs__intro-price { }
	.lhs__intro-btn { display: inline-block; margin: 1.04vw auto 0; padding: 0.69vw 1.18vw 0.83vw 1.32vw; text-align: center; background-color: #807A79; font-size: 0.97vw; line-height: 1; letter-spacing: 0.1em; }
	.lhs__intro-btn:link, .lhs__intro-btn:visited, .lhs__intro-btn:focus, .lhs__intro-btn:hover, .lhs__intro-btn:active { text-decoration: none; color: #fff; }

	.point { margin: 0; padding: 6.94vw 11.11vw; background-color: #fff; }
	.point__title { margin: 0; text-align: center; font-size: 3.33vw; line-height: 1; letter-spacing: 0.03em; }
	.point__list { margin: 3.47vw 0 0; padding: 0; list-style: none; }
	.point__list-item + .point__list-item { margin-top: 3.47vw; }
	.point__img { width: 27.78vw; }
	.point__img-item { width: 27.78vw; height: auto; }
	.point__lead { margin: 1.39vw 0 0; font-size: 0.97vw; line-height: 2.14; letter-spacing: 0.04em; }

	.look { margin: 0; padding: 7.78vw 0 6.94vw; background-color: #E0D8D8; }
	.look__title { margin: 0; text-align: center; font-size: 4.44vw; line-height: 1; letter-spacing: 0.03em; }
	.look__lead { margin: 2.99vw 0 0; text-align: center; font-size: 1.11vw; line-height: 1.88; letter-spacing: 0.04em; }
	.look__wrapper { margin: 0 auto;width: 36.81vw; }
	.look__list-wrapper { position: relative; }
	.look__prev { position: absolute; top: 50%; left: -4.51vw; width: 2.01vw; height: 4.06vw; background-image: url("../images/icon_arrow_left.png"); background-size: 2.01vw 4.06vw; transform: translateY(-50%); }
	.look__next { position: absolute; top: 50%; right: -4.51vw; width: 2.01vw; height: 4.06vw; background-image: url("../images/icon_arrow_right.png"); background-size: 2.01vw 4.06vw; transform: translateY(-50%); }
	.look__list { position: relative; margin: 3.47vw 0 0; padding: 0; list-style: none; }
	.look__list-item { }
	.look__list-item { transition: opacity 0.4s ease-in-out; }
	.look__list-item:not(:first-child) { opacity: 0; position: absolute; top: 0; left: 0; }
	.look__list-nav { position: relative; width: 35.66vw; margin: 3.47vw auto 0; }
	.look__list-nav::before { content: ""; position: absolute; top: -1.67vw; width: 1.53vw; height: 1.35vw; background-image: url("../images/icon_polygon.png"); background-size: 1.53vw 1.35vw; transition: left 0.4s ease-in-out; }
	.look__list-nav.is-nav01::before { left: 28.27vw; }
	.look__list-nav.is-nav02::before { left: 14.79vw; }
	.look__list-nav.is-nav03::before { left: 19.17vw; }
	.look__list-nav.is-nav04::before { left: 23.61vw; }
	.look__list-nav-img { width: 35.66vw; height: auto; }

	.credit { position: relative; overflow: hidden; }
	.credit__img { width: 36.81vw; }
	.credit__img-item { width: 36.81vw; height: auto; }
	.credit__wrapper { opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: rgba(54,54,54,0.6); display: flex; justify-content: flex-end; align-items: end; transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; }
	.credit__wrapper.is-active { opacity: 1; visibility: visible; pointer-events: auto; }
	.credit__list { margin: 0 1.88vw 5.21vw 0; padding: 0; list-style: none; }
	.credit__list-item { text-align: right; font-size: 0.97vw; line-height: 1; letter-spacing: 0.04em; color: #fff; }
	.credit__list-item + .credit__list-item { margin-top: 1.39vw; }
	.credit__name { }
	.credit__price { margin: 0 0 0 0.28vw; }
	.credit__check { margin: 0 0 0 0.63vw; }
	.credit__check:link, .credit__check:visited, .credit__check:focus, .credit__check:hover, .credit__check:active { color: #fff; }
	.credit__btn { cursor: pointer; position: absolute; bottom: 1.94vw; right: 1.94vw; z-index: 2000; margin: 0; font-size: 1.60vw; line-height: 1; letter-spacing: 0.03em; text-decoration: underline; }
	.credit__btn::after { content: " +"; }
	.credit__wrapper.is-active + .credit__btn { color: #fff; }
	.credit__wrapper.is-active + .credit__btn::after { content: " −"; color: #fff; }

	.list-link { margin: 5.56vw 0 0; text-align: center; }
	.list-link__btn { width: 19.79vw; background: #fff; display: inline-block; padding: 1.88vw 0; border-radius: 50px; text-align: center; font-size: 0.83vw; }
	.list-link__btn:link, .list-link__btn:visited, .list-link__btn:focus, .list-link__btn:hover, .list-link__btn:active { text-decoration: none; color: #807A79; }

	.role { margin: 5.56vw 0 0; font-size: 0.83vw; line-height: 1; letter-spacing: 0.05em; text-align: center; }
	.role__box + .role__box { margin-top: 0.35vw; }
	.role__job { display: inline; }
	.role__job::after { content: ":"; }
	.role__name { display: inline; margin: 0; }

	.bottom-bnr { margin: 5.56vw 0 0; }
	.bottom-bnr__link { display: block; width: 34.72vw; margin: 0 auto; }
	.bottom-bnr__link-img { width: 34.72vw; height: auto; }
}/* スクリーンサイズが768px以上の場合に適用 */