@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&family=Cormorant&display=swap');
@font-face{font-family:"游ゴシック体"; src:local("Yu Gothic Medium"),local("游ゴシック Medium");}
@font-face{font-family:"游ゴシック体"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:bold;}

:root{--spacing:0.07em;}
*{letter-spacing:var(--spacing);}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{font-size:62.5%;}
body{
  font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size:1.4rem;
	color:#2b2c2e;
	background:url(../img/back01.jpg) repeat #f3f5f4;
	line-height:2;
	-webkit-text-size-adjust:100%; 
	max-width:100%;
	min-width:320px;
	text-align:left;
}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;box-sizing:border-box;}
input,textarea{-webkit-appearance:none;font-family:inherit;box-sizing:border-box;}
input:focus,textarea:focus,select:focus{outline:0;}
button{font-family:inherit;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;box-sizing:border-box;}
button::-moz-focus-inner{border:0;}
input:placeholder-shown{color:#ccc;}
input::-webkit-input-placeholder{color:#ccc;}
input:-moz-placeholder{color:#ccc;opacity:1;}
input::-moz-placeholder{color:#ccc;opacity:1;}
input:-ms-input-placeholder{color:#ccc;}
pre{white-space:pre-wrap;font-family:inherit;}
img{border:none;vertical-align:bottom;max-width:100%;height:auto;}
small{font-size:75%;}
a{color:#2b2c2e;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;box-sizing:border-box;outline:none;transition:.2s ease;}
a[href^="tel:"]{cursor:text;}
a:hover{color:#2b2c2e;}
*:focus-visible,
select:focus-visible{outline:2px solid #323232;transition:outline 0s!important;}
.clearfix:after{content:"";clear:both;display:block;}
p + p{margin-top:2em;}
.min{font-family:"Zen Old Mincho","游明朝", YuMincho, "Noto Serif","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.en{font-family: "Cormorant","游明朝", YuMincho, "Noto Serif","Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@media screen and (min-width:1px) and (max-width:768px){
	html{font-size:56%;}
}

/* -------------------------------------------------- */
/* header */
/* -------------------------------------------------- */
header .logo{position:absolute;top:40px;left:5.3%;z-index:10;}

@media screen and (max-width:768px){
	header .logo{top:5vw;left:5%;max-width:30%;}
}

/* -------------------------------------------------- */
/* footer */
/* -------------------------------------------------- */
footer{border-top:1px solid #b4bbc5;text-align:center;padding:80px 5% 70px;}
footer .logo{margin-bottom:40px;}
footer .link01{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 40px;}
footer .link01 a{display:block;padding:5px 20px 5px 0;white-space:nowrap;text-align:left;min-width:180px;border-bottom:1px solid #6f6f6f;position:relative;}
footer .link01 a:hover{border-color:transparent;}
footer .link01 a[target="_blank"]::after{content:"";display:block;width:12px;height:12px;background:url(../img/icon_external.png) no-repeat;background-size:100% auto;position:absolute;top:50%;right:0;margin-top:-6px;}
footer .link02{display:flex;flex-wrap:wrap;justify-content:center;margin-top:35px;}
footer .link02 > li{position:relative;white-space:nowrap;display:flex;align-items:center;}
footer .link02 > li + li::before{content:"";display:inline-block;width:1px;height:0.8em;background:#6f6f6f;margin:0 10px;}
footer .link02 a{font-size:1.1rem;border-bottom:1px solid #cccdcf;line-height:1.5;}
footer .link02 a:hover{border-color:transparent;}
footer .copyright{font-size:1.2rem;margin-top:50px;}

@media screen and (max-width:768px){
	footer{padding:40px 5% 30px;}
	footer .logo{max-width:40%;margin:0 auto 20px;}
	footer .link01{gap:0 20px;}
	footer .link01 a{padding:12px 20px 12px 0;}
}

/* -------------------------------------------------- */
/* common */
/* -------------------------------------------------- */
.v-sp{display:none!important;}
.v-pc{display:block!important;}

/* container */
.container{max-width:1180px;padding:0 40px;margin:auto;position:relative;}
section > .container,.section > .container{padding:80px 40px;}

/* ttl */
.common-ttl{margin-bottom:35px;}
.common-ttl .en{display:block;font-size:4.8rem;letter-spacing:0.01em;line-height:1;}
.common-ttl small{display:block;font-size:1.6rem;letter-spacing:0.01em;line-height:1.5;margin-top:5px;}

@media screen and (max-width:1179px){
	.container{padding:0 5%;}
	section > .container,.section > .container{padding:80px 5%;}
}
@media screen and (max-width:768px){
	.v-pc{display:none!important;}
	.v-sp{display:block!important;}
	section > .container,.section > .container{padding:40px 5%;}

	.common-ttl{margin-bottom:25px;}
	.common-ttl .en{font-size:4rem;}
}

/* -------------------------------------------------- */
/* animation */
/* -------------------------------------------------- */
.animation{visibility:hidden;}
.animation.animated{visibility:visible;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,80px,0)}to{opacity:1;transform:translateZ(0)}}
.fadein{animation-duration:1.2s;animation-fill-mode:both;opacity:0.01;}
.fadein.animated{animation-name:fadeInUp;}

/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv{position:relative;z-index:1;width:100%;height:100vh;/*height:100svh;*/min-height:600px;opacity:0;}
#block-mv .back{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;}
#block-mv .back img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.05);}
#block-mv .ttl{height:100%;position:relative;z-index:2;display:flex;align-items:flex-end;color:#fff;font-size:4.8rem;line-height:1.25;padding:4.5% 5.3%;opacity:0;transform:translateX(-50px);}
#block-mv .contact a{position:absolute;bottom:0;right:0;z-index:3;background:#28282c;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding:15px 40px;}
#block-mv .contact a::after{content:"";display:block;width:14px;height:6px;background:url(../img/arrow01.png) no-repeat;background-size:100% auto;margin-left:30px;}
#block-mv .contact a:hover{opacity:0.8;}
#block-mv .contact .en{font-size:1.6rem;letter-spacing:0.01em;display:flex;align-items:center;}
#block-mv .contact .en::after{content:"";display:inline-block;width:1px;height:1em;background:#fff;margin:0 24px;opacity:0.3;}

#block-mv.animated{opacity:1;transition:1s ease;}
#block-mv.animated .ttl{opacity:1;transform:none;transition:1s ease .6s;}
#block-mv.animated .back img{transform:none;transition:1.5s ease;}

@media screen and (max-width:768px){
	#block-mv{min-height:500px;}
	#block-mv .ttl{padding:5% 5% 80px;font-size:4rem;text-shadow:0 0 15px rgba(0,0,0,0.8);}
	#block-mv .contact a{padding:10px 15px 10px 25px;}
	#block-mv .contact a::after{margin-left:8px;}
	#block-mv .contact .en::after{margin:0 15px;}
	#block-mv .contact .min{margin-bottom:2px;}
}

/* -------------------------------------------------- */
/* .block-breacrumb */
/* -------------------------------------------------- */
.block-breadcrumb ul{display:flex;}
.block-breadcrumb ul > li{white-space:nowrap;font-size:1.3rem;letter-spacing:0.05em;line-height:1.5;padding:20px 0;}
.block-breadcrumb ul > li + li::before{content:"/";margin:0 10px;}
.block-breadcrumb ul > li a:hover{text-decoration:underline;}

/* -------------------------------------------------- */
/* #block-about */
/* -------------------------------------------------- */
#block-about{margin-bottom:240px;}
#block-about .container{display:flex;}
#block-about .left{flex:1;line-height:1.6;}
#block-about .left .ttl{font-size:3rem;letter-spacing:0.2em;}
#block-about .left .txt{font-size:3rem;letter-spacing:0.2em;margin-top:1.5em;}
#block-about .left .txt small{font-size:1.4rem;}
#block-about .right{width:52.5%;}
#block-about .right .icon{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;gap:20px 10.5%;text-align:center;}
#block-about .right .icon span{display:block;font-size:1.1rem;}

@media screen and (max-width:999px){
	#block-about .container{display:block;text-align:center;}
	#block-about .left{margin-bottom:30px;}
	#block-about .left .txt{margin-top:1em;}
	#block-about .right{width:100%;}
}
@media screen and (max-width:768px){
	#block-about .left .ttl{font-size:2.4rem;}
	#block-about .left .txt{font-size:2.4rem;margin-top:0.8em;}
	#block-about .right .icon{gap:5px;margin-top:30px;}
	#block-about .right .icon li{max-width:calc((100% - 15px) / 4);}
	#block-about .right .icon span{letter-spacing:0;font-size:1.2rem;}
	#block-about .right .icon img{max-width:80%;}
}

/* -------------------------------------------------- */
/* #block-rent */
/* -------------------------------------------------- */
#block-rent{background:#636877;color:#fff;text-align:center;margin-bottom:45px;}
#block-rent .slider-wrap{transform:translateY(-240px);margin-bottom:-240px;}
#block-rent .slider .item{padding:0 10px;width:880px;}
#block-rent .slider .slick-dots{position:absolute;z-index:2;left:calc(50% + 390px);bottom:20px;}
#block-rent .slider .slick-dots button{width:11px;height:11px;font-size:0;display:flex;align-items:center;justify-content:center;margin-top:5px;border-radius:100%;}
#block-rent .slider .slick-dots button::before{content:"";display:block;width:5px;height:5px;background:#b4bbc5;border-radius:100%;}
#block-rent .slider .slick-dots .slick-active button{border:1px solid rgba(255,255,255,0.25);background-color:rgba(40,40,44,0.25);}
#block-rent .slider .slick-dots .slick-active button::before{background:#ccc;}

#block-rent .common-ttl{text-align:left;}
#block-rent .attention{margin-top:20px;}
#block-rent .attention p + p{margin-top:5px;}
#block-rent .box{border:1px solid #fff;margin-top:50px;padding:40px;}
#block-rent .box .ttl{margin-top:-55px;font-size:1.6rem;letter-spacing:0.2em;}
#block-rent .box .ttl span{display:inline-block;background:#636877;padding:0 35px;}
#block-rent .box .btn{display:flex;justify-content:center;max-width:720px;gap:20px;margin:30px auto 0;}
#block-rent .box .btn a{background:#fff;display:inline-block;flex:1;font-size:1.5rem;letter-spacing:0.2em;padding:18px 20px;line-height:1.4;position:relative;border:1px solid #fff;}
#block-rent .box .btn a::after{content:"";display:block;width:14px;height:6px;background:url(../img/arrow02.png) no-repeat;background-size:100% auto;position:absolute;top:50%;right:20px;margin-top:-3px;transition:.2s ease;}
#block-rent .box .btn a:hover{background:transparent;color:#fff;}
#block-rent .box .btn a:hover::after{background-image:url(../img/arrow01.png);}
#block-rent .rent-wrap{display:flex;}
#block-rent .rent-wrap table{width:calc(50% + 3em);font-size:1.3rem;background:#fff;border-top:solid 1px #d9d9d9;border-left:solid 1px #d9d9d9;border-spacing:0;text-align:center;width:100%;color:#28282c;}
#block-rent .rent-wrap table th{border-bottom:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;background:#636877;color:#fff;padding:5px;font-weight:400;}
#block-rent .rent-wrap table td{border-bottom:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;padding:5px 0;width:16.67%;width:calc(100% - 6em / 6);white-space:nowrap;}
#block-rent .rent-wrap table th.ttl,
#block-rent .rent-wrap table td.ttl{width:6em;}
#block-rent .rent-wrap table td.ttl{background:#efefef;}
#block-rent .rent-wrap table td > span{color:#b50000;}
#block-rent .rent-wrap table:nth-child(2){border-left:none;width:calc(50% - 3em);}	
#block-rent .rent-wrap table:nth-child(2) th.ttl,
#block-rent .rent-wrap table:nth-child(2) td.ttl{display:none;}
#block-rent .rent-wrap table:nth-child(2) td{width:calc(100% / 6);}

@media screen and (max-width:1199px){
	#block-rent .rent-wrap{display:block;}
	#block-rent .rent-wrap table,
	#block-rent .rent-wrap table:nth-child(2){width:100%;border-left:1px solid #d9d9d9;}
	#block-rent .rent-wrap table:nth-child(2) th.ttl,
	#block-rent .rent-wrap table:nth-child(2) td.ttl{display:block;width:6em;}
}
@media screen and (max-width:999px){
	#block-about{margin-bottom:18vw;}
	#block-rent .slider-wrap{transform:translateY(-18vw);margin-bottom:-18vw;}
	#block-rent .slider .item{width:70vw;padding:0 2px;}
	#block-rent .slider .slick-dots{left:calc(50% + 35vw - 30px);}
}
@media screen and (max-width:768px){
	#block-rent{margin-bottom:20px;}
	#block-rent .rent-wrap table{font-size:1.3rem;}
	#block-rent .rent-wrap table:nth-child(2){border-top:none;}
	#block-rent .rent-wrap table tr{display:block;float:left;}
	#block-rent .rent-wrap table tr td, 
	#block-rent .rent-wrap table tr th{display:block;}
	#block-rent .rent-wrap table td{width:auto;	white-space:nowrap;}
	#block-rent .rent-wrap table th.ttl,
	#block-rent .rent-wrap table td.ttl{width:auto;}
	#block-rent .rent-wrap table:nth-child(2) th.ttl,
	#block-rent .rent-wrap table:nth-child(2) td.ttl{display:none;}
	#block-rent .rent-wrap table thead{display:block;	float:left;	width:4em;}
	#block-rent .rent-wrap table thead tr{width:100%;}
	#block-rent .rent-wrap table tbody{display:block;	float:left;	width:calc(100% - 4em);}
	#block-rent .rent-wrap table tbody tr:nth-child(1){width:24%;}
	#block-rent .rent-wrap table tbody tr:nth-child(2){width:38%;}
	#block-rent .rent-wrap table tbody tr:nth-child(3){width:38%;}
	#block-rent .rent-wrap table tbody td.colspan{line-height:6em;padding:16px 0;}
	#block-rent .rent-wrap table:nth-child(2) th.ttl,
	#block-rent .rent-wrap table:nth-child(2) td.ttl{display:none;}
	#block-rent .rent-wrap table:nth-child(2) td{width:auto;}

	#block-rent .box{padding:20px;}
	#block-rent .box .ttl{font-size:1.5rem;margin-top:-45px;}
	#block-rent .box .ttl span{letter-spacing:0.05em;line-height:1.8;padding:0 15px;}
	#block-rent .box .btn{display:block;max-width:300px;margin-top:20px;}
	#block-rent .box .btn a{display:block;}
	#block-rent .box .btn a + a{margin-top:10px;}
}

/* -------------------------------------------------- */
/* .block-accordion */
/* -------------------------------------------------- */
.block-accordion .container{padding-top:0;padding-bottom:0;}
.block-accordion + .block-accordion .accordion{border-top:1px solid #d9d9d9;}
.block-accordion .accordion-ttl a{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.block-accordion .accordion-ttl .common-ttl{margin-bottom:0;}
.block-accordion .accordion-ttl .btn{border:1px solid #6f6f6f;display:inline-block;max-width:145px;width:100%;text-align:center;position:relative;padding:1px 10px 1px 20px;}
.block-accordion .accordion-ttl .btn::before{content:"";display:block;width:12px;height:2px;background:#28282c;position:absolute;top:50%;left:12px;margin-top:-1px;}
.block-accordion .accordion-ttl .btn::after{content:"";display:block;width:12px;height:2px;background:#28282c;position:absolute;top:50%;left:12px;margin-top:-1px;transform:rotate(90deg);transition:.2s ease;}
.block-accordion .accordion.active .accordion-ttl .btn span{font-size:0;}
.block-accordion .accordion.active .accordion-ttl .btn span::before{content:"閉じる";font-size:1.4rem;}
.block-accordion .accordion.active .accordion-ttl .btn::after{transform:none;opacity:0;}
.block-accordion .accordion-contents{padding-bottom:20px;
display:none;
}
.block-accordion .accordion-contents .img{margin-bottom:60px;}
.block-accordion .accordion-contents dl{display:flex;gap:10px;padding:14px 0;}
.block-accordion .accordion-contents dl + dl{border-top:1px solid #d9d9d9;}
.block-accordion .accordion-contents dt{font-weight:bold;font-size:1.5rem;width:14em;}
.block-accordion .accordion-contents dd{flex:1;}
.block-accordion .accordion-contents dd p + p{margin-top:0;}

@media screen and (max-width:768px){
	.block-accordion .accordion-contents .img{margin-bottom:30px;}
	.block-accordion .accordion-ttl a{padding:25px 0;gap:15px;}
	.block-accordion .accordion-ttl .btn{max-width:90px;padding:1px 5px 1px 20px;font-size:1.3rem;}
	.block-accordion .accordion-contents dl{line-height:1.8;padding:10px 0;}
	.block-accordion .accordion-contents dt{width:7em;letter-spacing:0;font-size:1.4rem;}
}

/* -------------------------------------------------- */
/* #block-access */
/* -------------------------------------------------- */
#block-access .map{margin-bottom:30px;}
#block-access .map iframe{width:100%;height:648px;}
#block-access dl{gap:35px;border:0!important;}
#block-access dl dt{text-align:center;font-weight:normal;width:9em;}
#block-access dl dt span{display:block;border-left:1px solid #28282c;border-right:1px solid #28282c;height:1.5em;line-height:1.4;letter-spacing:0.2em;}
#block-access dl dd .address{display:flex;justify-content:space-between;gap:20px;}
#block-access dl dd .address .btn a{padding:8px 50px 8px 40px;display:block;border:1px solid #6f6f6f;font-size:1.3rem;position:relative;line-height:1;white-space:nowrap;}
#block-access dl dd .address .btn a::after{content:"";display:block;width:12px;height:12px;background:url(../img/icon_external.png) no-repeat;background-size:100% auto;position:absolute;top:50%;margin-top:-6px;right:12px;}
#block-access dl dd .address .btn a:hover{opacity:0.7;}
#block-access dl dd .bold{font-weight:bold;}

@media screen and (max-width:999px){
	#block-access .map{width:100%;height:0;padding-bottom:60%;position:relative;}
	#block-access .map iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
}

@media screen and (max-width:768px){
	#block-access .map{padding-bottom:110%;margin-bottom:20px;}
	#block-access dl{gap:20px;}
	#block-access dl dt{width:7em;}
	#block-access dl dd .address{display:block;}
	#block-access dl dd .address .btn{margin-top:10px;}
	#block-access dl dd .address .btn a{max-width:150px;}
}

/* -------------------------------------------------- */
/* #block-contact */
/* -------------------------------------------------- */
#block-contact .container{padding-top:45px;}
#block-contact .box{padding:65px 80px;background:#28282c;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;}
#block-contact .box .common-ttl{margin-bottom:0;}
#block-contact .box .inner{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:30px;}
#block-contact .box .txt{font-size:1.5rem;}
#block-contact .box .btn a{background:#fff;color:#28282c;display:inline-block;max-width:100%;width:300px;text-align:center;font-size:1.5rem;padding:14px;position:relative;border:1px solid #fff;}
#block-contact .box .btn a::after{content:"";display:block;width:14px;height:6px;background:url(../img/arrow02.png) no-repeat;background-size:100% auto;position:absolute;top:50%;right:20px;margin-top:-3px;transition:.2s ease;}
#block-contact .box .btn a:hover{background:transparent;color:#fff;}
#block-contact .box .btn a:hover::after{background-image:url(../img/arrow01.png);}

@media screen and (max-width:1119px){
	#block-contact .box{justify-content:center;gap:60px;}
	#block-contact .box .inner{display:block;flex:none;}
	#block-contact .box .txt{margin-bottom:20px;}
}
@media screen and (max-width:768px){
	#block-contact .box{padding:45px 5% 40px;display:block;text-align:center;}
	#block-contact .box .common-ttl{margin-bottom:20px;}
}

/* -------------------------------------------------- */
@media screen and (min-width:1px) and (max-width:374px){
	html{font-size:52%;}

}