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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

:root {
  --green: #182C20;
  --black: #222222;
  --base: #E5E1DB;
}

/* ======================================================================================

    reset

====================================================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, article, section { margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

img{vertical-align:middle; width:100%; height:auto;}


body{
position: relative;
font-size:14px;
line-height: 200%;
color: var(--black);
font-family: 'Noto Serif JP', "sans-serif";
font-weight: 400;
letter-spacing: 30%;
background: var(--base);
}

@media only screen and (max-width:840px) {
body{
font-size:12px;
line-height: 200%;
letter-spacing: 20%;
}
}

html,body{height: 100%;}

a{color: var(--black);}
a:hover{opacity: .8;}

a,a img,a:hover img,li,li:hover,a::after,a:hover::after,a::before,a:hover::before,input,input:hover,.trigger,.trigger:hover,i{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}

p{margin:0; padding:0;}

h1,h2,h3,h4,h5{font-weight:normal; margin:0; padding:0; position: relative; width: 100%;}

td,li,dt,dd{position: relative;}


.Heading1{font-family: "new-spirit", "sans-serif"; font-weight: 600; font-size: 36px; line-height: 100%; letter-spacing: 10%; margin-bottom: 80px;}
.Heading2{font-weight: 500; font-size: 24px; line-height: 180%; letter-spacing: 30%; margin-bottom: 60px;}

.Heading1 .SubHeading1{font-size: 14px; line-height: 100%; letter-spacing: 20%;}

.Bt1{background: var(--green); border-radius: 500px; color: #fff; font-size: 18px; letter-spacing: 10%; line-height: 52px; text-decoration: none; padding: 5px; min-width: 300px; display: inline-block; text-align: center;}

@media only screen and (max-width:840px) {
.Heading1{font-size: 24px; line-height: 140%; margin-bottom: 60px;}
.Heading2{font-weight: 400; font-size: 18px; line-height: 140%; letter-spacing: 20%; margin-bottom: 40px;}
.Bt1{font-size: 14px; line-height: 32px; padding: 5px; min-width: 250px;}
}

.Overflow{overflow: hidden;}

/* --- フェードイン基本設定 --- */
.fade-el {opacity: 0; transition-property: opacity, transform; transition-timing-function: ease-out; will-change: opacity, transform;}
.fade-el.is-visible {opacity: 1 !important; transform: translate(0, 0) !important;}

/* 背景固定 */
.BgFix {position: relative; width: 100%; height: auto; overflow: hidden; clip-path: inset(0); display: flex; align-items: center; justify-content: center;}
.BgFix::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100svh; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; will-change: transform; transform: translateZ(0);}

/* パララクスセクション */
.parallax-section {position: relative;}
.parallax-item {position: absolute; will-change: transform; transition: transform 0.1s ease-out;}

.Inner{margin:0 auto; position:relative; max-width:1360px; padding-left:40px; padding-right:40px;}

@media only screen and (max-width:840px) {
.Inner{padding-left:20px; padding-right:20px;}
}

div.ReservBt{position: fixed; right: 0; bottom: 40px; z-index: 10; animation: slideInRight 2s ease-out forwards;}
div.ReservBt a{background: var(--base); position: relative; padding: 15px 35px 15px 47px; display: inline-block; text-decoration: none;}
div.ReservBt a::after{content: ""; background: url("../img/icon_reserv.svg") center center no-repeat; width: 12px; height: 14px; background-size: 12px; position: absolute; left: 20px; top: 50%; transform: translate(0,-50%);}

@keyframes slideInRight {
0% {transform: translateX(200px);}
100% {transform: translateX(0);}
}

header.Header{background: var(--base); position: fixed; top: 0; left: 0; width: 100%; z-index: 5;}
header.Header .Inner{display: flex; align-items: center; min-height: 80px;}
header.Header .LogoArea{width: 111px;}
header.Header .Inner nav{flex: 1; display: flex; justify-content: flex-end;}
header.Header ul{display: flex; align-items: center; justify-content: flex-end;}
header.Header ul img.Insta{width: 16px;}

@media only screen and (max-width:840px) {
header.Header .LogoArea{width: 90px;}
header.Header .Inner{min-height: 50px;}
}

section.MainVisual{height: 100%; position: relative;}
section.MainVisual::before {background-image: url("../img/mainvisual.webp");}

section.MainVisual .LogoArea{max-width: 374px; position: relative; z-index: 1;}

section.About .Inner{padding-top: 140px; padding-bottom: 180px; text-align: center; font-size: 20px; line-height: 300%;}
section.About .Heading1{margin-bottom: 60px;}
section.About .Bt1{margin-top: 60px;}

@media only screen and (max-width:840px) {
section.About .Inner{padding-top: 140px; padding-bottom: 140px; font-size: 14px;}
}

.LineBreak{display: block; margin-bottom: 30px;}

section.Visual1{position: relative; z-index: 0; aspect-ratio: 15 / 8; width: 100%;}
section.Visual1::before {background-image: url("../img/visual1.webp");}

section.Room{background: var(--base); border-radius: 80px 80px 0 0; transform: translate(0,-80px); position: relative; z-index: 2;}
section.Room .Inner{padding-top: 140px; padding-bottom: 180px;}
section.Room .RoomPhoto1{position: absolute; width: 34.25%; top: -80px; right: 80px;}
section.Room .TxtArea p{margin-bottom: 30px;}

@media only screen and (max-width:840px) {
section.Visual1{aspect-ratio: 3 / 4;}
section.Room{border-radius: 50px 50px 0 0; transform: translate(0,-50px);}
section.Room .Inner{padding-top: 100px; padding-bottom: 50px;}
}

section.Visual2{position: relative; aspect-ratio: 15 / 8; width: 100%;}

section.Visual2::before {background-image: url("../img/visual2.webp")}

section.Visual2 .LogoArea{max-width: 310px; position: relative; z-index: 1;}
section.Dinning{background: var(--base); border-radius: 80px 80px 0 0; transform: translate(0,-80px); position: relative; z-index: 2; display: flex; justify-content: flex-end;}
section.Dinning .Inner{padding-top: 140px; padding-bottom: 180px; margin: 0; max-width: 670px; padding-right: 7.1%;}
section.Dinning .DinningPhoto1{position: absolute; width: 34.25%; top: -80px; left: 14.7%;}
section.Dinning .TxtArea p{margin-bottom: 30px;}

@media only screen and (max-width:1250px) {
section.Dinning .DinningPhoto1{left: 7%;}
}
@media only screen and (max-width:1100px) {
section.Dinning .DinningPhoto1{left: 5%;}
section.Dinning .Inner{padding-right: 5%; max-width: 570px;}
}
@media only screen and (max-width:880px) {
section.Dinning .Inner{max-width: 500px;}
}

@media only screen and (max-width:840px) {
section.Visual2{aspect-ratio: 3 / 4;}
section.Dinning{border-radius: 50px 50px 0 0; transform: translate(0,-50px);}
section.Dinning .Inner{padding-top: 200px; padding-bottom: 50px;}
}


section.TopNews{background: #fff;}
section.TopNews .Inner{padding-top: 180px; padding-bottom: 180px; display: flex; flex-wrap: wrap; justify-content: space-between;}
section.TopNews .Heading1{width: 200px;}
section.TopNews .Heading1 .SubHeading1{display: block; font-weight: 300; margin-top: 20px;}
section.TopNews .TxtArea{width: 630px;}
section.TopNews ul.NewsList{width: 100%; border-bottom: #ccc solid 1px;}
.NewsList a{display: block; position: relative; padding: 40px 90px 40px 0; text-decoration: none; border-top: #ccc solid 1px;}
.NewsList a::before{content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 1px; border-bottom: var(--green) solid 1px;}
.NewsList a:hover::before{width: 100%;}
section.TopNews ul.NewsList .NewsHeader{display: flex; font-size: 12px; font-weight: 300; margin-bottom: 10px;}
section.TopNews ul.NewsList .NewsHeader .Day{display: inline-block; margin-right: 37px;}
section.TopNews ul.NewsList .NewsHeader .Category{display: inline-block; margin-right: 15px;}
section.TopNews ul.NewsList .more{font-size: 12px; line-height: 100%; letter-spacing: 5%; position: absolute; top: 50%; right: 0; transform: translate(0,-50%);}

section.TopNews .TopNewsBt{text-align: right; margin-top: 40px;}
section.TopNews .TopNewsBt a{text-decoration: none; font-size: 16px; line-height: 52px; letter-spacing: 10%;}

@media only screen and (max-width:840px) {
section.TopNews .Inner{padding-top: 100px; padding-bottom: 100px;}
section.TopNews .TxtArea{width: 100%;}
}

section.Info .Inner{padding-top: 180px; padding-bottom: 180px; max-width: 1160px;}
section.Info .Heading1{}

section.Info dl{margin-bottom: 80px;}
section.Info dt{font-size: 13px; line-height: 140%; letter-spacing: 30%; border: var(--green) solid 1px; display: inline-block; padding: 5px 10px; margin-bottom: 18px;}
section.Info dd{margin-bottom: 40px; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 30%;}
section.Info dt.Big{font-size: 16px !important;}
section.Info dd ul{display: flex; flex-wrap: wrap; grid-gap: 24px;}
section.Info dd ul li{position: relative;}
section.Info dd ul li::after{content: "/"; position: absolute; top: 50%; right: -16px; transform: translate(0,-50%);}
section.Info dd ul li:last-child::after{display: none;}

@media only screen and (max-width:840px) {
section.Info .Inner{padding-top: 100px; padding-bottom: 100px;}
section.Info .TxtArea{width: 100%;}
}

section.SubVisual{position: relative; color: #fff; position: relative; z-index: 0; aspect-ratio: 5 / 2; width: 100%;}
section.SubVisual h1{font-family: "new-spirit", "sans-serif"; font-size: 60px; line-height: 100%; letter-spacing: 50%; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0,-50%);}

@media only screen and (max-width:840px) {
section.SubVisual{aspect-ratio: 4 / 3;}
section.SubVisual h1{font-size: 30px;}
}

section.AboutVisual::before {background-image: url("../img/visual_about1.webp")}


section.AboutCaption{background: #fff;}
section.AboutCaption .Inner{padding-top: 180px; padding-bottom: 180px; max-width: 1160px; display: flex; flex-wrap: wrap; justify-content: space-between;}
section.AboutCaption .Heading1{width: 260px; line-height: 200%;}
section.AboutCaption .TxtArea{width: 630px; line-height: 300%;}
section.AboutCaption .TxtArea p{margin-bottom: 30px;}

@media only screen and (max-width:840px) {
section.AboutCaption .Heading1{width: 100%;}
section.AboutCaption .TxtArea{width: 100%; line-height: 300%;}
section.AboutCaption .Inner{padding-top: 100px; padding-bottom: 100px;}
}

section.Context{background: var(--base); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
section.Context::before{content: ""; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 220px; z-index: 0;}
section.Context .ContextPhoto1{width: 45%;}
section.Context .TxtArea{width: 51%; padding: 90px 7% 0px 9.5%;}
section.Context .TxtArea p{margin-bottom: 30px;}

section.Context .Heading1{font-family: 'Noto Serif JP', "sans-serif"; font-size: 32px; font-weight: 300; letter-spacing: 20%; margin-bottom: 60px;}
section.Context .SubHeading1{font-family: "new-spirit", "sans-serif"; font-size: 14px; display: block; margin-bottom: 30px;}

section.Context2{background: var(--base);}
section.Context2 .Inner{padding-top: 180px; padding-bottom: 180px; display: flex; flex-wrap: wrap; justify-content: space-between;}
section.Context2 .TxtArea{width: 30%;}
section.Context2 .TxtArea p{margin-bottom: 30px;}
section.Context2 .ContextPhoto2{width: 54%;}

section.Context2 .Heading1{font-family: 'Noto Serif JP', "sans-serif"; font-size: 32px; line-height: 180%; letter-spacing: 20%; font-weight: 300;}

section.AreaMap{background: #fff;}
section.AreaMap .Inner{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 140px; padding-bottom: 140px;}
section.AreaMap .Heading1{text-align: center;}
section.AreaMap .SubHeading1{font-size: 14px; letter-spacing: 20%; font-family: 'Noto Serif JP', "sans-serif";}
section.AreaMap .map{width: 49%;}
section.AreaMap .map1{padding-bottom: 80px;}
section.AreaMap .map2{padding-top: 80px;}

@media only screen and (max-width:840px) {
section.Context .ContextPhoto1{width: 100%; margin-bottom: 50px;}
section.Context .TxtArea{width: 100%; padding: 0px 5%;}
section.Context .Heading1{font-size: 28px; margin-bottom: 60px;}
section.Context2 .Inner{padding-top: 100px; padding-bottom: 100px;}
section.Context2 .Heading1{font-size: 18px; line-height: 200%;}
section.Context2 .TxtArea{width: 100%;}
section.Context2 .ContextPhoto2{width: 100%;}
section.AreaMap .map{width: 100%;}
section.AreaMap .map1{padding-bottom: 80px;}
section.AreaMap .map2{padding-top: 0px;}
}


section.Visual_Terrace{position: relative; z-index: 0; aspect-ratio: 15 / 8; width: 100%;}
section.Visual_Terrace::before {background-image: url("../img/terrace1.webp")}


section.Terrace{background: var(--base); border-radius: 0px 0px 0 0; transform: translate(0,-0px); position: relative; z-index: 2; padding-bottom: 200px;}
section.Terrace .TerracePhoto1{position: absolute; width: 34.25%; top: -80px; left: 7.3%; width: 518px;}
section.Terrace .TerracePhoto2{width: 408px; top: 800px; right: 7.3%;}
section.Terrace .TxtArea{width: 520px; padding-top: 400px; margin-left: 22%;}
section.Terrace .TxtArea p{margin-bottom: 30px;}

@media only screen and (max-width:840px) {
section.Visual_Terrace{aspect-ratio: 4 / 3;}
section.Terrace{border-radius: 50px 50px 0 0; transform: translate(0,-50px); padding-bottom: 50px;}
section.Terrace .Inner{padding-top: 100px; padding-bottom: 50px;}
section.Terrace .TxtArea{width: 100%; padding: 100px 25px 0 25px; margin-left: 0%;}
section.Terrace .TerracePhoto1{position: absolute; width: 50%; top: -60px; left: 7.3%;}
section.Terrace .TerracePhoto2{width: 33%; top: 0px; right: 7.3%;}
}

section.Visual_Pool{position: relative; z-index: 0; aspect-ratio: 15 / 8; width: 100%;}
section.Visual_Pool::before {background-image: url("../img/pool.webp")}
section.Pool{background: var(--base); border-radius: 0px 0px 0 0; transform: translate(0,-0px); position: relative; z-index: 2;}
section.Pool .PoolPhoto1{position: absolute; width: 27%; top: -80px; left: 7.2%;}
section.Pool .TxtArea{margin-left: 44%; padding-top: 140px; max-width: 520px;}
section.Pool .TxtArea p{margin-bottom: 30px;}
section.Pool2{min-height: 830px; position: relative;}
section.Pool2 .PoolPhoto2{position: absolute; width: 409px; top: 340px; left: 35%;}
section.Pool2 .PoolPhoto3{position: absolute; width: 300px; top: 240px; left: 65%;}


@media only screen and (max-width:840px) {
section.Visual1,
section.Visual_Pool{aspect-ratio: 4 / 3;}
section.Pool{border-radius: 50px 50px 0 0; transform: translate(0,-50px);}
section.Pool .Inner{padding-top: 100px; padding-bottom: 50px;}
section.Pool .PoolPhoto1{position: absolute; width: 30%; top: -60px; left: 60%;}
section.Pool .TxtArea{width: 100%; padding: 100px 25px 0 25px; margin-left: 0%;}

section.Pool2{min-height: 530px; position: relative;}
section.Pool2 .PoolPhoto2{position: absolute; width: 50%; top: 150px; left: 10%;}
section.Pool2 .PoolPhoto3{position: absolute; width: 40%; top: 100px; left: 65%;}
}


section.Visual_Sauna{position: relative; z-index: 0; aspect-ratio: 15 / 8; width: 100%; display: none;}
section.Visual_Sauna::before {background-image: url("../img/Sauna1.webp")}

section.Sauna{background: var(--base); border-radius: 0px 0px 0 0; transform: translate(0,-80px); position: relative; z-index: 2;}
section.Sauna .SaunaPhoto2{position: absolute; width: 27%; top: -80px; left: 7.2%;}
section.Sauna .TxtArea{margin-left: 21.9%; padding-top: 446px; max-width: 520px;}
section.Sauna .TxtArea p{margin-bottom: 30px;}
section.Sauna .SaunaPhoto3{position: absolute; width: 27%; top: 300px; right: 7.2%;}

section.Visual_Lounge{position: relative; z-index: 0; aspect-ratio: 15 / 8; width: 100%;}
section.Visual_Lounge::before {background-image: url("../img/lounge1.webp")}

@media only screen and (max-width:840px) {
section.Visual_Sauna,
section.Visual_Lounge{aspect-ratio: 4 / 3;}

section.Sauna .SaunaPhoto2{position: absolute; width: 50%; top: 0px; left: 7.2%;}
section.Sauna .TxtArea{margin-left: 0%; padding: 200px 25px 0 25px; width: 100%;}
section.Sauna .TxtArea p{margin-bottom: 30px;}
section.Sauna .SaunaPhoto3{position: absolute; width: 27%; top: 100px; right: 7.2%;}
}

section.Lounge{background: var(--base); border-radius: 0px 0px 0 0; transform: translate(0,-0px); position: relative; z-index: 2;}
section.Lounge .LoungePhoto2{position: absolute; width: 41%; top: -80px; left: 7.2%;}
section.Lounge .TxtArea{margin-left: 58.4%; padding-top: 180px; max-width: 520px; padding-bottom: 180px;}
section.Lounge .TxtArea p{margin-bottom: 30px;}

@media only screen and (max-width:840px) {
section.Lounge .LoungePhoto2{position: absolute; width: 50%; top: -60px; left: 7.2%;}
section.Lounge .TxtArea{margin-left: 0%; padding: 180px 25px 100px 25px; width: 100%;}
section.Lounge .TxtArea p{margin-bottom: 30px;}
}


section.Faq{background: #fff; font-size: 15px; font-weight: 500; display: none;}
section.Faq .Inner{padding-top: 180px; padding-bottom: 180px; display: flex; flex-wrap: wrap; justify-content: space-between;}
section.Faq .Heading1{width: 100px;}
section.Faq .TxtArea{width: 740px;}

.Acordion {border-bottom: 1px solid var(--green);}
.Acordion li {border-top: 1px solid var(--green);}
.Trigger {display: flex; justify-content: space-between; align-items: center; padding: 15px; cursor: pointer; position: relative; transition: 0.3s ease;}
.Trigger:hover {background-color: rgba(0,0,0,.03); transition: 0.3s ease;}
.Trigger::after {content: "＋"; font-size: 10px; margin-left: 10px; transition: transform 0.3s ease;}
.Trigger.is-open::after {content: "－"; transform: rotate(180deg);}
.OpenArea {transition: height 0.4s ease, opacity 0.4s ease; height: 0; overflow: hidden; opacity: 0;}
.OpenArea.is-open {opacity: 1;}

.Acordion .OpenInner{padding: 15px 0;}

section.Faq .FaqFooter{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; align-items: center;}
section.Faq .FaqFooter a.Bt1{font-size: 24px;}

@media only screen and (max-width:840px) {
section.Faq{background: #fff; font-size: 12px; font-weight: 500;}
section.Faq .Inner{padding-top: 100px; padding-bottom: 100px;}
section.Info .Inner{padding-top: 100px; padding-bottom: 100px;}
section.Info .TxtArea{width: 100%;}

section.Faq .FaqFooter{justify-content: center;}
section.Faq .FaqFooter a.Bt1{font-size: 24px; margin-top: 30px;}
}



iframe[src*="google.com/maps"] {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
	width: 630px; height: 300px;
}

@media only screen and (max-width:840px) {
iframe[src*="google.com/maps"] {
	width: 100%; height: 250px;
}
}


section.News{padding-top: 200px; margin-bottom: 400px;}
section.News .heading1,
section.NewsArchive .heading1,
section.NewsSingle .heading1{font-size: 36px; font-weight: 500; line-height: 45.11px; letter-spacing: 0.1em; text-align: center; margin-bottom: 100px;}
section.News .heading1 span.Sub,
section.NewsArchive .heading1 span.Sub,
section.NewsSingle .heading1 span.Sub{font-size: 14px; font-weight: 600; line-height: 20.12px; letter-spacing: 0.2em; margin-left: 20px;}
section.News ul{margin-bottom: 100px;}
section.News ul li{margin-bottom: 50px;}
section.News ul li:last-child{margin-bottom: 0px;}
section.News ul li a{text-decoration: none; display: block; position: relative;}
section.News ul li .Day{font-size: 12px; position: absolute; bottom: 0; left: 0; display: inline-block;}
section.News ul li .ViewMore{font-size: 12px; position: absolute; bottom: 0; right: 0; display: inline-block;}
section.News ul li .NewsTitle{font-size: 16px; font-weight: 600; line-height: 22.99px; letter-spacing: 0.2em; padding: 0 100px 0 120px;}

@media only screen and (max-width:840px) {
section.News{padding-top: 50px; margin-bottom: 200px;}
section.News .heading1,
section.NewsArchive .heading1,
section.NewsSingle .heading1{font-size: 24px; margin-bottom: 50px; text-align: center; padding-left: 20px;}
section.News .heading1 span.Sub,
section.NewsArchive .heading1 span.Sub,
section.NewsSingle .heading1 span.Sub{font-size: 12px; margin-left: 20px;}
section.NewsArchive .heading1 span.Sub,
section.NewsSingle .heading1 span.Sub{display: block;}
section.News ul{margin-bottom: 80px;}
section.News ul li{margin-bottom: 30px;}
section.News ul li .Day{font-size: 12px; position: relative; display: block;}
section.News ul li .ViewMore{display: none;}
section.News ul li .NewsTitle{font-size: 14px; font-weight: 600; line-height: 20.12px; letter-spacing: 0.2em; text-align: left; padding: 0 0px 0 0px;}
}

section.NewsArchive .Inner{padding-top: 200px; padding-bottom: 200px; max-width: 1000px;}
section.NewsArchive ul li{margin-bottom: 50px;}
section.NewsArchive ul li:last-child{margin-bottom: 0px;}
section.NewsArchive ul li a{text-decoration: none; display: block; position: relative;}
section.NewsArchive ul li .Day{font-size: 12px; font-weight: 600; line-height: 17.24px; letter-spacing: 0.2em; position: absolute; bottom: 0; left: 0;}
section.NewsArchive ul li .NewsTitle{font-size: 16px; font-weight: 600; line-height: 22.99px; letter-spacing: 0.2em; padding-left: 200px}

@media only screen and (max-width:840px) {
section.NewsArchive ul li{margin-bottom: 30px;}
section.NewsArchive ul li .Day{font-size: 11px; font-weight: 600; line-height: 15.81px; letter-spacing: 0.05em; position: relative;}
section.NewsArchive ul li .NewsTitle{font-size: 14px; font-weight: 600; line-height: 20.12px; letter-spacing: 0.2em; padding-left: 0px;}
}

.Footer{padding-top: 100px; padding-bottom: 80px; background: var(--green); color: #fff;}
.Footer .LogoArea{width: 213px; margin: 0 auto 60px;}
.Footer ul{display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 25px; display: none;}
.Footer ul a{font-family: "new-spirit", "sans-serif"; font-size: 16px; letter-spacing: 5%; text-decoration: none; color: #fff;}
.Footer .Copy{font-size: 10px; text-align: center; letter-spacing: 10%;}

/* == News 投稿 == */

section.OtherPage .Inner{padding-top: 220px; padding-bottom: 200px; max-width: 850px;}
section.OtherPage .heading1{margin-bottom: 100px;}

section.OtherPage span.Day{font-size: 12px; font-weight: 600; line-height: 17.24px; letter-spacing: 0.2em; display: block; margin-bottom: 50px;}
section.OtherPage .entry-title{font-size: 26px; font-weight: 500; line-height: 150%; letter-spacing: 20%;}

section.OtherPage .page-content{font-size: 14px; font-weight: 400; line-height: 150%; letter-spacing: 20%;}

body.single .page-content h1{font-size: 26px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content h2{font-size: 20px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content h3{font-size: 16px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content h4{font-size: 14px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content h5{font-size: 12px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content h6{font-size: 11px; font-weight: 600; letter-spacing: 0.1em;}
body.single .page-content ul{margin-bottom: 50px;}
body.single .page-content li{padding: 2px 5px 2px 10px; position: relative; border-left: var(--green) solid 2px; border-radius: 5px; margin-bottom: 15px;}
body.single .page-content li:last-child{margin-bottom: 0px;}
body.single .page-content blockquote.wp-block-quote{padding: 30px; margin-bottom: 50px;}
body.single .page-content blockquote.wp-block-quote cite{font-size: 80%;}
body.single .page-content figure.wp-block-image{margin-bottom: 50px;}
body.single .page-content figcaption{text-align: center; font-size: 80%; color: #666;}
body.single .page-content table{width: 100%; border-collapse:collapse; line-height: 1.5;}
body.single .page-content th{border: #00281A solid 1px; padding: 10px; font-weight: normal;}
body.single .page-content td{border: #00281A solid 1px; padding: 10px;}
body.single .page-content .has-text-align-center{text-align: center;}
body.single .page-content .has-text-align-right{text-align: right;}
body.single .page-content a{text-decoration: underline;}
body.single .page-content a:link,
body.single .page-content a:visited{color: #00281A}
body.single .page-content a:hover{opacity: .8}
body.single .page-content a.bt01{text-decoration: none;}


.entry-meta .screen-reader-text,
.entry-meta time.entry-date,
.entry-meta time.updated,
.entry-meta .byline{display: none;}

.post-thumbnail{max-width: 300px;}
.entry-header span.day{font-size: .8rem; color: #666; padding-left: 10px; margin-bottom: 10px;}

nav.navigation h2.screen-reader-text,
nav.navigation .nav-subtitle{display: none;}
nav.post-navigation .nav-links{display: flex; flex-wrap: wrap; justify-content: space-between; font-size: .8rem;}
.nav-previous a,
.nav-next a{padding: 5px 30px; position: relative; color: #00281A; text-decoration: none; border-top: #00281A solid 1px;}

.nav-previous a::after{content:'';
    height: 0;
    position: absolute;
    width: 0;
    border:3px solid transparent;
    border-right-color: #00281A;
	bottom: 0;
	top: 50%;
	left: 5px;
	transform: translate(0,-50%);
	z-index:1;}
.nav-previous a:hover::after{left: 3px;}

.nav-next a::after{content:'';
    height: 0;
    position: absolute;
    width: 0;
    border:3px solid transparent;
    border-left-color: #00281A;
	bottom: 0;
	top: 50%;
	right: 5px;
	transform: translate(0,-50%);
	z-index:1;}
.nav-next a:hover::after{right: 3px;}

.nav-links svg{display: none;}
.nav-links{width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: center; font-size: .8rem;}
.nav-links span.page-numbers{color: #666;}
.nav-links a.prev,
.nav-links a.next{position: absolute; top:0; margin: 0; padding: 5px 30px; border-top: #00281A dotted 1px; color: #00281A; text-decoration: none;}
.nav-links a.prev{left: 0;}
.nav-links a.prev::after{content:'';
    height: 0;
    position: absolute;
    width: 0;
    border:3px solid transparent;
    border-right-color: #00281A;
	bottom: 0;
	top: 50%;
	left: 5px;
	transform: translate(0,-50%);
	z-index:1;}
.nav-links a.prev:hover::after{left: 3px;}
.nav-links a.next{right: 0;}
.nav-links a.next::after{content:'';
    height: 0;
    position: absolute;
    width: 0;
    border:3px solid transparent;
    border-left-color: #00281A;
	bottom: 0;
	top: 50%;
	right: 5px;
	transform: translate(0,-50%);
	z-index:1;}
.nav-links a.next:hover::after{right: 3px;}

.nav-links .meta-nav{display: none;}
.nav-links .page-numbers{padding: 0 10px;}

.page-content{padding: 100px 0;}

.page-content .wp-block-heading{margin-bottom: 50px;}

.back-to-top{text-align: center; margin-top: 40px;}
.back-to-top .Bt1{padding: 0px 20px; font-size: 12px; line-height: 3; min-width: 200px;}

@media only screen and (max-width:840px) {
section.OtherPage .entry-title{font-size: 18px;}
.page-content{padding: 50px 0;}
.page-content h1{font-size: 18px; font-weight: 600; letter-spacing: 0.1em;}
.page-content h2{font-size: 16px; font-weight: 600; letter-spacing: 0.1em;}
.page-content h3{font-size: 14px; font-weight: 600; letter-spacing: 0.1em;}
.page-content h4{font-size: 12px; font-weight: 600; letter-spacing: 0.1em;}
.page-content h5{font-size: 11px; font-weight: 600; letter-spacing: 0.1em;}
}




/* == form == */

input[type="text"],
input[type="tel"],
input[type="email"],
select,
textarea{margin:0; padding:20px; width:100%; background:#fff; box-sizing: border-box; border: 0;}

.textarea_h{min-height:200px; margin-bottom: 20px;}

.bt_submit{background:#000; color:#FFF; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.011em; text-align: center; border: 0; padding: 15px 100px; border-radius: 10px;}
.bt_submit:hover{opacity: .8}

.formtitle{position:relative; padding:0 0 0 10px; font-size: 1.2rem; margin-bottom: 5px;}
.formtitle::after{position: absolute; z-index: 2; content: ''; border: 1px solid #d20000; border-radius: 100%; top:.7em; left:0em; width:5px; height:5px;}
.formtitle span{background:rgba(200, 80, 0, 1); color:#fff; padding:2px 4px; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; font-size:50%; margin-left:10px;}



/* ======================================================================================

    other

====================================================================================== */


@media only screen and (min-width:841px) {
	
.pc{display:block;}
.sp{display:none;}

.PcBlock{display:block;}


.res10{width:10%;}
.res11{width:11%;}
.res12{width:12%;}
.res13{width:13%;}
.res14{width:14%;}
.res15{width:15%;}
.res16{width:16%;}
.res17{width:17%;}
.res18{width:18%;}
.res19{width:19%;}
.res20{width:20%;}
.res21{width:21%;}
.res22{width:22%;}
.res23{width:23%;}
.res24{width:24%;}
.res25{width:25%;}
.res26{width:26%;}
.res27{width:27%;}
.res28{width:28%;}
.res29{width:29%;}
.res30{width:30%;}
.res31{width:31%;}
.res32{width:32%;}
.res33{width:33%;}
.res34{width:34%;}
.res35{width:35%;}
.res36{width:36%;}
.res37{width:37%;}
.res38{width:38%;}
.res39{width:39%;}
.res40{width:40%;}
.res41{width:41%;}
.res42{width:42%;}
.res43{width:43%;}
.res44{width:44%;}
.res45{width:45%;}
.res46{width:46%;}
.res47{width:47%;}
.res48{width:48%;}
.res49{width:49%;}
.res50{width:50%;}
.res51{width:51%;}
.res52{width:52%;}
.res53{width:53%;}
.res54{width:54%;}
.res55{width:55%;}
.res56{width:56%;}
.res57{width:57%;}
.res58{width:58%;}
.res59{width:59%;}
.res60{width:60%;}
.res61{width:61%;}
.res62{width:62%;}
.res63{width:63%;}
.res65{width:65%;}
.res66{width:66%;}
.res67{width:67%;}
.res68{width:68%;}
.res69{width:69%;}
.res70{width:70%;}
.res71{width:71%;}
.res72{width:72%;}
.res73{width:73%;}
.res74{width:74%;}
.res75{width:75%;}
.res76{width:76%;}
.res77{width:77%;}
.res78{width:78%;}
.res79{width:79%;}
.res80{width:80%;}
.res81{width:81%;}
.res82{width:82%;}
.res83{width:83%;}
.res84{width:84%;}
.res85{width:85%;}
.res86{width:86%;}
.res87{width:87%;}
.res88{width:88%;}
.res89{width:89%;}
.res90{width:90%;}
}



@media only screen and (max-width:840px) {
	
.pc{display:none;}
.sp{display:block;}

.SpBlock{display:block;}
.PcBlock{display:inline-block;}

.SpNone{display:none;}

.res10,.res11,.res12,.res13,.res14,.res15,.res16,.res17,.res18,.res19,.res20,.res21,.res22,.res23,.res24,.res25,.res26,.res27,.res28,.res29,.res30,.res31,.res32,.res33,.res34,.res35,.res36,.res37,.res38,.res39,.res40,.res41,.res42,.res43,.res44,.res45,.res46,.res47,.res48,.res49,.res50,.res51,.res52,.res53,.res54,.res55,.res56,.res57,.res58,.res59,.res60,.res61,.res62,.res63,.res64,.res65,.res66,.res67,.res68,.res69,.res70,.res71,.res72,.res73,.res74,.res75,.res76,.res77,.res78,.res79,.res80,.res81,.res82,.res83,.res84,.res85,.res86,.res87,.res88,.res89,.res90{width:100%; margin-bottom:10px;}

}



/*--------共通--------*/


.photo_l{float:left; margin:0 10px 10px 0;}
.photo_r{float:right; margin:0 0px 10px 10px;}

.box_l{float:left;}
.box_r{float:right;}
.box_c{margin:0 auto;}

.txt_r{text-align:right;}
.txt_l{text-align:left;}
.txt_c{text-align:center;}

.block{display:block;}
.overflow{overflow:hidden;}
.cl{clear:both;}

.img_b5 img{margin-bottom:5px;}
.img_b10 img{margin-bottom:10px;}

.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.mtb5{margin:5px 0 !important;}
.mtb10{margin:10px 0 !important;}
.mtb15{margin:15px 0 !important;}
.mtb20{margin:20px 0 !important;}

.ptb5{padding:5px 0 !important;}
.ptb10{padding:10px 0 !important;}
.ptb15{padding:15px 0 !important;}
.ptb20{padding:20px 0 !important;}

.mr3{margin-right:3px !important;}
.mr4{margin-right:4px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr7{margin-right:7px !important;}
.mr8{margin-right:8px !important;}
.mr9{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.f70per{font-size:70%}
.f80per{font-size:80%}
.f90per{font-size:90%}
.f110per{font-size:110%}
.f120per{font-size:120%}
.f130per{font-size:130%}
.f140per{font-size:140%}
.f150per{font-size:150%}
.f160per{font-size:160%}
.f170per{font-size:170%}
.f180per{font-size:180%}


.movie-wrap {position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden;}
.movie-wrap iframe {position: absolute; top: 0; left: 0; width:100%; height:100%;}

#page-top{position: fixed; bottom: 30px; right: 30px; z-index:20;}
#page-top{width: 50px; height: 50px; border: #fff solid 0px; border-radius: 500rem; opacity: .5; background: rgba(160,0,0,1)}
#page-top:hover{opacity: 1;}
#page-top::before{content: 'Back'; width: 100%; text-align: center; font-size: .7rem; color: #fff; position: absolute; left: 0; bottom: 5px; margin: auto;}
#page-top::after{
content: "";
position: absolute;
right: 0px;
left: 0px;
width: 0px;
height: 0px;
top: 7px;
margin: auto;
border-style: solid;
border-color: transparent transparent #fff transparent ;
border-width: 0px 6px 10px 6px;}