@charset "UTF-8";
/* ----------------------------- リセット */
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, 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; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; 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; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

.bold { font-weight: 700; }

/* ----------------------------- 全体 */
html { font-size: 62.5%; font-size:calc(100vw * (10 /1920));}

body {font-size: 1.8rem; line-height: 1.8em; color: #222222; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; background: #fff; position: relative;  /* min-width: 1100px; */}

.pc-inline { display: inline; }

@media screen and (max-width: 767px) { .pc-inline { display: none; } }

.l-contents { overflow: hidden; position: relative; }
.l-contents .thanks-message { margin-top: 20rem; text-align: center; }
.l-contents .thanks-message h2 { font-size: 2.6rem; margin-bottom: 2rem; line-height: 1.4; }
.l-contents .thanks-message .return-btn { margin-top: 30px; }
.l-contents .thanks-message .return-btn a { display: block; font-weight: 500; padding: 6px 10px; border: 1px solid #000; width: 140px; margin: auto; }
.l-contents .thanks-message .return-btn a:hover { text-decoration: none; }

a:link, a:visited { color: inherit; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all;}
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }
img, .bx-wrapper img { max-width: 100%; height: auto; }

@media screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none; } }

/* ----------------------------- 1. 各ページ共通 */
.l-header { position: fixed; width: 100%; left: 0; top: 0; z-index: 997; display: flex; justify-content: space-between; }
.l-header:before, .l-header:after { display: none; }
.l-header__btn { width: 16rem; padding-top: 4.3rem; padding-bottom: 4.3rem; cursor: pointer; position: relative; z-index: 99; }
.l-header__btn span { display: block; position: relative; width: 5.6rem; height: 0.2rem; background: #000; margin-left: auto; margin-right: auto; }
.l-header__btn span:before, .l-header__btn span:after { display: block; content: ""; position: absolute; width: 100%; height: 0.2rem; left: 0; background: #000; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; }
.l-header__btn span:before { top: -1.5rem; }
.l-header__btn span:after { bottom: -1.5rem; }
.l-header__btn.is-open span { background: transparent; }
.l-header__btn.is-open span:before, .l-header__btn.is-open span:after { background: #fff; }
.l-header__btn.is-open span:before { top: 0; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); transform: rotate(-30deg); }
.l-header__btn.is-open span:after { bottom: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); }
.l-header__application { position: relative; z-index: 99; }
.l-header__application a { display: block; font-size: 2.3rem; font-size: 2.3rem; font-weight: bold; color: #fff; background: #000; padding: 1.5rem 4.2rem; text-decoration: none; }
.l-header__application a:hover { opacity: .65; }
.l-header__nav { position: fixed; left: -70rem; top: 0; z-index: 89; height: 100vh; background: #000; padding-top: 9rem; padding-bottom: 9rem; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; }
.l-header__nav::-webkit-scrollbar { display: none; }
.l-header__nav.is-open { left: 0; }
.l-header__nav li { border-bottom: 1px solid #fff; }
.l-header__nav li:last-child { border-bottom: 0; }
.l-header__nav li a { color: #fff; padding: 2.5rem 17rem; font-size: 3.4rem;text-decoration: none; display: block; }
.l-header__nav li span { display: inline-block;font-size: 1.8rem; opacity: 0.6; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); margin-left: 0.7rem; vertical-align: baseline; }

/* ---フッター部分--- */
.l-footer { margin-top: 14rem; }
.l-footer__info {background:#000 url(img/common/fback.jpg) no-repeat center/cover; color: #fff; text-align: center; padding: 10rem 1.5rem 6.3rem; }
.l-footer__info .catch span{font-size: 1.8rem;font-weight: 500;display: block;}
.l-footer__info .catch{text-align: center;font-size: 2.4rem;font-weight: 700;margin-bottom: 3rem;line-height: 1.6;}
.l-footer__info h1 { /*margin-bottom: 1.2rem;*/ margin-bottom: 3rem;}
.l-footer__info h1 img{/*width: 35rem;*/width: 30rem;}
.l-footer__info h1:hover { opacity: 1; }
.l-footer__info h1:hover img { opacity: 1; }
.l-footer__info p { /*margin-bottom: 2rem;*/margin-bottom: 0.5rem; }
.l-footer__info p.tel { /*margin-top: 5rem;*/margin-top: 3rem; }
.l-footer__info p.tel a { text-decoration: none; color: #fff; font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; font-size: 30px; font-size: 3rem; }
.l-footer__info p.tel a span { font-size: 4rem; }
.l-footer__info .sns{}
.l-footer__info .sns .instagram{width:4.5rem;}

.l-footer__copyright { text-align: center; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.l-footer__copyright p {font-size: 1.6rem; line-height: 140%; }

.l-pagetop { position: fixed; right: 3rem; bottom: 3rem; z-index: 999; opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -ms-transition: 0.3s ease all; transition: 0.3s ease all; }
.l-pagetop.is-show { opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }



/* -----------------------------
  2. トップページ
-------------------------------*/
/*キービジュアル*/
.p-top__kv { position: relative; height: 100vh; min-height: 65rem; }
.p-top__kv .scroll { position: absolute; left: 7rem; bottom: 6rem; }
.p-top__kv .scroll p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings: initial; font-size: 1.5rem; font-size: 1.5rem; }
.p-top__kv .scroll p h1, .p-top__kv .scroll p h2, .p-top__kv .scroll p h3, .p-top__kv .scroll p h4, .p-top__kv .scroll p h5, .p-top__kv .scroll p h6 { font-feature-settings: initial; }
.p-top__kv .scroll p span { display: block; padding-bottom: 7.8rem; background: url(img/top/kv_scroll.svg) no-repeat center bottom; background-size: 1.3rem 5.2rem; }
.p-top__kv .content { margin-left: 16rem; position: relative; height: 100%; background: url(img/top/kv_img1.jpg) no-repeat center; background-size: cover; }
.p-top__kv .content h1 { /*z-index: 998;*/ position: absolute; top: 3rem; left: 5rem; width: 39.6rem;filter: }

.p-top__kv .content .copy { position: absolute; left: 6rem;bottom: 6rem;}
.p-top__kv .content .copy p {font-size: 6.4rem; line-height: 100%; margin-top: 2rem; }
.p-top__kv .content .copy p.mc {font-size: 2.2rem;margin-top: 0; font-weight: 700;}
.p-top__kv .content .copy p.mc span{font-family: "Noto Sans JP";font-weight: 700;}
.p-top__kv .content .copy span {background: #fff; display: inline-block; padding: 1rem 1.8rem;font-family: "Noto Serif JP", serif;font-weight: 500;}
.p-top__kv .content .copy span.ka {text-indent: -3rem; /*font-feature-settings: "palt";*/}

.p-top__kv .content .catchtxt{position: absolute;right: 3.5rem;bottom: 5rem;width: 41%;color: black;text-shadow: 0 0 10px #fff;filter: drop-shadow(0 0 1px #fff);}
.p-top__kv .content .catchtxt .tit{font-size: 3.6rem;font-weight: 900;letter-spacing: 0.31em;font-family: "Noto Sans JP";margin-bottom: 2.2rem;white-space: nowrap;}
.p-top__kv .content .catchtxt .txt{font-size: 2rem;font-weight: 700;width: 96%;}



/* イベント */
.p-top__event { margin-bottom: 14.6rem; }
.p-top__event .c-title1 { padding-top: 7.4rem; }
.p-top__event .c-title1:before { height: 5rem; }
.p-top__event .content ul { display: flex; flex-wrap: wrap; }
.p-top__event .content ul:before, .p-top__event .content ul:after { display: none; }
.p-top__event .content li { width: 31.6666%; margin-left: 2.501%; }
.p-top__event .content li:nth-child(3n+1) { margin-left: 0; }
.p-top__event .content li a { display: block; text-decoration: none; }
.p-top__event .content li a:hover h3 { text-decoration: underline; }
.p-top__event .content li .img1 { margin-bottom: 1.2rem;}
.p-top__event .content li .txt1 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.p-top__event .content li .txt1:before, .p-top__event .content li .txt1:after { display: none; }
.p-top__event .content li .category { background: #000; padding: 0.2rem 1rem; color: #fff; font-weight: bold; line-height: 140%; }
.p-top__event .content li h3 { padding-top: 1.2rem; font-weight: normal; width: 100%; }
.p-top__event .bnr-wrap { margin-top: 8rem; margin-bottom: 0;}


/* 5つのコンセプト */
.p-top__concept { margin-bottom: 25rem; }
.p-top__concept-heading { position: relative; padding-top: 40.7rem; margin-bottom: 15rem; }
.p-top__concept-heading:before { display: block; content: ""; position: absolute; width: 100%; height: 50rem; z-index: 1; top: 0; left: 0; background: url(img/top/concept_bg1.jpg) no-repeat center; background-size: cover; }
.p-top__concept-heading .box1 { max-width: 120rem; margin-left: auto; margin-right: auto; position: relative; background: #fff; text-align: center; margin-top: -1.5rem; z-index: 9; }

.p-top__concept-heading .c-title1 {margin-top: -5rem;margin-bottom: 6rem;float: left;width: 100%;box-sizing: border-box;}
.p-top__concept-heading .c-title1::before{top: -2rem;}
.p-top__concept-heading .c-title1 .wrap{position: relative;font-size: 5rem;font-weight: 700;margin: auto;width: fit-content;}
.p-top__concept-heading .c-title1 .wrap .box{position: absolute;right: 0;top: 0;font-size: 4rem;display: flex;align-items: center;font-weight: 500;}
.p-top__concept-heading .c-title1 .wrap .box span{font-size: 3.2rem;font-family: "Noto Serif JP", serif;border: 1px solid #000;padding: 0.5rem 0 1rem;line-height: 1.4;width: 20rem;font-weight: 400;}
.p-top__concept-heading .c-title1 .wrap .box span:nth-of-type(2){letter-spacing: 0.4em;}
.p-top__concept-heading .c-title1 .wrap .num{font-family: "Roboto";font-size: 24rem;font-weight: 500;line-height: 0.75;}
.p-top__concept-heading .c-title1 .wrap .co{font-size: 10.2rem;font-feature-settings: "palt";}

.p-top__concept-heading .lead {font-size: 3rem;font-size: 3rem;font-weight: 400;line-height: 1.8;font-family: "Noto Serif JP", serif;font-weight: 400;}

.p-top__concept-content .block1 { margin-bottom: 15rem; display: flex; align-items: flex-end; flex-direction: row-reverse; }
.p-top__concept-content .block1:before, .p-top__concept-content .block1:after { display: none; }
.p-top__concept-content .block1:last-child { margin-bottom: 0; }
.p-top__concept-content .block1.is-img-right { flex-direction: row; }
.p-top__concept-content .block1.is-img-right .box1 { margin-right: 0; margin-left: -16rem; }
.p-top__concept-content .block1.is-img-right .box1.long {top: 5rem;}
.p-top__concept-content .img1 { position: relative; }
.p-top__concept-content .box1 { background: #fff; width: 80rem; padding: 5rem; margin-right: -16rem; padding-top: 7.735vw; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-top__concept-content .box1 .no { position: absolute; left: 5rem; top: -4.4273vw; font-size: 20rem; font-size: 20rem; font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 100%; font-weight: 500; }

.p-top__concept-content .box1 h4 {font-size: 4.6rem; font-weight: 400; line-height: 140%; margin-bottom: 4rem; font-family: "Noto Serif JP", serif;}
.p-top__concept-content .box1 p {font-size: 2.4rem;font-weight: 400;line-height: 1.8;}
.p-top__concept-content .box1 p .open-btn{background: #000;color: #fff;display: flex;align-items: center;width: fit-content;padding:1.8rem 2.75rem 1.5rem 3.32rem;font-size: 2.2rem;line-height: 1;text-decoration: none;margin-top: 5rem;}
.p-top__concept-content .box1 p .open-btn img{margin-left: 2.7rem;width: 1.4rem;}

@media screen and (max-width: 767px) {
  .p-top__concept-content .box1 .no .no { font-size: 16rem; } 
  .p-top__kv .content .copy span.ka {text-indent: -1rem;}
}
.p-top__lineup { position: relative; padding-bottom: 25rem; background: #F5F5F5; }
.p-top__lineup .c-wrap__1400 { position: relative; z-index: 2; }
.p-top__lineup .c-title1 { margin-bottom: 6rem; margin-top: -5rem; float: left; width: 100%; }
.p-top__lineup .content { clear: left; }
.p-top__lineup .content ul { display: flex; flex-wrap: wrap; }
.p-top__lineup .content ul:before, .p-top__lineup .content ul:after { display: none; }
.p-top__lineup .content li { width: 49.0625%; margin-left: 1.875%; margin-bottom: 10rem; }
.p-top__lineup .content li:nth-child(2n+1) { margin-left: 0; }
.p-top__lineup .content .img1 { margin-bottom: 3rem; }
.p-top__lineup .content .txt1 h3 { text-align: center; margin-bottom: 3rem; }

/*---フロアプラン部分---------------------------------------------------------------------------*/
.p-top__floorplan { position: relative; padding-bottom: 25rem; background: #F5F5F5; color: #000;}
.p-top__floorplan .c-wrap__1400 { position: relative; z-index: 2; }
.p-top__floorplan .c-title1 { margin-bottom: 6rem; margin-top: -5rem; float: left; width: 100%; }
.p-top__floorplan .content { clear: left; }
.p-top__floorplan .minitit{text-align: center;font-size: 2.4rem;line-height: 1.8;margin-bottom: 12rem;}

.p-top__floorplan .item{width:150rem; margin-left: auto;margin-right: auto;margin-bottom: 13.5rem;max-width: 100%;}
.p-top__floorplan .item:nth-of-type(2n) .detail{flex-direction: row-reverse;}
.p-top__floorplan .item:last-of-type{margin-bottom: 0;}
.p-top__floorplan .item h3{font-family: "Noto Serif JP", serif;font-size: 4.6rem;line-height: 1.6;display: flex;align-items: center;margin-bottom: 7rem;font-weight: 400;}
.p-top__floorplan .item h3 .wrap{display: flex;align-items: center;border-right: 1px solid #000;border-left: 1px solid #000;margin-right: 5rem;}
.p-top__floorplan .item h3 .case{font-family: "Roboto", sans-serif;font-size: 1.6rem;font-size: 1.6rem;letter-spacing: 0.2em;font-weight: 400;padding-left: 4.2rem;}
.p-top__floorplan .item h3 .num{font-family: "Roboto", sans-serif;font-size: 5.7rem;font-weight: 500;margin-left: 1.8rem;padding-right: 4.2rem;}
.p-top__floorplan .item .detail{display: flex;justify-content: space-between;align-items: flex-start;}
.p-top__floorplan .item .detail::before{display: none;}
.p-top__floorplan .item .detail::after{display: none;}
.p-top__floorplan .item .detail .pic{display: flex; width: 64%;flex-wrap: wrap;justify-content: space-between; row-gap: 16px;column-gap: 1.6%;align-items: flex-start;}
.p-top__floorplan .item .detail .pic::before{display: none;}
.p-top__floorplan .item .detail .pic::after{display: none;}
.p-top__floorplan .item .detail .pic img{display: block;width: 49.16%;cursor: pointer;aspect-ratio: 4/3;height: auto;object-fit: cover;}
.p-top__floorplan .item .detail .desc{width: 29.5%;}
.p-top__floorplan .item .detail .desc img{margin-bottom: 7rem; cursor: pointer;}
.p-top__floorplan .item .detail .desc p{font-size: 22px;font-size: 2.2rem;line-height: 1.8;font-weight: 400;}
.p-top__floorplan .item .detail .desc p.bold{font-weight: 700;margin-bottom: 3rem;}


/* ギャラリー */
.p-top__gallery { background: #333; padding-bottom: 15rem; margin-bottom: 10rem; }
.p-top__gallery .c-title1 { position: relative; margin-top: -5rem; float: left; width: 100%; }
.p-top__gallery .slider { clear: both; }
.p-top__gallery .slider li { padding-left: 4rem; padding-right: 4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-top__gallery .slider li img{width: 80rem;}
.p-top__gallery .slider .slick-arrow { position: absolute; cursor: pointer; border: 0; background: transparent no-repeat center; background-size: 7.4rem 2.8rem; width: 7.4rem; height: 2.8rem; top: 0; bottom: 0; left: 50%; margin-top: auto; margin-bottom: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; text-indent: 8rem; overflow: hidden; padding: 0; z-index: 9; transition: .4s; }
.p-top__gallery .slider .slick-arrow:hover { opacity: .65; }
.p-top__gallery .slider .slick-arrow.slick-prev { margin-left: -51rem; background-image: url(img/top/gallery_icon1-left.svg); }
.p-top__gallery .slider .slick-arrow.slick-next { margin-left: 44rem; background-image: url(img/top/gallery_icon1-right.svg); }


/* --- PR部分 ------------------------------------------------------------*/
.p-top__pr { margin-bottom: 20rem; }
.p-top__pr .lead { background: url(img/top/pr_bg1.jpg) no-repeat center; background-size: cover; padding-top: 15rem; padding-bottom: 15rem; text-align: center; margin-bottom: 20rem; }
.p-top__pr .lead p { font-size: 3.2rem; font-size: 3.2rem; line-height: 2; font-weight: 700;color: #fff;}
.p-top__pr .movwrap{width: 120rem;max-width: 100%;margin: auto;}
.p-top__pr .movwrap .item{aspect-ratio: 16/9;}
.p-top__pr .movwrap .item iframe{width: 100%;height: 100%;}


/* ---5つのアドバイス -----------*/
.p-top__advice { margin-bottom: 20rem; }
.p-top__advice .heading { text-align: center; margin-bottom: 6rem;}
.p-top__advice .heading h2 {font-size: 4.6rem; font-weight: 400; position: relative; padding-top: 12rem; font-family: "Noto Serif JP", serif;line-height: 1.5;}
.p-top__advice .heading h2 span{display: block;font-size: 2.4rem;margin-top: 0.5rem;}
.p-top__advice .heading h2:before { position: absolute; content: ""; display: block; left: 50%; top: 0; height: 10rem; border-right: 1px solid #000; }
.p-top__advice .block1 { margin-bottom: 1rem; }
.p-top__advice .block1:last-child { margin-bottom: 0; }

.p-top__advice .title { color: #fff; display: flex; align-items: center; padding: 1.1rem 4rem 1.2rem 1.5rem; font-size: 3rem; font-weight: 500; cursor: pointer; background: #000 url(img/top/advice_icon1.svg) no-repeat calc(100% - 2.8rem) center; background-size: 2.2rem 1.1rem; }

.p-top__advice .title.is-open { background-image: url(img/top/advice_icon1-up.svg); }
.p-top__advice .title:before, .p-top__advice .title:after { display: none; }
.p-top__advice .title span{font-family: "Noto Sans JP";}
.p-top__advice .title .no {font-size: 3rem; font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin-right: 1.3rem; position: relative; padding-right: 3.4rem;}
.p-top__advice .title .no:before { display: block; content: ""; position: absolute; right: 0; top: 50%; width: 2.5rem; border-top: 1px solid #fff; }

.p-top__advice .content {display: none; padding: 5rem 1rem 6.5rem; }
.p-top__advice .content .wrap{display: flex;}
.p-top__advice .content .wrap .left{margin-right: 3rem;width: 50%;}
.p-top__advice .content .wrap .right{margin-left: 3rem;width: 50%;}
.p-top__advice .content .wrap p{font-size: 2.4rem;font-weight: 500;line-height: 1.8;}

.p-top__advice .content .item{display: flex;margin-bottom: 5rem;}
.p-top__advice .content .item .tit{width: 23.95%;border-right: 1px solid rgba(51, 51, 51, 0.4980392157);text-align: center;padding: 2.8rem 1.6rem 1.2rem 0;}
.p-top__advice .content .item .tit img{margin-bottom: 3rem;}
.p-top__advice .content .item .tit img.f{width: 14.4rem;}
.p-top__advice .content .item .tit img.s{width: 11.4rem;}
.p-top__advice .content .item .tit p{font-size: 2.4rem;font-weight: 700;}
.p-top__advice .content .item .txt{width: 76%;padding-left: 5rem;}
.p-top__advice .content .item .txt p{font-size: 2.4rem;font-weight: 500;line-height: 1.8;}

.p-top__about { margin-bottom: 14rem; }
.p-top .bnr-wrap { margin-bottom: 6rem; }
.p-top .bnr-wrap .bnr { width: 120rem; margin-bottom: 4rem; }

/*230517*/
/* ---オープンシステム部分 */
.p-top__opensis { margin-bottom: 20rem; }
.p-top__opensis .heading { text-align: center; margin-bottom: 5.2rem; }
.p-top__opensis .heading h2 {font-size: 4.6rem; font-weight: 400; position: relative; padding-top: 12rem;font-family: "Noto Serif JP", serif;}
.p-top__opensis .heading h2:before { position: absolute; content: ""; display: block; left: 50%; top: 0; height: 10rem; border-right: 1px solid #000; }
.p-top__opensis .minitit{font-size: 2.4rem;text-align: center;line-height: 1.8;margin-bottom: 112px; font-weight: 400;}
.p-top__opensis .content2{position: relative;}
.p-top__opensis .content2 .tit{position: absolute;display: flex;justify-content: center;align-items: center;width: 61.5rem;height: 7rem;border-radius: 3.5rem;border: 0.2rem solid #3C71B8;color: #3C71B8;font-size: 3rem;letter-spacing: 0.2em;font-weight: 700;background: #fff;z-index: 2;top: -3.5rem;left: 50%;transform: translateX(-50%);}
.p-top__opensis .content2 img {z-index: 1;}

.p-top__opensis .content2 ul {display: flex;}
.p-top__opensis .content2 ul li { margin-bottom: 3rem; }
.p-top__opensis .content2 .sekkei{ padding-right: 2rem; }
.p-top__opensis .content2 .kozi{ padding-left: 2rem; }
/*230525*/
.p-top__opensis .content2 {text-align: center;}
.p-top__opensis .content2 img {margin-bottom: 12rem;}
/*230525*/
.p-top__opensis .content ul li h5 { font-size: 2rem; font-size: 2rem; color: #43629E; margin-bottom: 1.5rem; }
.p-top__opensis .block1 { margin-bottom: 1rem; }
.p-top__opensis .block1:last-child { margin-bottom: 0; }
.p-top__opensis .block1 h2 {font-size: 4.6rem;  font-weight: 400; margin-bottom: 4.5rem; margin-top: 2.5rem; text-align: center;font-family: "Noto Serif JP", serif;}
.p-top__opensis .box{margin: 0 auto 5rem; width: auto; margin-right: 0; padding: 2%; z-index: 1;}
.p-top__opensis .opensis_img{float: right; width: 33rem;}
.p-top__opensis .opensis_txt{float: left; width: 76rem;}

.p-top__opensis .opensis_txt h4{font-size: 2.6rem; margin-bottom: 2rem;font-family: "Noto Sans JP", serif;font-weight: 700;}
.p-top__opensis .opensis_txt h4 .blue{font-size: 2.4rem;color: #3C71B8;margin-right: 2.4rem;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic;}

.p-top__opensis .opensis_txt p{font-size: 2rem;font-size: 2rem; line-height: 1.8;font-weight: 400;}
/*230517*/
.p-top__about .c-title1 { margin-bottom: 4rem; }
.p-top__about .wrap { background: #F5F5F5; }
.p-top__about .c-wrap { display: flex; align-items: center; }
.p-top__about .c-wrap:before, .p-top__about .c-wrap:after { display: none; }
.p-top__about .box1, .p-top__about .map { width: 50%; }
.p-top__about .box1 h3 {font-size: 2.2rem; line-height: 160%; margin-bottom: 1rem; font-weight: normal; }
.p-top__about .box1 .profile { margin-top: 3rem; display: flex; align-items: flex-end; }
.p-top__about .box1 .profile:before, .p-top__about .box1 .profile:after { display: none; }
.p-top__about .box1 .profile .txt1 { margin-left: 3rem; font-weight: bold; line-height: 160%; }
.p-top__about .map{aspect-ratio: 20 / 19;}
.p-top__about .map iframe { vertical-align: top;width: 100%;height: 100%;}
.p-top__contact .lead { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 5.5rem;}
.p-top__contact .lead:before, .p-top__contact .lead:after { display: none; }
.p-top__contact .lead p { margin-bottom: 2rem;}
.p-top__contact .lead p:last-child { margin-bottom: 0; }
.p-top__contact .lead .required { color: #FF0000; }
.p-top__contact .lead span{ font-size: 2.5rem; font-weight: bold;}
.p-top__contact .form { max-width: 106.8rem; margin-left: auto; margin-right: auto; }
.p-top__contact .form table { width: 100%; }
.p-top__contact .form th, .p-top__contact .form td { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: top; padding-top: 1rem; padding-bottom: 1rem;}
.p-top__contact .form th { border-right: 1px solid #000; width: 29rem; font-weight: normal; text-align: left; }
.p-top__contact .form th .required { color: #f00; font-size: 1.5rem; font-size: 1.5rem; }
.p-top__contact .form td { padding-left: 5rem; }
.p-top__contact .form td div { margin-bottom: 2rem; }
.p-top__contact .form td div.flex { display: flex; align-items: center; flex-wrap: wrap; }
.p-top__contact .form td div:last-child { margin-bottom: 0; }
.p-top__contact .form td div:before, .p-top__contact .form td div:after { display: none; }
.p-top__contact .form td div span { display: flex; align-items: center; }
.p-top__contact .form td div span select { margin-right: 0.5rem; }
.p-top__contact .form td div span + span { margin-left: 1rem; }
.p-top__contact .form input[type="text"], .p-top__contact .form input[type="tel"], .p-top__contact .form input[type="email"], .p-top__contact .form select, .p-top__contact .form textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #000; padding: 1rem 1.5rem; font-size: 16px; font-size: 1.6rem; box-shadow: none; }
.p-top__contact .form textarea { height: 28rem; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.p-top__contact .form .zip { max-width: 24.4rem; margin-left: 0.5rem;}
.p-top__contact .form .name, .p-top__contact .form .furi, .p-top__contact .form .tel { max-width: 43rem;}
.p-top__contact .form .check { text-align: center; margin-top: 5rem; margin-bottom: 5rem;}
.p-top__contact .form .btn button { cursor: pointer; color: #fff;font-size: 2rem; font-weight: bold; text-align: center; max-width: 34rem; width: 100%; margin-left: auto; margin-right: auto; display: block; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding: 2.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #000; border: 0; text-shadow: none; border-radius: 0; }

.is-tablet .p-top__kv { height: 53.41vw; }

/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #222222; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 120rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
.c-wrap__1600 { max-width: 160rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }

.c-title1 { position: relative; padding-top: 12.4rem; margin-bottom: 6rem; text-align: center; }
.c-title1:before { position: absolute; content: ""; display: block; top: 0; left: 50%; border-right: 1px solid #000; height: 10rem; }
.c-title1 .en { font-size: 5rem; font-size: 5rem; line-height: 120%; margin-bottom: 0.3rem; font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.c-title1 .h { font-size: 2rem; font-size: 2rem; line-height: 120%; font-weight: 400; }
.c-title1.white:before { border-right-color: #fff; }
.c-title1.white .en, .c-title1.white .h { color: #fff; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

.u-youtube-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.u-youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 230111 */
.flexbox { display: flex; flex-wrap: wrap; justify-content: space-between; }
/* /230111 */


/* -------------------------------------------------------------
  スマートフォン表示調整用
-------------------------------------------------------------- */
@media screen and (max-width: 767px) { 
  .c-title1 { margin-bottom: 40px; }
  .c-title1 .en { font-size: 38px; font-size: 3.8rem; }
  .c-title1 .h { font-size: 18px; font-size: 1.8rem; }
  .c-table__nostyle { width: 100%; }
  .c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }
  .u-indent { text-indent: -1em; padding-left: 1em; } 
  .p-top__opensis .opensis_txt p{font-size: 14px; line-height: 1.8em}
  .p-top__opensis .opensis_txt h4{font-size: 20px;}
  .p-top__opensis .opensis_txt{width: 100%; float: none; margin-bottom: 20px;}
  .p-top__opensis .opensis_img{width: 330px; float: none; margin: auto; max-width: 100%;}
}


@media screen and (max-width: 767px) {
  /* ------- 全体 --------*/
  html { font-size: 62.5%; font-size: calc(100vw * (10 / 375));}
  body { font-size: 14px; font-size: 1.4rem; min-width: initial; }
  body.fixed { width: 100%; height: 100%; position: fixed; }
  .l-header { position: static; }
  .l-header__logo { position: fixed; left: 15px; top: 15px; z-index: 79;filter: drop-shadow(0 0 1px #fff);}
  .l-header__btn { position: fixed; top: 0; right: 0; width: 60px; background: #000; padding-top: 30px; padding-bottom: 29px; }
  .l-header__btn span { width: 33px; background: #fff; }
  .l-header__btn span:before, .l-header__btn span:after { background: #fff; }
  .l-header__btn span:before { top: -10px; }
  .l-header__btn span:after { bottom: -10px; }
  .l-header__btn.is-open span:before, .l-header__btn.is-open span:after { background: #fff; }
  .l-header__application { position: fixed; left: 0; bottom: 0; width: calc(100% - 60px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 999; }
  .l-header__application a { font-size: 18px; font-size: 1.8rem; padding-top: 18px; padding-bottom: 17px; padding-left: 20px;padding-right: 20px;}
  .l-header__application a:hover { opacity: .65; }
  .l-header__nav { left: -100%; width: 100%; }
  .l-header__nav.is-open { left: 0; }
  .l-header__nav li a { padding: 18px 25px; font-size: 22px; font-size: 2.2rem; }
  .l-header__nav li span { font-size: 15px; font-size: 1.5rem; }
  .l-footer { margin-top: 80px; }
  .l-footer { margin-top: 30px; }
  .l-footer__info { padding: 60px 20px 40px; }
  .l-footer__info h1 { margin-bottom: 30px; }
  .l-footer__info h1 img { width: 280px; }
  .l-footer__info p { /*margin-bottom: 25px;*/ }
  .l-footer__info .catch {margin-bottom: 2rem;}
  .l-footer__info p.tel { margin-top: 30px; }
  .l-footer__info p.tel a { font-size: 25px; font-size: 2.5rem; }
  .l-footer__info p.tel a span { font-size: 35px; font-size: 3.5rem; }
  .l-footer__copyright { padding-bottom: 70px; }
  .l-footer__copyright p { font-size: 12px; font-size: 1.2rem; }
  .l-pagetop { right: 0; bottom: 0; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
  .p-top__kv { height: 50vh; min-height: 340px; }
  .p-top__kv .content { margin-left: 0; }
  .p-top__kv .content h1 { top: 15px; left: 15px; z-index: 1000; }
  .p-top__kv .content h1 img { width: 180px; }

  /* スマホKVコピー部分 */
  .p-top__kv .content .copy { left: 15px; bottom: 20px; top: auto;}
  .p-top__kv .content .copy p { font-size: 20px; font-size: 2rem; margin-top: 12px; font-size:17px;font-size: 1.7rem;}
  .p-top__kv .content .copy p.mc { font-size:11px;font-size: 1.1rem;}
  .p-top__kv .content .copy span { padding: 8px 10px; }

  /* スマホのみキャッチコピー部分 */
  .p-top__spcatch{padding: 0 1.5rem;margin: 4rem 0;}
  .p-top__spcatch .tit{font-size: 3.2rem;font-weight: 900;letter-spacing: 0.31em;font-family: "Noto Sans JP";margin-bottom: 2.2rem;line-height: 1.3;}
  .p-top__spcatch .txt{font-size: 1.6rem;font-weight: 700;line-height: 1.6;text-align: justify;}

  /* スマホイベント部分 */
  .p-top__event { margin-bottom: 50px; }.p-top__about
  .p-top__event .content ul { display: block; }
  .p-top__event .content li { width: auto; margin-left: 0; margin-bottom: 40px; }
  .p-top__event .content li:last-child { margin-bottom: 0; }

  /* スマホコンセプト部分 */
  .p-top__concept { margin-bottom: 100px; }
  .p-top__concept-heading { padding-top: 240px; margin-bottom: 80px; }
  .p-top__concept-heading:before { height: 200px; }

  .p-top__concept-heading .c-title1 { margin-bottom: 40px; }
  .p-top__concept-heading .c-title1 .wrap{font-size: 5rem;line-height: 1;}
  .p-top__concept-heading .c-title1 .wrap .box{position: relative;font-size: 3rem;margin-bottom:2rem;}
  .p-top__concept-heading .c-title1 .wrap .box span{font-size: 2.2rem;width: 14rem;}
  .p-top__concept-heading .c-title1 .wrap .num{font-size: 14rem;}
  .p-top__concept-heading .c-title1 .wrap .co{font-size: 6.2rem;}

  .p-top__concept-heading .box1 { margin-left: 30px; margin-right: 30px; }
  .p-top__concept-heading .box1 .lead { font-feature-settings: "palt"; font-size: 18px;font-size: 1.8rem;}
  .p-top__concept-content .block1 { margin-bottom: 80px; display: block; }
  .p-top__concept-content .block1.is-img-right .img1 { margin-right: 0; margin-left: -15px; }
  .p-top__concept-content .block1.is-img-right .box1 { margin-left: 0; }
  .p-top__concept-content .block1.is-img-right .box1.long {top: auto;}
  .p-top__concept-content .img1 { margin-right: -15px; margin-top: -30px; }
  .p-top__concept-content .box1 { width: auto; margin-right: 0; padding: 15px; padding-top: 60px; z-index: 1; }
  .p-top__concept-content .box1 .no { font-size: 70px; font-size: 7rem; left: 15px; top: -25px; }
  .p-top__concept-content .box1 h4 { font-size: 23px; font-size: 2.3rem; margin-bottom: 25px; }
  .p-top__concept-content .box1 p{font-size: 18px;font-size: 1.8rem;}
  .p-top__concept-content .box1 p .open-btn{line-height: 1.4;font-size: 1.8rem;}

  /* スマホラインナップ部分 */
  .p-top__lineup { padding-bottom: 80px; }
  .p-top__lineup .c-title1 { margin-bottom: 40px; }
  .p-top__lineup .content { margin-left: 20px; margin-right: 20px; }
  .p-top__lineup .content ul { display: block; }
  .p-top__lineup .content li { width: auto; margin-left: 0; margin-bottom: 60px; }
  .p-top__lineup .content .img1 { margin-bottom: 20px; }
  .p-top__lineup .content .txt1 h3 { margin-bottom: 20px; }
  .p-top__lineup .content .txt1 h3 img { width: 150px; }

  /* スマホフロアプラン部分 */
  .p-top__floorplan { padding-bottom: 80px; }
  .p-top__floorplan .c-title1 { margin-bottom: 40px; }
  .p-top__floorplan .content { margin-left: 20px; margin-right: 20px; }
  .p-top__floorplan .content .minitit{font-size: 18px;font-size: 1.8rem;}
  .p-top__floorplan .content .item{}
  .p-top__floorplan .content .item h3{display: block;font-size: 2.8rem;margin-bottom: 40px;}
  .p-top__floorplan .content .item h3 .wrap{justify-content: center;margin-right: 0;margin-bottom: 15px;}
  .p-top__floorplan .content .item h3 .num{line-height: 1.2;}
  .p-top__floorplan .content .item .detail{display: block;}
  .p-top__floorplan .item .detail .pic{display: block;width: 100%;}
  .p-top__floorplan .item .detail .pic img{width: 100%;margin-bottom: 15px;}
  .p-top__floorplan .item .detail .desc {width: 100%;}
  .p-top__floorplan .item .detail .desc img{width: 100%;margin-bottom: 40px;}
  .p-top__floorplan .item .detail .desc p{font-size: 18px;font-size: 1.8rem;}

  /* スマホギャラリー部分 */
  .p-top__gallery { padding-bottom: 60px; margin-bottom: 40px; }
  .p-top__gallery .slider { padding-left: 30px; padding-right: 30px; overflow: hidden; }
  .p-top__gallery .slider li { padding-left: 15px; padding-right: 15px; width: calc(100vw - 60px); }
  .p-top__gallery .slider .slick-list { overflow: visible !important; }
  .p-top__gallery .slider .slick-arrow { width: 30px; background-size: 30px auto; }
  .p-top__gallery .slider .slick-arrow.slick-prev { left: -25px; margin-left: 0; }
  .p-top__gallery .slider .slick-arrow.slick-next { left: auto; right: -25px; margin-left: 0; }

  /* スマホPR部分 */
  .p-top__pr { margin-bottom: 80px; }
  .p-top__pr .lead { margin-bottom: 60px; padding-top: 40px; padding-bottom: 40px; padding-left: 10px;padding-right: 10px;}
  .p-top__pr .lead p { font-size: 16px; font-size: 1.6rem; }

  /* スマホ5つのアドバイス部分 */
  .p-top__advice { margin-bottom: 80px; }
  .p-top__advice .heading h2 {font-size: 2.8rem; }
  .p-top__advice .heading h2 span{font-size: 2.1rem;}
  .p-top__advice .title {font-size: 2.2rem; background-position: calc(100% - 15px) center; height: 7.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4;}
  .p-top__advice .title .no {font-size: 2.5rem; padding-right: 2.3rem; margin-right: 0.8rem; }
  .p-top__advice .title .no:before { width: 1.5rem;}
  .p-top__advice .content { padding: 0; padding-top: 15px; padding-bottom: 25px; }
  .p-top__advice .content .wrap{flex-direction: column;}
  .p-top__advice .content .wrap.rev{flex-direction: column-reverse;}
  .p-top__advice .content .wrap .left{margin-right: 0;width: 100%;}
  .p-top__advice .content .wrap .right{margin-left: 0;width: 100%;}
  .p-top__advice .content .wrap p{font-size: 2rem;}
  .p-top__advice .content .item{display: block;}
  .p-top__advice .content .item .tit{width: 100%;border-bottom: 1px solid rgba(51, 51, 51, 0.4980392157);border-right: none;text-align: center;padding: 2.8rem 0 1.2rem 0;margin-bottom: 2rem;}
  .p-top__advice .content .item .txt{width: 100%;padding-left: 0;font-size: 2rem;}
  /* .p-top__advice .content h4 { font-size: 18px; font-size: 1.8rem; margin-top: 35px; }
  .p-top__advice .content ol li .step { width: 50px; }
  .p-top__advice .content ol li .body { padding-bottom: 30px; width: calc(100% - 60px); }
  .p-top__advice .content ol li .body h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 12px; } */

  /* スマホ会社紹介 */
  .p-top__about { margin-bottom: 46px; }
  .p-top__event .bnr-wrap{margin-top: 30px;}
  .p-top__event .bnr-wrap .bnr-wrap .bnr{margin-bottom: }

  /* スマホオープンシステム部分*/
  /*230518*/
  .p-top__opensis { margin-bottom: 80px; }
  .p-top__opensis .heading h2 {font-size: 2.8rem;}
  .p-top__opensis .minitit{font-size: 2rem;}
  .p-top__opensis .title { font-size: 17px; font-size: 1.7rem; background-position: calc(100% - 15px) center; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .p-top__opensis .title .no { font-size: 20px; font-size: 2rem; padding-right: 23px; margin-right: 8px; }
  .p-top__opensis .title .no:before { width: 15px; }
  .p-top__opensis .content { padding: 0; padding-top: 15px; padding-bottom: 25px; }
  .p-top__opensis .content h4 { font-size: 18px; font-size: 1.8rem; margin-top: 35px; }
  .p-top__opensis .content ol li .step { width: 50px; }
  .p-top__opensis .content ol li .body { padding-bottom: 30px; width: calc(100% - 60px); }
  .p-top__opensis .content ol li .body h5 { font-size: 16px; font-size: 1.6rem; margin-bottom: 12px; }
  .p-top__opensis .content2 .sekkei{padding-right: 5px;}
  .p-top__opensis .content2 .kozi{padding-right: 5px;}
  .p-top__opensis .block1 h2{font-size: 2.8rem; margin-bottom: 3rem;}
  /*230518*/
  .p-top__opensis .content2 .tit{width: 95%;font-size: 2.5rem;letter-spacing: 0.1em;height: 5rem;}

.p-top .bnr-wrap { margin-bottom: 20px; }
.p-top .bnr-wrap .bnr { margin-bottom: 15px; }
.p-top__about .c-wrap { display: block; }
.p-top__about .c-wrap .box1, .p-top__about .c-wrap .map { width: auto; }
.p-top__about .c-wrap .box1 iframe, .p-top__about .c-wrap .map iframe { height: 200px; }
.p-top__about .c-wrap .box1 { padding: 15px; padding-top: 30px; margin-bottom: 30px; }
.p-top__about .c-wrap .box1 h3 { font-size: 17px; font-size: 1.7rem; }
.p-top__about .c-wrap .box1 .profile { margin-bottom: 15px; }
.p-top__contact .form table, .p-top__contact .form tbody, .p-top__contact .form tr, .p-top__contact .form th, .p-top__contact .form td { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-top__contact .form th { border-right: 0; padding-bottom: 0; }
.p-top__contact .form td { padding-top: 5px; padding-left: 0; }
.p-top__contact .form input { max-width: 100%; }
.p-top__contact .form textarea { height: 150px; max-width: 100%; }
.p-top__contact .form .btn button { font-size: 18px; font-size: 1.8rem; padding: 20px; text-shadow: none; } }


/* ----------------------------- inpage */
/* ロゴとスクロール */
.inpage .p-top__kv { position: absolute; top: 0; left: 0; width: 100%; }
.inpage.no-kv .p-top__kv .content { z-index: 998; background: none; position: absolute; top: 3rem; left: 5rem;width: 39.6rem;}


/* sectionの幅調整 */
.inpage section .inner { max-width: 1200px; margin: auto; }

/* 230206 */
.inpage section .mainimg-inner { max-width: 1310px; margin: auto; }
/* /230206 */

@media screen and (max-width: 767px) {
  .inpage section .inner { padding: 0 20px; }
  
  /* 230206 */
  .inpage section .mainimg-inner { padding: 0 20px; }
  /* /230206 */
}

/*240125*/
.os_img_box {
	text-align: center;
	width: 460px;
	margin: 0 auto;
	max-width: 100%;
}
.os_img_box p {
	display: inline-block;
	width: 460px;
	text-align: left;
	font-size: 14px;
}
.os_title_box h4 {
  font-family: "Noto Serif JP", serif;
	font-size: 4.6rem;font-weight: 600;margin-bottom: 4.5rem;margin-top: 20rem;text-align: center;
}

@media screen and (max-width: 767px) {
.os_img_box {
	text-align: center;
}
.os_title_box h4 {
	font-size: 21px;
	margin-bottom: 30px;
}
}
/*240125*/
/*240401↓*/
.movie_flex {
	width: 1200px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	height: 326px;
}
.movie_flex .item {
	width: 580px;
	height: 326px;
}
.movie_flex .ml_40 {
	margin-left: 40px;
}
@media screen and (max-width: 767px) {
	.movie_flex {
		display: block;
		width: 100%;
		height: inherit;
	}
	.movie_flex .ml_40 {
	margin-left: 0px;
	margin-top: 30px;
}
	.movie_flex .item .movie {
		max-width: 100%;
	}
	.movie_flex .item {
		max-width: 100%;
		display: inline-flex;
	}
}

/* ポップアップの背景色を白にする */
.lity-content{background: #fff;}

.img-text{
  text-align: center;
    color: white;
    font-size: 40px;
    line-height: 1.5;
}

.madori-text {
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 40px;
    line-height: 1.5;
}
.kv-logo{
  filter: drop-shadow(0 0 2.5px #ffffff) drop-shadow(0 0 2.5px #ffffff) drop-shadow(0 0 2.5px #ffffff);
}
.logo-text{
  margin-bottom: 5px;
  text-shadow: 0 0 10px #fff;
  filter: drop-shadow(0 0 0px #ffffff) drop-shadow(0 0 0px #ffffff)drop-shadow(0 0 0px #ffffffba) ;
  font-size: clamp(16px, 1.5vw, 18px);
}
.logo-text:hover{
  text-decoration: none;
}
.logo-box:hover{
  opacity: 0.65;
  -ms-filter: "alpha(opacity=65)";
  filter: alpha(opacity=65); 
}
.logo-text-sp{
  font-size: clamp(13px, 1.5vw, 18px);
  filter: drop-shadow(0 0 2px #ffffff) drop-shadow(0 0 2px #ffffffba) drop-shadow(0 0 2px #ffffffba);
}
.footer-logo-text{
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 3rem;
}
.logo-link:hover{
  text-decoration: none;
}