@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanmp.min.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;600;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=EB+Garamond:wght@400;500;600;700;800&family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600&family=Allura&family=Balthazar&family=Tangerine:wght@400;700&display=swap");
@font-face{font-family: "Tangerine Regular";src: url("../fonts/Tangerine_Regular.ttf") format("truetype");}

.pre-inc{--pressance_color: linear-gradient(to right,#00a0e9,#005083,#005083);font-family: YakuHanMP, "Noto Serif JP", serif;}
.pre-inc article{margin-top: 6.76vw;}
.pre-inc sup{vertical-align: 0.5em;font-size: 0.6em;}
.pre-inc sub{font-size: 0.6em;}
.pre-inc .goth{font-family: YakuHanJP, "Public Sans", "Noto Sans JP", sans-serif;}
.pre-inc .min{font-family: YakuHanMP, "Noto Serif JP", serif;}
.pre-inc .note{font-size: 0.65em;margin-top: 0.5em;}
.pre-inc .wow{animation-name: fadeInUp;}
.pre-inc .cap_into,.pre-inc .cap_out{font-size: 0.6em;}
.pre-inc .cap_into{color: #fff;position: absolute;right: 0.7em;bottom: 0.7em;line-height: 1.4;text-align: right;text-shadow: 0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9), 0 0 0.5em rgba(0,0,0,0.9),0 0 0.5em rgba(0,0,0,0.9);z-index: 10;}
.pre-inc .cap_into.left{left: 0.7em;right: auto;}
.pre-inc .cap_into.white{text-shadow: none;}
.pre-inc .cap_into.black{color: #000;}
.pre-inc .cap_into.black_sh{color: #000;text-shadow: 0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255, 55, 0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9),0 0 0.5em rgba(255,255,255,0.9);}
.pre-inc .cap_out{margin-top: 0.5em;text-align: right;}

@media screen and (min-width: 1921px){
.pre-inc article{margin-top: 190px;}
}

@media screen and (min-width: 769px){
.pre-inc{font-size: 20px;line-height: 1.5;}
.pre-inc .sp,
.pre-inc [src*="_sp."]{display: none!important;}
.pre-inc .wrap1024{max-width: 51.2em;margin: 0 auto;}
.pre-inc .wrap1280{max-width: 64em;margin: 0 auto;}
}
@media screen and (min-width: 769px) and (max-width: 1200px){
.pre-inc{font-size: 1.7vw;}
}
@media screen and (max-width: 768px){
.pre-inc{font-size: 4vw;}
.pre-inc article{margin-top: 65px;}
.pre-inc .pc,
.pre-inc [src*="_pc."]{display: none!important;}
.pre-inc .wrap1024,
.pre-inc .wrap1280{padding: 0 4vw;}
.pre-inc .cap_into,.pre-inc .cap_out{font-size: 0.6em;}
}

/*||||||||||||||||| ヘッダー＆メニュー |||||||||||||||||*/
/* ヘッダーベース */
.pre-inc header{position: fixed;width: 100%;top: 0;left: 0;z-index: 100;background: rgba(255,255,255,1);height: 6.5em;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size: 20px;}
.pre-inc.scroll_down header{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.pre-inc header .header_wrap{display: flex;justify-content: space-between;margin: 0 auto;max-width: 1920px;padding: 1.1em 1.3em 0 1em;z-index: 120;}
.pre-inc header .header_wrap h1 a img{width: 10em;}
.pre-inc header .header_wrap .header_right{display: flex;gap: 0 0.45em;}
.pre-inc header .header_wrap .header_right a{transition: 0.3s all;width: 9.9375em;height: 2.9375em;display: flex;justify-content: center;align-items: center;line-height: 1.2;font-size: 0.8em;border: 1px solid #116fa1;color: #116fa1;}
.pre-inc header .header_wrap .header_right a.form{transition: 0.3s all;width: 9.9375em;height: 2.9375em;display: flex;justify-content: center;align-items: center;line-height: 1.2;font-size: 0.8em;border: unset;color: #fff;background: #116fa1;}
.pre-inc header .header_wrap .header_right a.map{width: 15.9375em;}

@media only screen and (min-width: 769px){
.pre-inc header .header_wrap .header_right a:hover{background: #116fa1;color: #fff;}
.pre-inc header .header_wrap .header_right a.form:hover{background: #fff;color: #116fa1;border: 1px solid #116fa1;}
}

@media only screen and (min-width: 769px) and (max-width: 1920px){
.pre-inc header{font-size: 1.04vw;}
}
@media only screen and (max-width: 768px){
.pre-inc header{height: 65px;}
.pre-inc.scroll_down header{box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.pre-inc header .header_wrap{width: 100%;height: 100%;padding: 10px 10px;}
.pre-inc header .header_wrap h1 a img{width: 100px;}
.pre-inc header .header_wrap .header_right{display: none;}
.pre-inc header .hb_menu{right: 12px !important;}
}

/* ハンバーガーボタン */
.pre-inc header .hb_menu{display: none;}

@media only screen and (max-width: 768px){
.pre-inc header .hb_menu{position: absolute;top: 0;bottom: 0;margin: auto 0;width: 30px;height: 32px;right: 25px;z-index: 990;transition: all 0.3s;cursor: pointer;display: block;pointer-events: painted;}
.pre-inc header .hb_menu span{display: block;height: 1px;width: 30px;position: absolute;top: 0;bottom: 0;left: 0;margin: auto 0;}
.pre-inc header .hb_menu span i{display: block;height: 1px;width: 100%;transition: all 0.3s;background: #333;border-radius: 3px;}
.pre-inc header .hb_menu span::before,
.pre-inc header .hb_menu span::after{content: "";position: absolute;left: 0;display: block;height: 1px;width: 100%;background: #333;transition: all 0.3s;border-radius: 3px;}
.pre-inc header .hb_menu span::before{top: -10px;}
.pre-inc header .hb_menu span::after{bottom: -10px;width: 100%;}
.pre-inc.h_active .hb_menu span::before{transform: rotate(-135deg);top: 0;right: 0;background: #333;}
.pre-inc.h_active .hb_menu span::after{transform: rotate(135deg);bottom: 0;right: 0;width: 100%;background: #333;}
.pre-inc.h_active .hb_menu span i{display: none;}
}

/* メニュー */
.pre-inc .menu_wrap{width: 100%;background: linear-gradient(to bottom,transparent 65%,#fff 65%);position: fixed;right: 0;z-index: 110;height: 9.5em;top: 0;padding-bottom: 0.85em;display: flex;align-items: flex-end;pointer-events: none;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size: 20px;}
.pre-inc.scroll_down .menu_wrap{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.pre-inc .menu_wrap .menu{display: flex;max-width: 1920px;width: 100%;margin-inline: auto;padding: 0 1.3em 0 11.5em;pointer-events: all;}
.pre-inc .menu_wrap .menu > a{flex: 1;display: flex;justify-content: center;align-items: center;flex-direction: column;border-left: solid 1px #333;border-right: solid 1px #333;padding: 0.3em 0;min-width: 8.8em;margin-left: -1px;}
.pre-inc .menu_wrap .menu > a::after{content: "";width: calc(100% - 0.75em);height: 0.35em;position: absolute;bottom: -0.45em;left: 0;right: 0;margin: 0 auto;background: var(--pressance_color);display: none;}
.pre-inc .menu_wrap .menu > a > *{line-height: 1.2;transition: 0.3s all;}
.pre-inc .menu_wrap .menu > a > span{font-size: 1.2em;color: #000;font-family: "Balthazar", serif;letter-spacing: 0.1em;padding-left: 0.1em;}
.pre-inc .menu_wrap .menu > a > small{font-size: 0.7em;color: #000;margin-top: -0.2em;}
.pre-inc .menu_wrap .menu .fukidashi{width: 150%;position: absolute;top: -79%;right:0}

@media screen and (min-width: 769px){
.pre-inc .menu_wrap .menu > a:hover > *{opacity: 0.3;}
}

@media only screen and (min-width: 769px) and (max-width: 1920px){
.pre-inc .menu_wrap{font-size: 1.04vw;}
}

@media only screen and (max-width: 768px){
.pre-inc .menu_wrap{background: #fff;opacity: 0;height: calc(100% - 62px);position: fixed;top: 62px;transform: translateY(-3%);pointer-events: none;transition: 0.3s all;overflow-y: auto;padding: 0 1em 0.5em;align-items: flex-start;}
.pre-inc.scroll_down .menu_wrap{box-shadow: none;}
.pre-inc.h_active .menu_wrap{transform: translateY(0%);pointer-events: painted;opacity: 1;}
.pre-inc .menu_wrap .menu{align-items: center;flex-direction: column; width: 300px;padding: 5px 10px;pointer-events: none;}
.pre-inc.h_active .menu_wrap .menu{pointer-events: painted;}
.pre-inc .menu_wrap .menu > a{width: 300px;flex: auto;border-left: none;border-right: none;border-top: solid 1px #333;padding: 10px 5px;max-width: none;margin-left: 0;}
.pre-inc .menu_wrap .menu > a:last-of-type{border-bottom: solid 1px #333;}
.pre-inc .menu_wrap .menu > a::after{width: 100%;height: 5px;bottom: 0;}
.pre-inc .menu_wrap .menu > a > span{font-size: 14px;}
.pre-inc .menu_wrap .menu > a > small{font-size: 13px;margin-top: 0;}
.pre-inc .menu_wrap .menu .fukidashi{width: 100%;position: absolute;top:unset;bottom: -43px;right:unset;}
}

/* 未公開ページ */
.pre-inc .menu a[href$="plan"],
.pre-inc .menu a[href$="design"],
.pre-inc .menu a[href$="quality"]
{pointer-events: none;}
.pre-inc .menu a[href$="plan"] *,
.pre-inc .menu a[href$="design"] *,
.pre-inc .menu a[href$="quality"] *
{opacity: 0.3;}

/* NEW */
/* .pre-inc .menu_wrap .menu a[href$="area-guide"]::before,
.pre-inc .menu_wrap .menu a[href$="interview"]::before{content: "NEW";display: block;font-size: 0.45em;line-height: 1;position: absolute;color: #750000;top: 0.5em;left: 0.5em;text-align: center;} */

/* セレクトページ（フッターメニューも共通） */
.pre-inc#top .menu_wrap .menu a[href$="/pl-usy74"],
.pre-inc#access .menu_wrap .menu a[href$="access"],
.pre-inc#location .menu_wrap .menu a[href$="location"],
.pre-inc#plan .menu_wrap .menu a[href$="plan"],
.pre-inc#design .menu_wrap .menu a[href$="design"],
.pre-inc#quality .menu_wrap .menu a[href$="quality"],
.pre-inc .menu_wrap .menu a.active
{pointer-events: none;}
.pre-inc#top .menu_wrap .menu a[href$="/pl-usy74"]::after,
.pre-inc#access .menu_wrap .menu a[href$="access"]::after,
.pre-inc#location .menu_wrap .menu a[href$="location"]::after,
.pre-inc#plan .menu_wrap .menu a[href$="plan"]::after,
.pre-inc#design .menu_wrap .menu a[href$="design"]::after,
.pre-inc#quality .menu_wrap .menu a[href$="quality"]::after,
.pre-inc .menu_wrap .menu a.active::after
{display: block;}


/*||||||||||||||||| フッター |||||||||||||||||*/
.pre-inc .foot_note{background: #fff;padding: 4em 0;}
.pre-inc .foot_note p{font-size: 0.6em;}

@media only screen and (max-width: 768px){
.pre-inc .foot_note{padding: 2em 0;}

/* SP版フットメニュー */
.pre-inc .footmenu{background: var(--pressance_color);display: flex;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 120;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
.pre-inc .footmenu a{text-align: center;color: #fff;flex: 1;padding: 5px 0;}
.pre-inc .footmenu a::after{content: "";width: 1px;height: calc(100% - 10px);position: absolute;right: 0;top: 5px;display: block;background: #fff;}
.pre-inc .footmenu a img{width: 22px;}
.pre-inc .footmenu a p{margin-top: 5px;line-height: 1;font-size: 9px;height: 2em;display: flex;justify-content: center;align-items: center;}
.pre-inc .footmenu a:last-of-type::after{display: none;}
.pre-inc .footmenu a.fm_reserve{background: linear-gradient(to right, #192348, #2b3d7e);}
footer{padding-bottom: 57px;}
}

/*||||||||||||||||| 下層ページ共通 |||||||||||||||||*/
.pre-inc.layer section{padding-top: 3.5em;}
.pre-inc.layer section:last-of-type{padding-bottom: 3.5em;}
.pre-inc .text_main{text-align: center;overflow: hidden;}
.pre-inc .text_main img{width: 100%;}
.pre-inc .text_main .main_tit{letter-spacing: 0.2em;color: #fff;line-height: 1;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.pre-inc .text_main .main_tit i{display: inline-block;opacity: 0;font-size: 2em;}
.pre-inc .text_main .main_tit br ~ i{font-size: 1.6em;font-family: "EB Garamond", serif;margin-top: 1em;}
.pre-inc .text_main .main_tit i.text_ani{animation: 1s fadeInUp_s 0s forwards;}

.pre-inc .contents_tit{font-size: 1.2em;color: #8c7961;text-align: center;}
.pre-inc .contents_tit + *{margin-top: 2.25em;}

@media only screen and (max-width: 768px){
.pre-inc article{margin-top: 55px;}
.pre-inc.layer section{padding-top: 2.5em;}
.pre-inc.layer section:last-of-type{padding-bottom: 2.5em;}
/* .pre-inc .text_main{height: 50vw;} */
.pre-inc .text_main figure{height: 100%;}
.pre-inc .text_main img{width: auto;height: 100%;left: 50%;transform: translateX(-50%);max-width: none;}
.pre-inc .text_main .main_tit{font-size: 0.9em;}

.pre-inc .contents_tit + *{margin-top: 1.8em;}

}

/* プレサンス 共通バナー */
.pre-inc .pl-bnrArea {
  max-width: 1000px;
  padding: 0;
  margin: 2em auto;
}
.pre-inc .pl-bnrArea a:hover {
  opacity:0.6;
}
@media screen and (max-width: 768px) {
  .pre-inc .pl-bnrArea{
    max-width: 90%;
    padding: 0;
    margin: 1em auto;
  }
}

/*# sourceMappingURL=base.css.map */