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

@media screen and (min-width: 768px) and (max-width: 1399px){
	html {font-size: calc(100vw * 10 / 1400);
		text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	}
	
}

@media screen and (min-width: 1400px){
	html{
	font-size: 62.5%;
	font-size: 10px;
}
}
/*html{
	font-size: 62.5%;
	font-size: 10px;
}*/

/*html.is-fixed{
	height: 100%;
    overflow: hidden;
}*/

body {
	font-family:'Noto Serif JP', serif,'Raleway',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MSPゴシック','MS PGothic',sans-serif;
	font-weight: 300;
	line-height: 1.0;
	letter-spacing: 0;
	color: var(--text-color);
	font-size: 0;
	background-color: #FBFBFB;
	
}


/**************************************************
 usually
**************************************************/
.clearFix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	_zoom: 1;
}
*:first-child+html .clearFix:after{ zoom: 1; } /* IE7 */

/* align */
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

/* inner */
.inner{
	max-width: 1200px;
	margin: auto;
}

/* a img input */
a,a img,input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="image"]{
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
}

a img:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="image"]:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/**************************************************
 common
**************************************************/
p,ol,table,ol,dl{
	padding: 1.6rem 0 0 0;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.5;
	color: var(--default-textcolor);
}

ul li{
	/*margin: 0 0 0 20px;*/
	/*list-style: disc;*/
	list-style: none;
}

ol li{
	margin: 0 0 0 2.5px;
	list-style: decimal;
}


table{
  border-collapse: separate;
  border-spacing: 0.1rem;
}

table th,table td{ padding: 1rem;}
/*table th{ background-color: rgba(255,255,255,0.3);}
table td{ background-color: rgba(255,255,255,0.2);}*/

a{
	color: #000;
	text-decoration: none;
	outline:none;
	font-weight: 400;
}
a:hover{ color: #000;}

img{
	max-width: 100%;
	height: auto;
}
/* img[src$=".svg"] {width: 100%;} */

.smp{display: none;}

:root{
}


h1{width: 31rem;font-size: 1.6rem;align-items: end;font-weight: 400;}


.contentInner{
	width: 102rem;
	margin: 0 auto;
}

.wrapper{}

.content_box,.content_inner{
	max-width: 104rem;
	margin: 0 auto;
	padding-inline: 1.2rem;
}

.re{flex-direction: row-reverse;}


/**************************************************
 swiper
**************************************************/

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0, 0);
}

/**************************************************
 loading
**************************************************/

#loading {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background:#fff;
	text-align:center;
	color:#fff;
	top: 0;	
	transition: 1s;
	display: flex;
	align-items: center;
	justify-content: center;
}

#loading.close{opacity: 0;transition: 1s;visibility: hidden;}

/**************************************************
 header
**************************************************/

header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 8rem;
	background-color: #FBFBFB;
	align-items: center;
	padding-inline: 3.1rem 1.4rem;
	z-index: 1000;
}

.header h1{
	font-size: 1.6rem;

}

#globalNavi{
}

#globalNavi ul{padding: 0;}

#globalNavi ul li{
	margin-inline-end: 3.2rem;
}

#globalNavi ul li:nth-child(4){margin-inline-end: 0;}

#globalNavi ul li:nth-child(4) a &gt; img{display: none;}

#globalNavi ul li:last-child{display: none;}


#globalNavi ul li a{
	font-size: 1.8rem;
	font-family: 'Cormorant', serif;
	display: block;
}

#globalNavi ul li a:hover{
	opacity: 0.5;
}

#menu{display: none;}


/**************************************************
 mainVisual
**************************************************/

.mainVisual{
	width: 100%;
	height: calc(100vh - 8rem);
	margin-block-start: 8rem;
	overflow: hidden;
}

.swiper-wrapper{transition-timing-function:ease-out; }

.main_left,.main_right{width: 50%;position: relative;}

.main_left.swiper{
	/* transform: scale(1.05); */
    transform-origin: center;
}

.mainVisual ul{
	padding: 0;
}

.main_right ul{
	width: 40.3rem;
	height: 53.8rem;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.main_left ul li{
	overflow: hidden;}

.main_left ul li img{
	width: 100%;
    height: 100%;
    object-fit: cover;
	transform: scale(1.05);
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.main_left ul li.swiper-slide-active img{
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transform: scale(1.15);
}

.main_left ul li.initial-slide img{
	transform: scale(1.05);
}

.main_right ul li{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.main_right ul li img{
	width: auto;
	height: 100%;
	object-fit: cover;
	transform: scale(1.05);
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.main_right ul li.swiper-slide-active img{
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transform: scale(1.15);
}

.main_right ul li.initial-slide img{
	transform: scale(1.05);
}



.main_right::before{
	content: '';
	width: 61.6rem;
	height: 14.3rem;
	background: url(../img/mv/mv_right_bg.svg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}

.main_right .progressbar{
	position: absolute;
	width: 35rem;
	height: 2px;
	background: #D0D0D0;
	overflow: hidden;
	top: 50%;
	left: 46.5%;
	transform: translate(-50%,-50%);
   }

   .main_right .progressbar span{
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #383838;
	border-radius: 7px;
	transform: scaleX(0);
	transform-origin: left center;
	transition-timing-function: linear;
}

.main_right .swiper-pagination {
	font-size: 0;
	position: absolute;
	top: 50%;
	left: 76%;
	transform: translate(-50%,-50%);
}

.main_right .swiper-pagination-current,
.main_right .swiper-pagination-total{font-size: 1.5rem;position: relative;}


.main_right .swiper-pagination-current{
	font-size: 1.5rem;
	top: -1rem;
	right: -1rem;
}

.main_right .swiper-pagination-current::before{
	background: #000;
    content: "";
    display: block;
    height:  0.1rem;
    position: relative;
    right: 0.2rem;
    top: 1.6rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width:3.5rem;
}

.main_right .swiper-pagination-total{
	font-size: 1.5rem;
	top: 0.8rem;
	right: -2.2rem;
}
/**************************************************
 conceptHanger
**************************************************/
.conceptHanger{
	margin-top: 17.8rem;
	max-width: 106.4rem;
	margin-inline: auto;
}

.con_title{
	width: 63%;
	position: relative;
	align-items: flex-start;
}

.conceptHanger .con_title::before{
	content: '';
	width: 17.2rem;
	height: 17.2rem;
	background: url(../img/concept/con_bg.svg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: -9rem;
	right: -8rem;
	z-index: -1;
	animation:50s linear infinite rotation1;
}

@keyframes rotation1{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}


.conceptHanger h2{
	font-size: 3.6rem;
	font-weight: 400;
}

.conceptHanger h2 span{
	font-size: 2rem;
	display: block;
	margin-block-end: 3.2rem;
	font-family: 'Cormorant', serif;
}
.con_title img{width: 40%;}



.conceptHanger p{
	width: 30%;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	padding-block-start: 8.8rem;
	line-height: 1.6;
}

/**************************************************
 imageHanger
**************************************************/
.imageHanger{
	margin-top: 12rem;
	height: 56rem;
	background:url(../img/image/image_bg01.jpg)no-repeat right bottom / 100% auto;
	width: 100%;
}

.imageInner{
	max-width: 106.4rem;
	margin-inline: auto;
}

.imageInner &gt; img{width: 39%;margin-block-start: 48rem;}

/**************************************************
 pointHanger
**************************************************/

.pointHanger{
	margin-block-start: 37.6rem;
}

.po_item{
	max-width: 106.4rem;
	margin-inline: auto;
	margin-block-start: 12rem;
	position: relative;
	align-items: flex-start;
}

.pointHanger .po_item:nth-child(2),
.pointHanger .po_item:nth-child(4){
	max-width: 100%;
}

.pointHanger .po_item:nth-child(2)::before{
	content: '';
	width: 60rem;
	height: 89.6rem;
	background: url(../img/point/point02.jpg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.pointHanger .po_item:nth-child(2)::after{
	content: '';
	width: 16.8rem;
	height: 47.8rem;
	background: url(../img/point/point04.jpg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	right: 0;
	bottom: 10rem;
}

.po_txt{width: 50%;}

.pointHanger .po_item:nth-child(2) .po_txt,
.pointHanger .po_item:nth-child(4) .po_txt{
	margin-inline: auto;
	max-width: 106.4rem;
	width: 100%;
}

.po_txt h2{
	margin-block-start: 6rem;
	font-size: 3.6rem;
	line-height: 1.6;
	font-weight: 400;
}

.pointHanger .po_item:nth-child(2) .po_txt h2,
.pointHanger .po_item:nth-child(2) .po_txt p{
	width: 40%;
	margin-inline: auto 0;
}

.pointHanger .po_item:nth-child(3) .po_txt h2{margin-block-start: 18.4rem;}

.pointHanger .po_item:nth-child(4) .po_txt h2{margin-block-start: 3.6rem;}

.po_txt h2 span{
	font-size: 2rem;
	font-family: 'Cormorant', serif;
	display: block;
	margin-block-end: 0.8rem;
}

.po_txt p{
	padding-block-start: 2.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
}

.pointHanger .po_item:nth-child(2) .po_txt p{margin-block-end: 15rem;}

.po_item .po_img{width: 39%;}

.pointHanger .po_item:nth-child(2) .po_txt img{
	width: 32rem;
	position: relative;
	left: 52rem;
	top: 31rem;
}

.pointHanger .po_item:nth-child(3) .po_img{width: 45%;}

.pointHanger .po_item:nth-child(4) .po_img{
	background: url(../img/point/point07.jpg)no-repeat right bottom / 100% auto;
	height: 39.7rem;
	width: 100%;
}

.pointHanger .po_item:nth-child(3) .po_img img{width: 47%;}

.pointHanger .po_item:nth-child(3) .po_img img:first-child{position: relative;top: 19.4rem;}

/**************************************************
 lineupHanger
**************************************************/
.lineupHanger{
	max-width: 106.4rem;
	margin-inline: auto;
	margin-block-start: 12.2rem;
	position: relative;
}

.lineupHanger h2{
	position: absolute;
	writing-mode:vertical-lr;
	letter-spacing:0.35rem;
	font-size: 8.8rem;
	font-family: 'Cormorant', serif;
	font-weight: 300;
	left: 40rem;
}

.lineupHanger .lineup_item{width: 47%;}

.lineupHanger .lineup_item:nth-of-type(1){margin-block-start: 24rem;}

.lineupHanger .lineup_item h3{
	font-size: 3.6rem;
	font-weight: 400;
	margin-block-start: 3.2rem;
}

.lineupHanger .lineup_item p{padding-block-start: 2rem;font-family: 'Noto Sans JP', sans-serif;}

.lineupHanger .lineup_item a{
	display: inline-block;
	margin-block-start: 3.2rem;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	padding-block-end: 0.8rem;
	border-bottom: 1px solid #000;
}

.lineupHanger .lineup_item a &gt; img{display: inline-block;vertical-align: bottom;padding-inline-start: 0.5rem;width: 15%;}

.lineupHanger .lineup_item a:hover{opacity: 0.5;}

.lineupHanger .lineup_item a:hover img{opacity: 1;}

/**************************************************
 galleryHanger
**************************************************/
.galleryHanger{margin-block-start: 30rem;}

.gallery_item{position: relative;margin-block-start: 12rem;}

.galleryHanger .gallery_item:nth-of-type(2){margin-block-start: 30rem;}

.galleryHanger .gallery_item:nth-of-type(3){
	margin-block-start: 19.2rem;
	height: 45.8rem;
	background: url(../img/gallery/gallery06.jpg)no-repeat center center;
	background-size: cover;

}

.galleryInner{
	max-width: 106.4rem;
	margin-inline: auto;
}

.gallery_item::before{
	content: '';
	width: 51.2rem;
	height: 68.4rem;
	background: url(../img/gallery/gallery02.jpg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: -18rem;
	right: 0;
}

.galleryHanger .gallery_item:nth-of-type(2):before{
	content: '';
	width: 68rem;
	height: 51rem;
	background: url(../img/gallery/gallery03.jpg)no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 0rem;
	right: auto;
	left: 0;
	z-index: -1;
}

.galleryHanger .gallery_item:nth-of-type(3):before{content: none;}


.galleryHanger .gallery_item:nth-of-type(2){
	display: flex;
	align-items: center;
	justify-content: center;
	padding-block: 7.2rem;
}

.gallery_item .galleryInner &gt; img{
	width: 43rem;
	position: relative;
    top: 60rem;
}

.galleryHanger .gallery_item:nth-of-type(2) &gt; img:first-child{width: 27.4rem;top: 77rem;position: relative;}

.galleryHanger .gallery_item:nth-of-type(2) &gt; img:nth-child(2){
	width: 47.8rem;
	top:  84rem;
	position: absolute;
	right: 0;
}


/**************************************************
 aboutHanger
**************************************************/
.aboutHanger{
	max-width: 106.4rem;
	margin-inline: auto;
	margin-block-start: 12rem;
}

.about_img{width: 48%;position: relative;}

.about_img &gt; img:first-of-type{width: 37.8rem;}

.about_img &gt; img:nth-of-type(2){
	width: 24rem;
	position: absolute;
	right: 0;
	top: -30rem;
}

.about_txt{width: 45%;}

.about_txt h2{
	font-size: 4rem;
	font-weight: 400;
	margin-block-start: 9.8rem;
	margin-block-end: 0.8rem;
}

.about_txt p{
	padding-block-start: 2.4rem;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.8;
	font-weight: 400;
}

/**************************************************
 contactHanger
**************************************************/
.contactHanger{
	margin-block-start: 24rem;
}

.contactInner{
	max-width: 106.4rem;
	margin-inline: auto;
}

.con_logo{
	width: 18%;
}

.con_logo a{
	margin-block-start: 2.4rem;
	font-size: 1.6rem;
	align-items: center;
	justify-content: flex-start;
}

.con_logo a &gt; img{margin-inline-end: 1.6rem;}

.con_logo a:hover,.con_logo a:hover img{opacity: 0.5;}

.con_txt{
	width: 75%;
}

.con_txt dl{
	padding-block: 2rem;
	border-bottom: 1px solid #DEDEDE;
}

.con_txt dl:first-of-type{padding-block-start: 0;}

.con_txt dl dt{width: 10%;}

.con_txt dl:first-of-type dt{width: 100%;}

.con_txt dl dd{
	width: 85%;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

/**************************************************
 footer
**************************************************/

footer{
	margin-block-start: 8rem;
	background-color: #000;
}

footer p{
	padding-block: 2rem;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (min-width: 1400px){


	


/**************************************************
 pointHanger
**************************************************/

.pointHanger .po_item:nth-child(2)::before{left: 10%;}

.pointHanger .po_item:nth-child(2) .po_txt img{left: 60%;}

/**************************************************
 galleryHanger
**************************************************/
.gallery_item::before{right: 250px;}

.galleryHanger .gallery_item:nth-of-type(2):before{left: 10%;}

.galleryHanger .gallery_item:nth-of-type(3):before{content: none;}

.galleryHanger .gallery_item:nth-of-type(2) &gt; img:first-child{right: -4%;}

.galleryHanger .gallery_item:nth-of-type(2) &gt; img:nth-child(2){right: -5%;}

}



@media screen and (min-width: 1550px){
	.main_right .swiper-pagination {
		left: 72%;
	
	}

	.galleryHanger .gallery_item:nth-of-type(2) &gt; img:first-child{right: -6%;}

	.galleryHanger .gallery_item:nth-of-type(2) &gt; img:nth-child(2){right: 2%;}
}

@media screen and (min-width: 1750px){
	.main_right .swiper-pagination {
		left: 68.5%;
	
	}
}</pre></body></html>