@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
/*reset*/
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{display: block;}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert}
/*reset end*/
:root {--color-01: #12212e;--color-02: #eff3f5;--color-03: #093f7d;--color-04: rgba(209,229,244,0.19);--color-05: #162d3f;--color-06: #2c72b8;--color-07: #ddd;}
body,html {font-size: 100%;font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;line-height: 1.625;overflow-x: hidden;position: relative;font-feature-settings: "palt";}
img {width: 100%;height: auto;display: block;}
body,a {color: var(--color-01);}
body {opacity: 0;}
body.loaded {opacity: 1;transition: opacity 0.4s;}
a {display: block; text-decoration: none; }
ul {list-style: none; }
h1,h2,h3,h4,div,p,ul,li,a,span,p,th,td {font-weight: normal;box-sizing: border-box;}
input:focus {outline: none;}
iframe {border: none;}
select {outline: none;}
.btn {transition: 0.4s; }
.pc {display: block !important;}
.sp {display: none !important;}
.gothic {font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho {font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.noto {font-family: "Noto Sans JP", serif;}
.oswald {font-family: 'Oswald', sans-serif;line-height: 1;}
.object-fit {object-fit: cover;font-family: 'object-fit: cover;'}
.observe {opacity: 0;}
.observe.on {opacity: 1;transition-delay: 0.2s;transition-duration: 0.7s;}
.cap01 {position: relative;}
.cap01::after {content: attr(data-cap);color: #fff;font-size: 62.5%;line-height: 1.15;text-align: right;position: absolute;right: 1em;bottom: 1.25em;z-index: 100;}
.cap01.fix01::after {color: #000;}
.mw2000 {width: 90%; max-width: 2000px; margin: auto;}
.mw1900 {width: 90%; max-width: 1900px; margin: auto;}
.mw1800 {width: 90%; max-width: 1800px; margin: auto;}
.mw1700 {width: 90%; max-width: 1700px; margin: auto;}
.mw1600 {width: 90%; max-width: 1600px; margin: auto;}
.mw1500 {width: 90%; max-width: 1500px; margin: auto;}
.mw1440 {width: 90%; max-width: 1440px; margin: auto;}
.mw1400 {width: 90%; max-width: 1400px; margin: auto;}
.mw1300 {width: 90%; max-width: 1300px; margin: auto;}
.mw1200 {width: 90%; max-width: 1200px; margin: auto;}
.mw1100 {width: 90%; max-width: 1100px; margin: auto;}
.mw1000 {width: 90%; max-width: 1000px; margin: auto;}
.mw900 {width: 90%; max-width:  900px; margin: auto;}
.mw800 {width: 90%; max-width:  800px; margin: auto;}
.mw700 {width: 90%; max-width:  700px; margin: auto;}
.mw600 {width: 90%; max-width:  600px; margin: auto;}
.mw500 {width: 90%; max-width:  500px; margin: auto;}
.loader-wrap {position: fixed;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;background: #fff;z-index: 10000;}
.loader,.loader:after {border-radius: 50%;width: 10em;height: 10em;}
.loader {margin: 60px auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 1.1em solid rgba(224,224,224, 0.2);border-right: 1.1em solid rgba(224,224,224, 0.2);border-bottom: 1.1em solid rgba(224,224,224, 0.2);border-left: 1.1em solid #e0e0e0;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: load8 1.1s infinite linear;animation: load8 1.1s infinite linear;}
@-webkit-keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load8 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.invert {filter: brightness(0) invert(1);}
/* ------------------------------------------------------------------- */
.btn-style-01 {display: block;color: #fff;font-size: 112.5%;text-align: center;line-height: 2.75;width: 8.5em;border-radius: 2em;border: 1px solid var(--color-01);background: var(--color-01);box-sizing: border-box;transition: 0.4s;}
.btn-style-01 span {display: block;font-weight: 600;letter-spacing: 0.02em;white-space: nowrap;width: 100%;}
.btn-style-01 span::before {display: inline-block;content: '';width: 1em;height: 1.4em;margin-right: 0.5em;background: url("../img/common/common_request.svg") no-repeat center/contain;vertical-align: sub;opacity: 0.7; transition: 0.4s;}
.btn-style-01.fix01 {color: var(--color-01);border-color: #fff;background: #fff;}
.btn-style-01.fix01 span::before {filter: brightness(1) invert(1);opacity: 0.5;}
.btn-style-01.fix02 {line-height: 3.5;border-color: #2767ab;background: #2767ab;}
.btn-style-01.fix03 {line-height: 3.5;border-color: #7b8c9c;background: #7b8c9c;}
.btn-style-01.fix03 span::before {width: 1.4em;height: 1.6em;background: url("../img/common/common_print.svg") no-repeat center/contain;}
.btn-style-02 {display: block;font-size: 125%;text-align: center;line-height: 3;width: 10em;margin: 3em auto 0;border-radius: 2em;border: 1px solid #c1c1c1;background: #fff;box-sizing: border-box;transition: 0.4s;position: relative;}
.btn-style-02 span {font-weight: 600;letter-spacing: 0.02em;}
.btn-style-02 span::before {display: inline-block;content: '';width: 0.5em;height: 0.5em;border-right: 2px solid #555;border-bottom: 2px solid #555;position: absolute;top: 50%;right: 1em;transform: translateY(-50%) rotate(-45deg);}
.btn-style-03 {display: block;font-size: 125%;text-align: center;line-height: 3;width: 15.5em;margin: 3em auto 0;padding-right: 1em;border-radius: 2em;border: 1px solid #c1c1c1;background: #fff;box-sizing: border-box;transition: 0.4s;position: relative;}
.btn-style-03::after {display: inline-block;content: '';width: 0.7em;height: 0.7em;margin-left: 0.5em;background: url(../img/common/common_link.svg) no-repeat center / contain;position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);opacity: 0.7;pointer-events: none;}
.btn-style-03 span {letter-spacing: 0.02em;}
.ttl-style-01 {text-align: center;}
.ttl-style-01 h2 {font-size: 437.5%;font-weight: 400;}
.ttl-style-01 h2 + p {font-size: 187.5%;text-align: center;margin-top: 1em;}
.ttl-style-02 {text-align: center;margin-bottom: 2.5em;}
.ttl-style-02 h3 {font-size: 200%;font-weight: 600;}
.ttl-style-02 h3 + p {font-size: 112.5%;margin-top: 1em;}
.new-style-01 {color: #fff;width: 4.5em;height: 4.5em;background: #db8700;clip-path: polygon(0 0, 100% 0, 0 100%);position: absolute;top: -1px;left: -1px;z-index: 101;}
.new-style-01 span {display: inline-block;font-size: 112.5%;font-weight: 400;font-family: 'Oswald', sans-serif;line-height: 1;text-align: center;width: 2.5em;position: absolute;top: 0.8em;left: 0.6em;z-index: 99;transform: rotate(-45deg);transform-origin: bottom;}
.swiper-navigation-style-01 {pointer-events: none;}
.swiper-navigation-style-01 button {width: 3.5em;height: 3.5em;margin: 0.5em;background: #f2f2f2;box-shadow: 0 0 20px rgba(0,0,0,0.16);border-radius: 50%;position: relative;cursor: pointer;pointer-events: auto;}
.swiper-navigation-style-01.fix01 button {box-shadow: 0 0 5px #888;}
.swiper-navigation-style-01 button::after {display: block;content: '';width: 0.7em;height: 0.7em;border-right: 1px solid #555;border-bottom: 1px solid #555;position: absolute;top: 50%;left: 50%;pointer-events: none;}
.swiper-navigation-style-01 button:nth-child(2)::after {transform: translate(-65%,-50%) rotate(-45deg);}
.swiper-navigation-style-01 button:nth-child(1)::after {transform: translate(-35%,-50%) rotate(135deg);}
.billboard-style-01 {height: 17em;background: #000;position: relative;overflow: hidden;}
.billboard-style-01::after {display: block;content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;z-index: 1;}
.billboard-style-01::before {display: block;content: '';width: 100%;height: 100%;background: #558ABF;position: absolute;top: 0;left: 0;z-index: 2;mix-blend-mode: multiply;pointer-events: none;opacity: 0.67;}
.billboard-style-01 h2 {color: #fff;font-size: 200%;font-weight: 600;text-align: center;width: 100%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);}
.billboard-style-01 h2 span {display: block;font-size: 60%;font-weight: 600;margin-top: 1em;}
.billboard-style-01 h2 small {display: block;font-size: 60%;font-weight: normal;margin-top: 0.5em;}
.billboard-style-01 h2 small::before,
.billboard-style-01 h2 small::after {display: inline-block;content: '';width: 2em;height: 1px;background: #fff;margin: 0 0.5em;vertical-align: middle;}
.billboard-style-01 + #contentsWrap {background: #fff;position: relative;z-index: 100;}
.billboard-style-02 {padding: 6em 0;background: #fff;position: relative;overflow: hidden;}
.billboard-style-02::before {display: block;content: '';width: 100%;height: 100%;background: #282f48;position: absolute;top: 0;left: 0;z-index: 2;mix-blend-mode: multiply;pointer-events: none;opacity: 0.8;}
.billboard-style-02 > figure {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-02 > figure img {width: 110%;height: 110%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);object-fit: cover;filter: blur(5px) brightness(1);}
.billboard-style-02 > div {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;position: relative;z-index: 100;}
.billboard-style-02 > div > div:nth-child(1) {width: 55%;max-height: 30em;padding-top: 45%;position: relative;overflow: hidden;background: #f8f8f8;}
.billboard-style-02 > div > div:nth-child(1) .badge {width: 9em;height: auto;position: absolute;top: 1em;right: 1.5em;}
.billboard-style-02 > div > div:nth-child(1) .status {font-size: 300%;}
.billboard-style-02 > div > div:nth-child(1)::after {content: '';width: 60%;height: 3em;background: url(../img/common/logo03_pc.webp) no-repeat center / contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.billboard-style-02 > div > div:nth-child(1) figure {}
.billboard-style-02 > div > div:nth-child(1) figure img {width: 102%;height: 102%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);object-fit: cover;}
.billboard-style-02 > div > div:nth-child(2) {color: #fff;width: 40%;}
.billboard-style-02 > div > div:nth-child(2) .status2 {font-size: 240%;line-height: 1;}
.billboard-style-02 > div > div:nth-child(2) .name {font-size: 275%;font-weight: 600;}
.billboard-style-02 > div > div:nth-child(2) .access {font-size: 125%;font-weight: 600;margin-top: 0.5em;}
.billboard-style-02 > div > div:nth-child(2) .price {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: center;color: #69acef;margin-top: 1em;}
.billboard-style-02 > div > div:nth-child(2) .price > span:nth-child(1) {display: block;color: #fff;text-align: center;line-height: 1.75;margin-right: 0.75em;width: 6em;height: 2.25em;border: 1px solid #fff;position: relative;}
.billboard-style-02 > div > div:nth-child(2) .price > span:nth-child(1) span {display: block;width: 100%;position: absolute;top: 50%;left: 50%;z-index: 101;transform: translate(-50%,-50%);}
.billboard-style-02 > div > div:nth-child(2) .price > span:nth-child(2) {line-height: 1.5;width: calc(100% - 7em);}
.billboard-style-02 > div > div:nth-child(2) .txt01 {line-height: 2;margin-top: 1em;}
.billboard-style-02 > div > div:nth-child(2) .btnWrap {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3em 0 0;}
.billboard-style-02 > div > div:nth-child(2) .btnWrap a {width: 49%;}
.billboard-style-02 > div > div:nth-child(2) .btnWrap a span {}
body.property_status_negotiation .billboard-style-02 > div > div:nth-child(2) .status {background: #2767ab;}
body.property_status_sold .billboard-style-02 > div > div:nth-child(2) .status {background: #da6c67;}
body.property_status_sale .billboard-style-02 > div > div:nth-child(2) .status {background: #53943c;}
body.property_status_works .billboard-style-02 > div > div:nth-child(2) .status {background: #d5cb23;}
.billboard-style-03 {padding: 27% 0 3em;background: #f8f8f8;position: relative;overflow: hidden;}
.billboard-style-03::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-03::before {display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to top,rgba(0,0,0,0.4),transparent);position: absolute;top: 0;left: 0;z-index: 2;pointer-events: none;}
.billboard-style-03 > div:nth-child(1) {color: #fff;text-align: left;position: relative;z-index: 100;}
.billboard-style-03 > div:nth-child(1) h2 {font-size: 200%;font-weight: 600;position: relative;z-index: 100;}
.billboard-style-03 > div:nth-child(1) p {font-size: 125%;margin-top: 0.5em;}
.billboard-style-03 > figure {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);}
.billboard-style-03 > figure img {width: 110%;height: 110%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);object-fit: cover;}
.billboard-style-04 {height: 35em;background: #fff;position: relative;overflow: hidden;}
.billboard-style-04::before {display: block;content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;z-index: 2;mix-blend-mode: multiply;pointer-events: none;opacity: 0.39;}
.billboard-style-04 > figure {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-04 > figure img {width: 110%;height: 110%;position: absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%, -50%);object-fit: cover;}
.billboard-style-04 > div:nth-child(1) {margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 5em;z-index: 100;}
.billboard-style-04 > div:nth-child(1) p,
.billboard-style-04 > div:nth-child(1) h2 {color: #fff;position: relative;z-index: 100;}
.billboard-style-04 > div:nth-child(1) h2 {font-size: 275%;font-weight: 600;}
.billboard-style-04 > div:nth-child(1) p {margin-top: 1em;}
.billboard-style-04 > div:nth-child(1) p span {display: inline-block;padding-left: 1.25em;position: relative;}
.billboard-style-04 > div:nth-child(1) p span::before {display: block;content: '';width: 1em;height: 1em;position: absolute;top: calc(50% + 1px);left: 0;z-index: 100;transform: translateY(-50%);opacity: 0.5;}
.billboard-style-04 > div:nth-child(1) p span:nth-child(1) {}
.billboard-style-04 > div:nth-child(1) p span:nth-child(1)::before {background: url("../img/common/common_column1.svg") no-repeat center/contain;}
.billboard-style-04 > div:nth-child(1) p span:nth-child(2) {margin-left: 1em;}
.billboard-style-04 > div:nth-child(1) p span:nth-child(2)::before {background: url("../img/common/common_column2.svg") no-repeat center/contain;}
.billboard-style-04.noImage {background: #f8f8f8;}
.billboard-style-04.noImage::before {display: none;}
.billboard-style-04.noImage::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-04.noImage > div:nth-child(1) > p,
.billboard-style-04.noImage > div:nth-child(1) > h2 {color: var(--color-01);}
.billboard-style-04.noImage > div:nth-child(1) p span::before {filter: brightness(0) invert(0);}
.billboard-style-05 {background: #aaa;overflow: hidden;}
.billboard-style-05 > div:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 6em 0;position: relative;}
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) {width: 57%;padding-left: 10em;box-sizing: border-box;position: relative;z-index: 101;}
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) figure {width: 8em;position: absolute;top: 50%;left: 0;z-index: 100;transform: translateY(-50%);}
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) h2,
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) p {color: #fff;}
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) .title {font-size: 250%;font-weight: 600;line-height: 1.35;}
.billboard-style-05 > div:nth-child(1) > div:nth-child(1) .name {margin-top: 1em;}
.billboard-style-05 > div:nth-child(1) > div:nth-child(2) {width: 40%;box-shadow: 0 0 14px #888,0 0 14px #888;background: #fff;position: relative;z-index: 101;}
.billboard-style-05 > div:nth-child(1) > figure {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-05 > div:nth-child(1) > figure img {width: 110%;height: 110%;position: absolute;top: 50%;left: 50%;z-index: 99;transform: translate(-50%, -50%);object-fit: cover;filter: blur(10px) brightness(0.8);}
.billboard-style-05.noImage {background: #f0f0f0;}
.billboard-style-05.noImage > div:nth-child(1) > div:nth-child(1) h2,
.billboard-style-05.noImage > div:nth-child(1) > div:nth-child(1) p {color: #000;}
.billboard-style-05.noImage > div:nth-child(1) > div:nth-child(2) {padding-top: 30%;}
.billboard-style-05.noImage > div:nth-child(1) > div:nth-child(2)::after {content: '';width: 60%;height: 3em;background: url("../img/common/logo03_pc.webp") no-repeat center/contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-05.noImage #breadcrumb {filter: brightness(0) invert(0);}
.nav-style-01 ul {display: flex;flex-wrap: wrap;justify-content: center;}
.nav-style-01 ul li {}
.nav-style-01 ul li a {font-weight: 600;padding: 1em 1.5em 1em 2em;position: relative;transition: 0.4s;}
.nav-style-01 ul li a::before,
.nav-style-01 ul li a::after {display: block;content: '';position: absolute;top: 50%;left: 0;z-index: 100;transform: translateY(-50%);border-radius: 50%;}
.nav-style-01 ul li a::before {width: 1.4em;height: 1.4em;border: 1px solid #aaa;background: #f0f0f0;}
.nav-style-01 ul li a::after {width: 0.7em;height: 0.7em;background: #2c72b8;left: 0.35em;opacity: 0;}
.nav-style-01 ul li.active a::after {opacity: 1;}
.hover-style-01 {position: relative;overflow: hidden;}
.hover-style-01::after {position: absolute;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);top: 0;left: -75%;z-index: 2;-webkit-transform: skewX(-25deg);transform: skewX(-25deg);pointer-events: none;}
.hover-style-01.hover::after {-webkit-animation: shine 1.0s;animation: shine 1.0s;}
.hover-style-01 img {transition: 0.4s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
.status-style-01 {color: #fff;font-size: 150%;white-space: nowrap;padding: 0.4em 0.6em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 101;}
.status-style-01::after {display: block;content: '';width: calc(100% - 4px);height: calc(100% - 4px);border: 1px solid #fff;position: absolute;top: 50%;left: 50%;z-index: 101;transform: translate(-50%,-50%);}
.property_status_sale .status-style-01 {display: none;background: linear-gradient(160deg,#cb8a0d,#956304);}
.property_status_negotiation .status-style-01 {background: linear-gradient(160deg,#00538E,#002A47);}
.property_status_sold .status-style-01 {background: linear-gradient(160deg,#8E0000,#070201);}
.property_status_works .status-style-01 {background: linear-gradient(160deg,#319553,#1b783b);}
.status-style-02 {display: inline-block;color: #fff;font-size: 61.53%;font-weight: 600;line-height: 1.5;padding: 0.2em 0.8em 0.18em;margin-right: 0.2em;border-radius: 2em;background: #212F39;vertical-align: middle;}
.status-style-02.status00 {}
.status-style-02.status01 {background: #db8700 !important;}/*販売中*/
.status-style-02.status02 {background: #0066af !important;}/*商談中*/
.status-style-02.status03 {background: #8e0000 !important;}/*ご成約済み*/
.status-style-02.status04 {background: #5830c4 !important;}/*オススメ*/
.status-style-02.status05 {background: #319553 !important;}/*注目！*/
.status-style-02.status06 {background: #c63460 !important;}/*人気急上昇*/
.status-style-02.status07 {background: #53391c !important;}/*建築中*/
.pagination-style-01 ul {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 5em;}
.pagination-style-01 ul li {margin: 0.35em;position: relative;}
.pagination-style-01 ul li a {display: block;font-size: 87.5%;font-weight: 600;text-align: center;line-height: 3;width: 3em;border-radius: 0.2em;border: 1px solid #024293;background: #fff;transition: 0.4s;}
.pagination-style-01 ul li.active a {color: #fff;background: #024293;}
.pagination-style-01 ul li.next a,
.pagination-style-01 ul li.prev a {height: 100%;}
.pagination-style-01 ul li.next span,
.pagination-style-01 ul li.prev span {display: block;width: 0.6em;height: 0.6em;border-right: 2px solid #9d9d9d;border-bottom: 2px solid #9d9d9d;position: absolute;top: 50%;}
.pagination-style-01 ul li.next span {right: 1.3em;transform: translateY(-50%) rotate(-45deg);}
.pagination-style-01 ul li.prev span {right: 1.2em;transform: translateY(-50%) rotate(135deg);}
.satisfaction-style-01 {margin-top: 1em;}
.satisfaction-style-01 p:nth-child(1) {font-size: 75%;font-weight: 600;}
.satisfaction-style-01 p:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-top: 0.25em;}
.satisfaction-style-01 p:nth-child(2) span {display: inline-block;width: 1.5em;}
.satisfaction-style-01 p:nth-child(2) span + span {margin-left: 0.1em;}
.satisfaction-style-01 p:nth-child(2).star4 span:nth-child(n + 5),
.satisfaction-style-01 p:nth-child(2).star3 span:nth-child(n + 4),
.satisfaction-style-01 p:nth-child(2).star2 span:nth-child(n + 3),
.satisfaction-style-01 p:nth-child(2).star1 span:nth-child(n + 2) {filter: brightness(0) invert(0);opacity: 0.2;}
.block-note-01 {padding: 3em 0 2em;}
.block-note-01 ul {}
.block-note-01 ul li {color: #777;font-size: 62.5%;line-height: 1.5;}
body {overflow-x: hidden;}
#toTop {display: block;width: 3.5em;height: 3.5em;border-radius: 50%;background: var(--color-03);position: fixed;right: 1.25em;bottom: 2em;z-index: 1000;opacity: 0;transition: 0.4s;}
#toTop::after {display: block;content: '';width: 1em;height: 1em;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;left: 50%;pointer-events: none;transform:translate(-50%, -25%) rotate(-135deg);}
body.scrolled #toTop {opacity: 1;}
#floatingBnr {width: 30%;max-width: 340px;background: #fff;position: fixed;right: 6em;bottom: 1em;z-index: 1000;opacity: 0;transition: 0.4s;}
#floatingBnr span {color: #fff;line-height: 1.5;text-align: center;width: 1.5em;background: rgba(0,0,0,1);position: absolute;top: 0;right: 0;z-index: 1;cursor: pointer;}
body.scrolled #floatingBnr {opacity: 1;}
header {position: fixed;top: 0;left: 0;right: 0;z-index: 9999;}
header > .container {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 2.5em 3em;transition: 0.4s;}
header > .container::after {display: block;content: '';width: 100%;height: 101%;background: #000;position: absolute;top: 0;left: 0;right: 0;z-index: 1001;transition: 0.4s;opacity: 0;pointer-events: none;}
body:not(#index) header > .container,
body.scrolled header > .container {padding: 0.5em 3em;}
body:not(#index) header > .container::after,
body.scrolled header > .container::after {opacity: 1;transition-delay: 0.4s;}
body::after {display: block;content: '';width: 100%;height: 100%;background: #000;position: absolute;top: 0;left: 0;z-index: 1001;opacity: 0;pointer-events: none;transition: 0.4s;}
header > .container > div,
header > .container h1 {display: flex;align-items: center;width: 70%;max-width: 350px;position: relative;z-index: 1002;}
header > .container nav {letter-spacing: -0.4em;position: relative;z-index: 1002;}
header > .container nav > a {display: inline-block;letter-spacing: 0;transition: 0.4s;}
header > .container nav > a:nth-child(1) {background: #212F39;border-color: #212F39;}
header > .container nav > #panelBtn {width: 2.25em;height: 2.5em;margin-left: 1.5em;vertical-align: middle;position: relative;z-index: 1001;}
header > .container nav > #panelBtn span::before,
header > .container nav > #panelBtn span::after,
header > .container nav > #panelBtn span {display: block;width: 100%;height: 2px;border-radius: 2px;background: #fff;position: absolute;}
header > .container nav > #panelBtn span {top: 50%;}
header > .container nav > #panelBtn span::before,
header > .container nav > #panelBtn span::after {content: '';}
header > .container nav > #panelBtn span::before {transform: translateY(-10px);}
header > .container nav > #panelBtn span::after {width: 60%;transform: translateY(10px);}
header > .container nav > div {width: 100%;position: fixed;top: 50%;left: 50%;z-index: 999;transform: translate(-50%,-50%);opacity: 0;transition: 0.4s;pointer-events: none;}
header > .container nav > div > div:nth-of-type(1) {display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;max-width: 1100px;margin: 0 auto;}
header > .container nav > div > div:nth-of-type(1) ul {width: 45%;}
header > .container nav > div > div:nth-of-type(1) ul li {letter-spacing: 0;}
header > .container nav > div > div:nth-of-type(1) ul li a {color: #fff;font-size: 162.5%;font-weight: 600;padding: 1em 1em 1em 0;position: relative;transition: 0.4s;}
header > .container nav > div > div:nth-of-type(1) ul li a::after {display: inline-block;content: '';width: 0.5em;height: 0.5em;border-right: 2px solid #848484;border-bottom: 2px solid #848484;position: absolute;top: 50%;right: 1em;transform: translateY(-50%) rotate(-45deg);}
header > .container nav > div > div:nth-of-type(1) ul li a::before {display: block;content: '';width: 0;height: 100%;background: rgba(255,255,255,0.1);position: absolute;top: 0;left: 0;z-index: 1;transition: 0.4s ease-in-out;}
header > .container nav > div > div:nth-of-type(1) ul li:not(:last-child) a {border-bottom: 1px solid #4b4b4b;}
header > .container nav > div > div:nth-of-type(1) ul:nth-of-type(2) li:nth-last-of-type(2) a {border: none;}
header > .container nav > div > div:nth-of-type(1) ul:nth-of-type(2) li:last-child a {width: 100%;padding: 0;}
header > .container nav > div > div:nth-of-type(1) ul:nth-of-type(2) li:last-child a::before {display: none;}
header > .container nav > div > div:nth-of-type(2) {margin-top: 3em;padding-top: 2em;border-top: 2px solid #4b4b4b;}
header > .container nav > div > div:nth-of-type(2) ul {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;width: 90%;max-width: 1100px;margin: 0 auto;}
header > .container nav > div > div:nth-of-type(2) ul li {display: flex;flex-wrap: wrap;justify-content: flex-start;letter-spacing: 0;}
header > .container nav > div > div:nth-of-type(2) ul li a {transition: 0.4s;}
header > .container nav > div > div:nth-of-type(2) ul li:nth-child(1) a {color: #fff;margin: 0 1em 0.5em 0.5em;}
header > .container nav > div > div:nth-of-type(2) ul li:nth-child(1) a::after {display: inline-block;content: '';width: 0.8em;height: 0.8em;margin-left: 0.5em;background: url("../img/common/common_link.svg") no-repeat center/contain;}
header > .container nav > div > div:nth-of-type(2) ul li:nth-child(2) a {display: none;margin: 0 0.2em;}
body.menuOpen::after {opacity: 1;pointer-events: auto;}
body.menuOpen header > .container::after {opacity: 1;}
body.menuOpen header > .container nav > a:nth-child(1) {opacity: 0;}
body.menuOpen header > .container nav > #panelBtn span {background: transparent;}
body.menuOpen header > .container nav > #panelBtn span::before {transform: rotate(45deg);}
body.menuOpen header > .container nav > #panelBtn span::after {width: 100%;transform: rotate(-45deg);}
body.menuOpen header > .container nav > div {opacity: 1;pointer-events: auto;}
#breadcrumb {position: absolute;top: 1.5em;left: 0;right: 0;z-index: 3;filter: brightness(0) invert(1);}
#breadcrumb ul {letter-spacing: -0.4em;}
#breadcrumb ul li {display: inline;letter-spacing: 0;}
#breadcrumb ul li + li::before {content: '/';font-size: 87.5%;margin: 0 0.25em;opacity: 0.6;}
#breadcrumb ul li a {display: inline;}
#breadcrumb ul li span {font-size: 75%;letter-spacing: 0;}
#contentsWrap {position: relative;z-index: 101;}
#sideColumn {width: 28%;padding-bottom: 3em;/*position: sticky;top: 5em;*/}
#sideColumn .container:nth-child(2) > p,
#sideColumn .container:nth-child(1) > p {font-size: 125%;font-weight: 600;line-height: 1;margin-bottom: 0.75em;}
#sideColumn .container:nth-child(1) .container:nth-child(1) > p:nth-of-type(2) {margin-top: 1.5em;}
#sideColumn .container:nth-child(1) ul {margin-bottom: 2em;}
#sideColumn .container:nth-child(1) ul li + li::before {display: block;content: '';width: 100%;height: 1px;margin: 0.75em 0;background: #ddd;}
#sideColumn .container:nth-child(1) ul li a {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#sideColumn .container:nth-child(1) ul li a img {width: 25%;height: 3.5em;object-fit: cover;}
#sideColumn .container:nth-child(1) ul li a p {font-size: 93.75%;width: 70%;}
#sideColumn .container:nth-child(2) {margin-top: 2em;}
#sideColumn .container:nth-child(2) ul li a {font-size: 87.5%;}
#category-list {display: flex;flex-wrap: wrap;justify-content: flex-start;}
#category-list li {margin: 0 0.25em 0.25em 0;}
#category-list li a {color: #fff;font-size: 75%;font-weight: normal;line-height: 1;padding: 0.45em 0.85em;border-radius: 2em;background: #034293;}
footer a,
footer {color: #5f5f5f;}
footer {padding: 6em 0;background: var(--color-02);position: relative;z-index: 100;}
footer .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
footer .container > div:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;width: 44%;}
footer .container > div:nth-child(1) > a {width: 100%;}
footer .container > div:nth-child(1) > a img {max-width: 358px;margin-bottom: 2em;}
footer .container > div:nth-child(1) > p {color: #000;font-weight: 600;width: 100%;margin-bottom: 0.5em;}
footer .container > div:nth-child(1) > div {width: 47%;margin-bottom: 2em;}
footer .container > div:nth-child(1) > div h2 {color: #000;font-size: 87.5%;font-weight: 600;}
footer .container > div:nth-child(1) > div h2:nth-of-type(2) {margin-top: 2em;}
footer .container > div:nth-child(1) > div p {font-size: 75%;}
footer .container > div:nth-child(1) > div p span {display: inline-block;}
footer .container > div:nth-child(1) > div ul li {font-size: 75%;}
footer .container > div:nth-child(2) {width: 28%;margin: 2em 2% 0 0;}
footer .container > div:nth-child(2) nav {display: flex;flex-wrap: wrap;justify-content: space-between;}
footer .container > div:nth-child(2) nav ul {width: 47%;padding-left: 2em;}
footer .container > div:nth-child(2) nav ul li {margin-bottom: 1em;}
footer .container > div:nth-child(2) nav ul li a {color: #000;font-size: 100%;font-weight: 600;position: relative;}
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(1) a {white-space: nowrap;}
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(3) a::after,
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(2) a::after,
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(1) a::after {display: inline-block;content: '';width: 1em;height: 1em;margin-left: 0.5em;background: url(../img/common/common_link.svg) no-repeat center / contain;position: absolute;top: 50%;z-index: 1;transform: translateY(-50%);opacity: 0.7;}
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(3) a::after {left: 4.15em;}
footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(2) a::after {left: 8.15em;}
footer .container > div:nth-child(3) {width: 24%;margin-top: 2em;}
footer .container > div:nth-child(3) > div {/*display: flex;align-items: center;justify-content: end;*/}
footer .container > div:nth-child(3) > div a {display: inline-block;}
footer .container > div:nth-child(3) > div a + a {display: none;width: 3em;margin: 0 0 0 0.25em;transition: 0.4s;}
footer .container > div:nth-child(3) > div a:nth-child(1) {width: calc(100% - 10em);margin-right: 1.5em;}
footer .container > div:nth-child(3) > a {margin: 2em 0 0 auto;}
footer .copy {font-size: 10px;text-align: center;letter-spacing: 0.05em;margin-top: 3em;}
@media only screen and (max-width: 1400px) {
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) .title {font-size: 200%;}
  .ttl-style-01 h2 {font-size: 350%;}
  footer .container {max-width: 800px;}
  footer .container > div:nth-child(1) {width: 100%;}
  footer .container > div:nth-child(1) > div {width: 49%;}
  footer .container > div:nth-child(2) {width: 45%;}
  footer .container > div:nth-child(2) nav ul {width: 49%;padding-left: 0;}
  footer .container > div:nth-child(3) {width: 48%;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-04 > div:nth-child(1) {bottom: 3em;}
  .billboard-style-04 > div:nth-child(1) h2 {font-size: 225%;}
}
@media only screen and (max-width: 1100px) {
  .billboard-style-02 > div > div:nth-child(1) {width: 45%;padding-top: 35%;}
  .billboard-style-02 > div > div:nth-child(2) {width: 50%;}
  .billboard-style-03 {padding: 27% 0 2em;}
  footer {padding: 4em 0;}
}
@media only screen and (max-width: 850px) {
  .billboard-style-02 > div > div:nth-child(1) {width: 100%;padding-top: 78%;}
  .billboard-style-02 > div > div:nth-child(2) {width: 100%;margin-top: 2em;}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  header > .container nav > div > div:nth-of-type(1) {font-size: 1.2vw;}
  header > .container nav > div > div:nth-of-type(1) ul {width: 48.5%;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) .title {font-size: 3vw;}
}
@media only screen and (min-width: 768px) {
  a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
  .btn:hover {opacity: 0.7;transition: 0.4s;}
  .btn-style-01:hover {color: var(--color-01) !important;background: #fff !important;transition: 0.4s;}
  .btn-style-01:hover span {}
  .btn-style-01:hover span::before {filter: brightness(1) invert(1);transition: 0.4s;}
  .btn-style-01.fix01:hover {color: #fff !important;border-color: var(--color-01) !important;background: var(--color-01) !important;transition: 0.4s;}
  .btn-style-01.fix01:hover span::before {filter: brightness(0) invert(1);}
  .btn-style-01.fix02:hover {color: #2767ab;border-color: #fff;background: #fff;transition: 0.4s;}
  .btn-style-01.fix02:hover span::before {filter: brightness(0) invert(0);}
  .btn-style-01.fix03:hover {color: #7b8c9c;border-color: #fff;background: #fff;transition: 0.4s;}
  .btn-style-01.fix03:hover span::before {filter: brightness(0) invert(0);}
  .btn-style-02:hover {background: var(--color-01);}
  .btn-style-02:hover span {color: #fff;}
  .btn-style-02:hover span::before {border-color: #fff;}
  .btn-style-03:hover {color: #fff;background: #c1c1c1;}
  .btn-style-03:hover::after {background: url(../img/common/common_link2.svg) no-repeat center / contain;}
  .nav-style-01 ul li a:hover {opacity: 0.6;transition: 0.4s;}
  .hover-style-01:hover::after {-webkit-animation: shine 1.0s;animation: shine 1.0s;}
  .hover-style-01:hover img {transition: 0.8s;transform: scale(1.1);}  
  .pagination-style-01 a {}
  .pagination-style-01 ul li a:hover {color: #fff;background: #024293;}
  .pagination-style-01 ul li.next a:hover span,
  .pagination-style-01 ul li.next a:hover span {border-color: #fff;}
  /*header > .container nav > div > div:nth-of-type(1) ul li a:hover::before {width: 100%;}*/
  header > .container nav > div > div:nth-of-type(2) ul:nth-child(1) li a:hover,
  header > .container nav > div > div:nth-of-type(1) ul:nth-child(2) li:not(:last-child) a:hover,
  header > .container nav > div > div:nth-of-type(1) ul:nth-child(1) li a:hover {opacity: 0.5;}
  footer .container > div:nth-child(3) > div a + a:hover {opacity: 0.6;transition: 0.4s;}
}
@media only screen and (max-width: 767px) {
  .pc {display: none !important;}
  .sp {display: block !important;}
  br.sp {line-height: 0;}
  .scroller {overflow-x: scroll;position: relative;}
  .scroller:before {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("../img/common/common_swipe.png")no-repeat 50% 50%;background-size: 35% auto;z-index: 2;}
  .scroller:after {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.65);width: 210%;padding: 3%;z-index: 1;}
  .scroller.on:before,
  .scroller.on:after {opacity: 0;}
  .scroller img {width: 200%;opacity: 0.5;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;}
  .scroller.on img {opacity: 1;}
  .btn-style-01 {font-size: 125%;}
  .ttl-style-01 h2 {font-size: 250%;}
  .ttl-style-01 h2 + p {font-size: 125%;}
  .ttl-style-02 {margin-bottom: 1.5em;}
  .ttl-style-02 h3 {font-size: 150%;}
  .billboard-style-01 {height: 7.5em;}
  .billboard-style-01::after {background-size: 100% auto !important;}
  .billboard-style-01 h2 {font-size: 125%;}
  .billboard-style-01 h2 span {font-size: 70%;}
  .billboard-style-01 h2 small {font-size: 70%;margin-top: 0;}
  .billboard-style-02 {padding: 4em 0;}
  .billboard-style-02 > div > div:nth-child(1) .status {font-size: 200%;}
  .billboard-style-02 > div > div:nth-child(2) .status2 {font-size: 137.5%;}
  .billboard-style-02 > div > div:nth-child(2) .name {font-size: 200%;}
  .billboard-style-02 > div > div:nth-child(2) .price {font-size: 112.5%;}
  .billboard-style-02 > div > div:nth-child(2) .btnWrap {display: none;}
  .billboard-style-03 {padding: 50% 0 1em;}
  .billboard-style-03 > div:nth-child(1) h2 {font-size: 137.5%;line-height: 1.25;}
  .billboard-style-03 > div:nth-child(1) p {font-size: 100%;}
  .billboard-style-04 {height: 25em;}
  .billboard-style-04 > div:nth-child(1) {bottom: 1.5em;}
  .billboard-style-04 > div:nth-child(1) h2 {font-size: 175%;}
  .billboard-style-04 > div:nth-child(1) p span:nth-child(2) {margin-left: 0.5em;}
  .billboard-style-05 > div:nth-child(1) {padding: 3em 0 4em;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) {width: 100%;padding: 7.5em 0 0;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) figure {width: 6em;top: 0;right: 0;margin: 0 auto;transform: none;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) .title {font-size: 150%;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(1) .name {font-size: 112.5%;margin-top: 0.5em;}
  .billboard-style-05 > div:nth-child(1) > div:nth-child(2) {width: 100%;margin-top: 2em;}
  .nav-style-01 ul {justify-content: flex-start;}
  .nav-style-01 ul li a {padding: 0 1.5em 0 2em;margin-bottom: 1em;}
  .status-style-02 {font-size: 72.7%;}
  .pagination-style-01 ul {margin-top: 2em;}
  .swiper-navigation-style-01 {width: 96.5% !important;margin-left: 5vw;}
  /*.swiper-navigation-style-01 button {width: 4.5em;height: 4.5em;}
  .swiper-navigation-style-01 button::after {width: 0.9em;height: 0.9em;}*/
  .satisfaction-style-01 p:nth-child(1) {font-size: 100%;}
  .satisfaction-style-01 p:nth-child(2) span {width: 1.75em;}
  body {font-size: 3.8vw;}
  #toTop {right: 1em;bottom: 1em;}
  #floatingBnr {width: 100%;max-width: 100%;padding: 0.5em 1em;left: 0;bottom: 0;}
  #floatingBnr::after {display: block;content: '';width: 100%;height: 100%;background: var(--color-02);position: absolute;top: 0;left: 0;z-index: -1;pointer-events: none;}  
  #floatingBnr span {line-height: 2;width: 2em;border-radius: 0 0.5em 0 0;top: 0.5em;right: 1em;}  
  #floatingBnr a {border-radius: 0.5em;overflow: hidden;box-shadow: 1px 1px 4px #333;}  
  header > .container {padding: 1em !important;}
  header > .container nav > a:nth-child(1) {display: none;}
  header > .container nav > div {padding: 1em 0 10em;top: 0;overflow: scroll;transform: translate(-50%, 0);}
  header > .container nav > div > div:nth-of-type(1) ul {width: 100%;}
  header > .container nav > div > div:nth-of-type(1) ul li a {font-size: 112.5%;text-align: center;padding: 1.25em 0;}
  header > .container nav > div > div:nth-of-type(1) ul li a::after {width: 0.6em;height: 0.6em;}
  header > .container nav > div > div:nth-of-type(1) ul:nth-of-type(1) li:last-child a {border-bottom: 1px solid #4b4b4b;}
  header > .container nav > div > div:nth-of-type(1) ul:nth-of-type(2) li:last-child a {padding: 0.75em 0;border-radius: 3em;}
  header > .container nav > div > div:nth-of-type(2) {padding: 0;border: none;}
  header > .container nav > div > div:nth-of-type(2) ul {justify-content: center;}
  header > .container nav > div > div:nth-of-type(2) ul li:nth-child(2) {margin-top: 2em;}
  header > .container nav > div > div:nth-of-type(2) ul li:nth-child(2) a {margin: 0 0.5em;}
  #breadcrumb {top: 0.25em;}
  #breadcrumb ul {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
  #sideColumn {width: 100% !important;padding: 0 0 3em;position: static;}
  #sideColumn .container:nth-child(2) > p,  
  #sideColumn .container:nth-child(1) > p {font-size: 150%;text-align: center;}
  footer .container > div:nth-child(1) > a img {width: 88%;margin: 0 0 2.5em;}
  footer .container > div:nth-child(1) > div {width: 100%;margin-bottom: 0;}
  footer .container > div:nth-child(1) > div:nth-of-type(3) {margin-top: 2em;} 
  footer .container > div > div h3 {margin-top: 1em !important;}
  footer .container > div:nth-child(2) {width: 100%;margin: 1em 0 0;}
  footer .container > div:nth-child(2) nav {margin-top: 1em;}
  footer .container > div:nth-child(2) nav ul:nth-child(2) li:nth-last-child(1) a::after {top: 2.5em;left: 7em;}
  footer .container > div:nth-child(3) {width: 100%;margin-top: 2em;}
  footer .container > div:nth-child(3) > div {justify-content: flex-end;position: relative;}
  footer .container > div:nth-child(3) > div a:nth-child(1) {/*position: absolute;left: 0;bottom: 0;*/}
  footer .container > div:nth-child(3) > div a + a {width: 3.5em;}
  footer .container > div:nth-child(3) > a {width: 100%;margin: 2em 0 0;}
}
@media (orientation: landscape) and (max-width: 767px){}