@charset "UTF-8";
.web_font_en, #Modal_area .modal .step_area ul li dl dt .num .mini, #Common_link_area .swiper .swiper-wrapper li .ttl .en, .style_ttl3 .en, .style_ttl2 .en, .style_ttl1 .en {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
}

/* 筑紫オールド L */
.style_caption_wrap {
  position: relative;
}

.style_caption {
  font-size: 0.625rem;
  color: #fff;
  position: absolute;
  z-index: 5;
  bottom: 0.5rem;
  right: 0.5rem;
  text-shadow: 0px 0px 20px rgb(0, 0, 0);
  letter-spacing: -0.05em;
  opacity: 0.7;
}
.style_caption.black {
  color: #333;
  text-shadow: 0px 0px 20px rgb(255, 255, 255);
}
.style_caption.left {
  right: auto;
  left: 0.5rem;
}
.style_caption.left_top {
  right: auto;
  left: 0.5rem;
  bottom: auto;
  top: 0.5rem;
}
.style_caption.right_top {
  bottom: auto;
  top: 0.5rem;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_caption {
    font-size: 2.3076923077vw;
    bottom: 1.0256410256vw;
    right: 1.0256410256vw;
  }
}
.style_ttl1 .en {
  display: inline-block;
  position: relative;
  margin-bottom: 2rem;
}
.style_ttl1 .en:before {
  display: block;
  content: "";
  width: 7.5rem;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  right: -8.5rem;
  transform: translate3d(0, -50%, 0);
  opacity: 0.6;
}
.style_ttl1 .jp {
  display: block;
  font-size: 2.25rem;
  line-height: 1.4;
}
.style_ttl1.white {
  color: #fff;
}
.style_ttl1.white .en:before {
  background: #fff;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_ttl1 .en {
    margin-bottom: 4.1025641026vw;
    font-size: 3.5897435897vw;
  }
  .style_ttl1 .en:before {
    width: 23.0769230769vw;
    right: -25.641025641vw;
  }
  .style_ttl1 .jp {
    font-size: 6.6666666667vw;
  }
}
.style_ttl2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.style_ttl2.line2 .jp {
  margin-top: -0.3125rem;
  margin-left: 2.75rem;
}
.style_ttl2 .en {
  display: inline-block;
  font-size: 2.75rem;
  position: relative;
  padding-left: 2.5rem;
}
.style_ttl2 .en:before {
  display: block;
  content: "";
  width: 1.75rem;
  height: 1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0);
  opacity: 0.4;
}
.style_ttl2 .jp {
  display: inline-block;
  position: relative;
  padding-left: 1rem;
  margin-left: 1.25rem;
  display: inline-block;
  margin-top: 0.625rem;
}
.style_ttl2 .jp:before {
  display: block;
  content: "";
  width: 1px;
  height: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(30deg);
  opacity: 0.4;
}

.style_ttl3 .jp {
  font-size: 1.75rem;
  line-height: 1.4;
  padding-right: 1.25rem;
}
.style_ttl3 .en {
  position: relative;
  padding-left: 1rem;
  display: inline-block;
}
.style_ttl3 .en:before {
  display: block;
  content: "";
  width: 1px;
  height: 50%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(30deg);
  opacity: 0.4;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_ttl3 .jp {
    font-size: 5.641025641vw;
    padding-right: 2.0512820513vw;
  }
  .style_ttl3 .en {
    padding-left: 3.0769230769vw;
    font-size: 3.5897435897vw;
  }
}
.style_btn {
  position: relative;
  cursor: pointer;
}
.style_btn.no_link a {
  pointer-events: none;
}
.style_btn.big {
  font-size: 1.25rem;
}
.style_btn.big a {
  padding-bottom: 1rem;
}
.style_btn.back a {
  padding-left: 1.875rem;
}
.style_btn.back a:before {
  transform: translate3d(0, -50%, 0) scale(-1, 1);
  right: auto;
  left: 0;
}
.style_btn.white:before {
  background: #fff;
  opacity: 0.3;
}
.style_btn.white:after {
  background: #fff;
}
.style_btn.white a {
  color: #fff;
}
.style_btn.white a:before {
  background: url(../img/common/arrow_w.png) left top no-repeat;
  background-size: 0.875rem 0.875rem;
}
.style_btn.top_line:before, .style_btn.top_line:after {
  bottom: auto;
  top: 0;
}
.style_btn.top_line a {
  padding-bottom: 0;
  padding-top: 0.75rem;
}
.style_btn.top_line a:before {
  margin-top: 0.375rem;
}
.style_btn:before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.1;
}
.style_btn:after {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  transition: transform 0.3s 0s ease-in-out;
  transform-origin: right bottom;
  transform: scale(0, 1);
}
.style_btn a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 0.375rem;
}
.style_btn a:before {
  display: block;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url(../img/common/arrow_b.png) left top no-repeat;
  background-size: 0.875rem 0.875rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
  z-index: 2;
}
.style_btn:hover:after {
  transform-origin: left bottom;
  transform: scale(1, 1);
}
.style_btn:hover a {
  text-decoration: none;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_btn.white a:before {
    background: url(../img/common/arrow_w.png) left top no-repeat;
    background-size: 2.8205128205vw 2.8205128205vw;
  }
  .style_btn a {
    padding-bottom: 2.0512820513vw;
  }
  .style_btn a:before {
    width: 2.8205128205vw;
    height: 2.8205128205vw;
    background: url(../img/common/arrow_b.png) left top no-repeat;
    background-size: 2.8205128205vw 2.8205128205vw;
  }
}
.style_btn_gold {
  width: 100%;
  height: 4.5rem;
  font-size: 1.25rem;
  position: relative;
  overflow: hidden;
}
.style_btn_gold:before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, rgb(155, 140, 110) 0%, rgb(125, 109, 79) 100%);
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s 0s ease-in-out;
}
.style_btn_gold:after {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.style_btn_gold.mini {
  height: 3.25rem;
  font-size: 1rem;
}
.style_btn_gold.mini a {
  padding-left: 1.75rem;
}
.style_btn_gold.mini a:before {
  right: 1.25rem;
}
.style_btn_gold a {
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 2.5rem;
  position: relative;
  z-index: 7;
}
.style_btn_gold a:before {
  display: block;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  background: url(../img/common/arrow_w.png) left top no-repeat;
  background-size: 0.875rem 0.875rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translate3d(0, -50%, 0);
  z-index: 2;
}
.style_btn_gold:hover:after {
  -webkit-animation: shine 1.75s;
  animation: shine 1.75s;
}
.style_btn_gold:hover a {
  text-decoration: none;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_btn_gold {
    height: 15.3846153846vw;
    font-size: 4.1025641026vw;
  }
  .style_btn_gold.mini {
    height: 11.7948717949vw;
    font-size: 3.3333333333vw;
  }
  .style_btn_gold.mini a {
    padding-left: 3.5897435897vw;
  }
  .style_btn_gold.mini a:before {
    right: 3.8461538462vw;
  }
  .style_btn_gold a {
    padding-left: 5.1282051282vw;
  }
  .style_btn_gold a:before {
    width: 2.8205128205vw;
    height: 2.8205128205vw;
    background: url(../img/common/arrow_w.png) left top no-repeat;
    background-size: 2.8205128205vw 2.8205128205vw;
    right: 3.0769230769vw;
  }
}
.style_mini_txt {
  font-size: 0.75rem;
  line-height: 1.4;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_mini_txt {
    font-size: 2.5641025641vw;
  }
}
.style_sub {
  font-size: 50%;
  vertical-align: top;
  top: 0.25rem;
  position: relative;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .style_sub {
    font-size: 60%;
  }
}
.style_plus_icon {
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.style_plus_icon span:before, .style_plus_icon span:after {
  display: block;
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.style_plus_icon span:before {
  width: 1.25rem;
  height: 1px;
}
.style_plus_icon span:after {
  width: 1px;
  height: 1.25rem;
}

.style_swiper_ul {
  margin-top: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.style_swiper_ul .swiper-pagination_style {
  margin: 0 1.25rem;
  width: auto;
  position: relative;
  color: #028391;
  padding: 0;
  top: auto;
  bottom: auto;
}
.style_swiper_ul .swiper-prev_style, .style_swiper_ul .swiper-next_style {
  width: 3.75rem;
  height: 3.75rem;
  background: url(../images/arrow_slide.png) left top no-repeat;
  background-size: 3.75rem 3.75rem;
  top: 0;
  left: 50%;
  z-index: 20;
  cursor: pointer;
}
.style_swiper_ul .swiper-next_style {
  transform: scale(-1, 1);
}

/*------------------------------------------------------------
共通
------------------------------------------------------------*/
html {
  font-size: 1.1111111111vw;
}

@media screen and (min-width: 1440px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 736px) and (orientation: portrait) {
  html {
    font-size: 62.5%;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 2;
  color: #333333;
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
  background: #fff;
  word-break: break-all;
}

.main {
  font-weight: 300;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .contents-property {
    font-size: 3.3333333333vw;
  }
}
/*------------------------------------------------------------
共通クラス
------------------------------------------------------------*/
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
.inner {
  width: 80rem;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

.inner2 {
  width: 70rem;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .inner,
  .inner2 {
    max-width: none;
    width: 100%;
    padding: 0 5.1282051282vw;
  }
  .inner.sp_type2,
  .inner2.sp_type2 {
    padding: 0 10.2564102564vw;
  }
  .inner.sp_type3,
  .inner2.sp_type3 {
    padding: 0 0vw 0 10.2564102564vw;
  }
  .inner.sp_no_pd,
  .inner2.sp_no_pd {
    padding: 0;
  }
}
/*------------------------------------------------------------
ラッパー
------------------------------------------------------------*/
#wrapper {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

.main img {
  width: 100%;
  height: auto;
  line-height: 1;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  #wrapper {
    width: 100%;
  }
}
/*------------------------------------------------------------
.Info_area
------------------------------------------------------------*/
.Info_area {
  padding-top: 6.25rem;
}
.Info_area.bg {
  background: #f0efed;
  padding: 6.25rem 0 3.75rem;
}
.Info_area .style_ttl1 {
  margin-bottom: 2.5rem;
}
.Info_area .txt_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.Info_area .txt_area .btn_area {
  width: 26.25rem;
}
.Info_area .libtary_area {
  display: flex;
}
.Info_area .libtary_area .ttl_area {
  width: 4rem;
}
.Info_area .libtary_area .ttl_area .ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: relative;
  padding-top: 1.875rem;
}
.Info_area .libtary_area .ttl_area .ttl:before {
  display: block;
  content: "";
  width: 1px;
  height: 1.25rem;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  opacity: 0.6;
  margin-left: -2;
}
.Info_area .libtary_area .list {
  display: flex;
  justify-content: space-between;
  width: 66rem;
  margin-bottom: 1.875rem;
}
.Info_area .libtary_area .list li {
  width: 21.25rem;
  position: relative;
}
.Info_area .libtary_area .list li h4 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 10;
  color: #fff;
}
.Info_area .bottom_txt {
  text-align: center;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .Info_area {
    padding-top: 15.3846153846vw;
  }
  .Info_area.bg {
    padding: 17.9487179487vw 0 12.8205128205vw;
  }
  .Info_area .style_ttl1 {
    margin-bottom: 7.6923076923vw;
  }
  .Info_area .txt_area {
    display: block;
    margin-bottom: 10.2564102564vw;
  }
  .Info_area .txt_area .txt {
    margin-bottom: 5.1282051282vw;
  }
  .Info_area .txt_area .btn_area {
    width: 100%;
  }
  .Info_area .libtary_area {
    justify-content: space-between;
  }
  .Info_area .libtary_area .ttl_area {
    width: 5.1282051282vw;
  }
  .Info_area .libtary_area .ttl_area .ttl {
    padding-top: 3.8461538462vw;
  }
  .Info_area .libtary_area .ttl_area .ttl:before {
    width: 1px;
    height: 2.5641025641vw;
    margin-left: -2;
  }
  .Info_area .libtary_area .list {
    display: block;
    width: 79.4871794872vw;
    margin-bottom: 3.8461538462vw;
  }
  .Info_area .libtary_area .list li {
    width: 100%;
    position: relative;
    margin-bottom: 5.1282051282vw;
  }
  .Info_area .libtary_area .list li h4 {
    bottom: 2.5641025641vw;
    left: 2.5641025641vw;
    font-size: 4.1025641026vw;
  }
  .Info_area .bottom_txt {
    text-align: center;
    letter-spacing: -0.06em;
  }
}
/*------------------------------------------------------------
#Common_link_area
------------------------------------------------------------*/
#Common_link_area {
  padding: 7.5rem 0;
  background: #fff;
  overflow: hidden;
}
#Common_link_area .style_ttl1 {
  margin-bottom: 2.5rem;
}
#Common_link_area .Common_link_slide_area {
  padding-left: 3.8888888889vw;
}
#Common_link_area .swiper {
  overflow: visible;
}
#Common_link_area .swiper .swiper-wrapper {
  display: flex;
}
#Common_link_area .swiper .swiper-wrapper li {
  width: 23.125vw;
}
#Common_link_area .swiper .swiper-wrapper li .slide_inner {
  margin: 0 1.6666666667vw;
  position: relative;
}
#Common_link_area .swiper .swiper-wrapper li:hover figure:before {
  opacity: 0.4;
}
#Common_link_area .swiper .swiper-wrapper li:hover figure img {
  scale: 1.1;
}
#Common_link_area .swiper .swiper-wrapper li a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
}
#Common_link_area .swiper .swiper-wrapper li figure {
  overflow: clip;
  position: relative;
}
#Common_link_area .swiper .swiper-wrapper li figure:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.3s 0s ease-in;
}
#Common_link_area .swiper .swiper-wrapper li figure img {
  scale: 1;
  transition: scale 0.3s 0s ease-in;
}
#Common_link_area .swiper .swiper-wrapper li .ttl {
  line-height: 1;
  margin-top: 1.25rem;
}
#Common_link_area .swiper .swiper-wrapper li .ttl .jp {
  display: block;
  font-size: 1.25rem;
  margin-bottom: 0.375rem;
}
#Common_link_area .swiper .swiper-wrapper li .ttl .en {
  font-size: 0.875rem;
  opacity: 0.5;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  #Common_link_area {
    padding: 15.3846153846vw 0;
  }
  #Common_link_area .style_ttl1 {
    margin-bottom: 5.1282051282vw;
  }
  #Common_link_area .Common_link_slide_area {
    padding-left: 2.5641025641vw;
  }
  #Common_link_area .swiper .swiper-wrapper li {
    width: 44.8717948718vw;
  }
  #Common_link_area .swiper .swiper-wrapper li .slide_inner {
    margin: 0 2.5641025641vw;
  }
  #Common_link_area .swiper .swiper-wrapper li .ttl {
    margin-top: 3.8461538462vw;
  }
  #Common_link_area .swiper .swiper-wrapper li .ttl .jp {
    font-size: 3.3333333333vw;
    margin-bottom: 0.7692307692vw;
  }
  #Common_link_area .swiper .swiper-wrapper li .ttl .en {
    font-size: 2.5641025641vw;
  }
}
/*------------------------------------------------------------
#common__note
------------------------------------------------------------*/
#common__note {
  font-size: 0.75rem;
  line-height: 1.6;
  padding: 3.75rem 0;
  font-family: "Noto Sans JP", sans-serif, "Droid Sans", "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background: #fff;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  #common__note {
    font-size: 2.5641025641vw;
    padding: 9.2307692308vw 0;
  }
}
/*------------------------------------------------------------
#Under_Mv_area
------------------------------------------------------------*/
#Under_Mv_area {
  margin-bottom: 7.5rem;
  padding-top: 8.75rem;
}
#Under_Mv_area .ttl {
  line-height: 1;
  margin-bottom: 6.25rem;
}
#Under_Mv_area .ttl .en {
  display: block;
  margin-bottom: 1.3888888889vw;
}
#Under_Mv_area .ttl .en img {
  height: 5.4861111111vw;
  width: auto;
}
#Under_Mv_area .ttl .jp {
  position: relative;
  padding-left: 1rem;
  display: inline-block;
  font-size: 1.5rem;
}
#Under_Mv_area .ttl .jp:before {
  display: block;
  content: "";
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0, -50%, 0) rotate(30deg);
  opacity: 0.4;
}
@media screen and (max-width: 736px) and (orientation: portrait) {
  #Under_Mv_area {
    margin-bottom: 17.9487179487vw;
    padding-top: 28.2051282051vw;
  }
  #Under_Mv_area .ttl {
    margin-bottom: 12.8205128205vw;
  }
  #Under_Mv_area .ttl .en {
    display: block;
    margin-bottom: 4.1025641026vw;
  }
  #Under_Mv_area .ttl .en img {
    height: 10.1282051282vw;
    width: auto;
  }
  #Under_Mv_area .ttl .jp {
    padding-left: 2.5641025641vw;
    font-size: 3.0769230769vw;
  }
  #Under_Mv_area .ttl .jp:before {
    height: 100%;
  }
  #Under_Mv_area .img {
    height: 76.9230769231vw;
    width: 100%;
  }
  #Under_Mv_area .img img {
    width: 100%;
    height: 76.9230769231vw;
    object-fit: cover;
  }
}
/*------------------------------------------------------------
#Modal_area
------------------------------------------------------------*/
html.is-modal-open,
body.is-modal-open {
  overflow: hidden;
  height: 100%;
}

#Modal_area {
  border: none;
  padding: 0;
  background: transparent;
  max-width: 100vw;
}
#Modal_area[open] {
  display: flex;
  align-items: center;
  justify-content: center;
}
#Modal_area::backdrop {
  background: rgba(0, 0, 0, 0.5);
}
#Modal_area .modal {
  background: #fff;
  position: relative;
  z-index: 10010;
  width: 65rem;
  margin: 0 auto;
  padding: 3.75rem 5rem 5rem;
  box-sizing: border-box;
  max-height: 90vh;
  overflow-y: auto;
}
#Modal_area .modal .modal__close {
  border: none;
  background: transparent;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  float: right;
  background: #333;
  width: 5rem;
  height: 5rem;
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
#Modal_area .modal:before {
  display: block;
  content: "";
  width: 65rem;
  height: 56.25rem;
  background: url(../img/home/bg_mv1.jpg) left top no-repeat;
  background-size: 65rem 56.25rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -4;
}
#Modal_area .modal:after {
  display: block;
  content: "";
  width: 65rem;
  height: 18.75rem;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 37.5rem;
  left: 0;
  z-index: -4;
}
#Modal_area .modal .top_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem;
}
#Modal_area .modal .top_area h4 {
  width: 31.25rem;
  margin-bottom: 2.5rem;
}
#Modal_area .modal .top_area h4 span {
  display: block;
  font-size: 2rem;
  background: #333;
  color: #fff;
  text-align: center;
}
#Modal_area .modal .top_area .txt_area {
  width: calc(100% - 20.375rem);
}
#Modal_area .modal .top_area .txt_area .in_txt {
  background: rgba(255, 255, 255, 0.8);
  padding: 3.25rem 2.5rem;
  text-align: center;
}
#Modal_area .modal .top_area .txt_area .in_txt h5 {
  margin-bottom: 1.875rem;
  width: 11.25rem;
  margin: 0 auto;
  margin-bottom: 2.5rem;
}
#Modal_area .modal .top_area .txt_area .in_txt p {
  line-height: 1.8;
}
#Modal_area .modal .top_area .img_area {
  width: 15.375rem;
}
#Modal_area .modal .step_area .style_ttl2 {
  margin-bottom: 2.5rem;
}
#Modal_area .modal .step_area ul {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#Modal_area .modal .step_area ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2.5rem 0rem 2.5rem 2.5rem;
}
#Modal_area .modal .step_area ul li:last-child {
  border: none;
}
#Modal_area .modal .step_area ul li dl {
  display: flex;
}
#Modal_area .modal .step_area ul li dl dt {
  display: flex;
  align-items: center;
  width: 40%;
}
#Modal_area .modal .step_area ul li dl dt .num {
  line-height: 1;
  margin-right: 1.875rem;
  text-align: center;
}
#Modal_area .modal .step_area ul li dl dt .num .mini {
  display: block;
  font-size: 0.875rem;
}
#Modal_area .modal .step_area ul li dl dt .num .big {
  display: block;
  font-size: 2.5rem;
}
#Modal_area .modal .step_area ul li dl dt .ttl {
  line-height: 1.4;
  font-size: 1.125rem;
}
#Modal_area .modal .step_area ul li dl dd {
  width: 60%;
  display: flex;
  line-height: 1.6;
  font-size: 0.9375rem;
  align-items: center;
}
#Modal_area .modal .step_area ul li dl dd .left_area {
  width: 50%;
  box-sizing: border-box;
}
#Modal_area .modal .step_area ul li dl dd .right_area {
  box-sizing: border-box;
  width: 50%;
  padding-left: 2.5rem;
}
#Modal_area .modal .step_area ul li dl dd .right_area .style_btn_gold {
  font-size: 0.875rem;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  #Modal_area .modal {
    width: 89.7435897436vw;
    padding: 7.6923076923vw 5.1282051282vw;
  }
  #Modal_area .modal .modal__close {
    font-size: 5.1282051282vw;
    width: 10.2564102564vw;
    height: 10.2564102564vw;
    top: 5vh;
    right: 5.1282051282vw;
    color: #fff;
  }
  #Modal_area .modal:before {
    width: 89.7435897436vw;
    height: 128.2051282051vw;
    background: url(../img/home/bg_mv1_sp.jpg) left top no-repeat;
    background-size: 89.7435897436vw 128.2051282051vw;
  }
  #Modal_area .modal:after {
    width: 89.7435897436vw;
    height: 38.4615384615vw;
    top: 89.7435897436vw;
  }
  #Modal_area .modal .top_area {
    display: block;
    margin-bottom: 12.8205128205vw;
    text-align: center;
  }
  #Modal_area .modal .top_area h4 {
    width: 64.1025641026vw;
    margin: 0 auto 6.6666666667vw;
  }
  #Modal_area .modal .top_area .txt_area {
    width: 100%;
    margin-bottom: 9.2307692308vw;
  }
  #Modal_area .modal .top_area .txt_area .in_txt {
    padding: 6.6666666667vw 5.1282051282vw;
    text-align: center;
  }
  #Modal_area .modal .top_area .txt_area .in_txt h5 {
    margin-bottom: 3.8461538462vw;
    width: 28.2051282051vw;
    margin: 0 auto;
    margin-bottom: 5.1282051282vw;
  }
  #Modal_area .modal .top_area .txt_area .in_txt p {
    line-height: 1.8;
  }
  #Modal_area .modal .top_area .img_area {
    width: 41.0256410256vw;
    margin: 0 auto;
  }
  #Modal_area .modal .step_area .style_ttl2 {
    margin-bottom: 5.1282051282vw;
  }
  #Modal_area .modal .step_area .style_ttl2 .jp {
    letter-spacing: -0.1em;
  }
  #Modal_area .modal .step_area ul li {
    padding: 7.6923076923vw 2.5641025641vw;
  }
  #Modal_area .modal .step_area ul li dl {
    display: flex;
    display: block;
  }
  #Modal_area .modal .step_area ul li dl dt {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5.1282051282vw;
  }
  #Modal_area .modal .step_area ul li dl dt .num {
    line-height: 1;
    margin-right: 3.8461538462vw;
    text-align: center;
  }
  #Modal_area .modal .step_area ul li dl dt .num .mini {
    display: block;
    font-size: 3.0769230769vw;
  }
  #Modal_area .modal .step_area ul li dl dt .num .big {
    display: block;
    font-size: 6.1538461538vw;
  }
  #Modal_area .modal .step_area ul li dl dt .ttl {
    line-height: 1.4;
    font-size: 4.1025641026vw;
  }
  #Modal_area .modal .step_area ul li dl dd {
    width: 100%;
    display: block;
    font-size: 3.0769230769vw;
    align-items: center;
  }
  #Modal_area .modal .step_area ul li dl dd .left_area {
    width: 100%;
    box-sizing: border-box;
  }
  #Modal_area .modal .step_area ul li dl dd .right_area {
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-top: 5.1282051282vw;
  }
  #Modal_area .modal .step_area ul li dl dd .right_area .style_btn_gold {
    font-size: 3.5897435897vw;
  }
}
/*------------------------------------------------------------
.customCommonInfo
------------------------------------------------------------*/
.customCommonInfo {
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
  font-size: 1rem;
  padding: 1.875rem 1.875rem 2.5rem;
  margin: 2.5rem auto 0;
  display: block;
  line-height: 1.6;
}
.customCommonInfo .ttl {
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
}
.customCommonInfo.bottom {
  display: inline-block;
  border-color: #fff;
  font-size: 0.75rem;
  padding: 1.25rem 1.875rem;
  margin: 1.25rem auto 0;
}
.customCommonInfo.bottom .ttl {
  font-size: 0.875rem;
}
.customCommonInfo.bottom a {
  color: #fff;
}

@media screen and (max-width: 736px) and (orientation: portrait) {
  .customCommonInfo {
    font-size: 3.0769230769vw;
    padding: 5.1282051282vw 5.1282051282vw;
    margin: 7.6923076923vw auto 3.8461538462vw;
    line-height: 1.6;
  }
  .customCommonInfo .ttl {
    font-size: 3.3333333333vw;
    margin-bottom: 2.5641025641vw;
  }
  .customCommonInfo.bottom {
    font-size: 3.0769230769vw;
    padding: 5.1282051282vw 5.1282051282vw;
    margin: 2.5rem auto 0;
  }
  .customCommonInfo.bottom .ttl {
    font-size: 3.3333333333vw;
  }
}
/*--------------------------------------
nomura template Configuration
default.cssの内容に追加する場合はここに記載
--------------------------------------*/
.header-property-logo {
  width: auto;
}

.header-property-list01-item > a {
  font-size: 0.75rem;
}

/* - ナビ背景色 - */
.nav-global-property {
  background: #fff;
}

.nav-global-property-item {
  width: 100%;
}
.nav-global-property-item.no_link a {
  pointer-events: none;
  opacity: 0.3;
}
.nav-global-property-item:nth-child(9n) {
  width: 100%;
}
.nav-global-property-item:first-child::before, .nav-global-property-item::after {
  border-color: #666666;
}
.nav-global-property-item.nav-global-brand {
  background: #000066 !important;
}
.nav-global-property-item.nav-global-brand::after {
  border-color: transparent;
}

.nav-global-property-link {
  color: #333333;
  font-size: 0.875rem;
}
.nav-global-property-link:hover::after, .nav-global-property-link.is-current::after {
  border-bottom-color: #212222;
}

.nav-global-property-item.is-soon .nav-global-property-link {
  opacity: 0.5;
  pointer-events: none;
}
.nav-global-property-item.is-soon .nav-global-property-link::before {
  content: "COMING SOON";
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: 0.1em;
  color: #000;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.nav-global-property-item.is-new .nav-global-property-link::before {
  top: 0;
}

.box-bukken-contact {
  background-color: #212222;
}

.box-bukken-contact-inner {
  color: #000000;
}

.box-bukken-contact-list-item {
  background: url(../img/common/ico_arrow_right_02_pc.png) right 0.4375rem no-repeat;
  background-size: 0.3125rem 0.4375rem;
  line-height: 1;
  margin-top: 2.5rem;
}

.box-bukken-contact-inner,
.box-bukken-contact-list-link {
  color: #fff;
}

.list-bukken-contact {
  align-items: stretch;
}

.list-bukken-contact-link {
  height: 100%;
}

.list-bukken-contact-link-green {
  border: 1px #2c4e2a solid;
}

.ttl-property-main {
  background-color: #212222;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  color: #fff;
}

.btn-pagetop-property,
.footer-property-link-wrap {
  background-color: #303336;
}

.is-pc1200l .list-property-control-wrap .list-property-control {
  flex-wrap: nowrap;
}
.is-pc1200l .list-property-control-wrap .list-property-control-item {
  width: 100%;
}

/* - タブレット「お問い合わせ」削除 -  */
.tablet .list-property-control-item.contact {
  display: none;
}

/* - フォント遅延読み込み -  */
.loaded .box-bukken-contact,
.loaded .nav-global-property-link,
.loaded .ttl-property-main {
  /*font-family: 'YakuHanMP','Noto Serif JP',serif;*/
  font-family: YakuHanMP, "Shippori Mincho", serif;
}

.box-bukken-contact-title {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.box-bukken-contact-text,
.box-bukken-contact-list-link,
.ttl-property-main, .box-bukken-contact-assistance-with {
  font-size: 0.75rem;
  margin-bottom: 0;
}

.box-bukken-contact-tel > a {
  position: relative;
  background: url(../img/common/ico_tel_01.png) left center no-repeat;
  background-size: 22px 19px;
  font-size: 1.875rem;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
  .nav-global-property-link {
    font-size: 3.5897435897vw;
  }
  .box-bukken-contact-title {
    font-size: 3.0769230769vw;
    line-height: 1.4;
  }
  .box-bukken-contact-text,
  .box-bukken-contact-list-link,
  .ttl-property-main,
  .box-bukken-contact-assistance-with {
    font-size: 3.0769230769vw;
    line-height: 1.6;
    text-align: center;
  }
  .box-bukken-contact-tel > a {
    font-size: 5.1282051282vw;
  }
}
/* オンライン商談ボタン */
.list-property-control-text {
  font-size: 0.75rem;
}

.list-property-control-link-yellow {
  border: 1px solid #bb951e;
}
.list-property-control-link-yellow:hover {
  border: 1px solid #fff;
}
.list-property-control-link-yellow .list-property-control-icon {
  width: 16px;
  height: 15px;
  background: url("../img/common/icon_reservation_online.png") top left no-repeat;
  background-size: auto;
  background-size: 16px 13px;
}
.list-property-control-link-yellow:hover .list-property-control-icon.reservation01 {
  background: url(/general/img/ico_reservation_01_pc.png) top left no-repeat;
  background-size: auto;
  background-size: 17px 14px;
}
.list-property-control-link-yellow .list-property-control-text {
  color: #bb951e;
}
.list-property-control-link-yellow:hover {
  background-color: #bb951e;
}
.list-property-control-link-yellow:hover .list-property-control-text {
  color: #fff;
}

.list-bukken-contact-item .online {
  border: 1px solid #bb951e;
}

.online .list-bukken-contact-icon {
  width: 17px;
  height: 14px;
  background: url(../img/common/icon_reservation_online.png) top left no-repeat;
  background-size: auto;
  background-size: 17px 14px;
}
.online:hover .list-bukken-contact-icon {
  width: 17px;
  height: 14px;
  background: url(../img/common/icon_reservation_online_hover.png) top left no-repeat;
  background-size: auto;
  background-size: 17px 14px;
}

.list-bukken-contact-text {
  font-size: 0.8125rem;
}

.list-bukken-contact-link-yellow {
  border: 1px #bb951e solid;
}
.list-bukken-contact-link-yellow .list-bukken-contact-text {
  color: #bb951e;
}
.list-bukken-contact-link-yellow:hover {
  background-color: #bb951e;
}
.list-bukken-contact-link-yellow:hover .list-bukken-contact-text {
  color: #fff;
}

.reservation03 .list-bukken-contact-icon {
  width: 17px;
  height: 14px;
  background: url(../img/common/icon_reservation_online.png) top left no-repeat;
  background-size: 17px 14px;
}
.reservation03 .list-bukken-contact-link:hover .list-bukken-contact-icon {
  background: url(../img/common/icon_reservation_online_hover.png) top left no-repeat;
  background-size: 17px 14px;
}

@media screen and (max-width: 1200px) {
  .header-property::before {
    height: 90px;
  }
  .header-property.scrolled .header-property-logo {
    visibility: hidden;
  }
  .nav-global-property-list,
  .header-property-menu {
    background-color: #171614;
  }
  .header-property-btn-menu.header-local-menu.is-open {
    background-color: #171614 !important;
  }
  .nav-global-property-inner.nav-global-property-inner-first, .nav-global-property-inner.nav-global-property-inner-second {
    background: #171614;
  }
  .nav-global-property-item {
    width: 50%;
  }
  .nav-global-property-item:nth-child(9n) {
    width: 50%;
  }
  .list-property-control {
    flex-wrap: nowrap;
  }
  .list-property-control-item {
    width: 100%;
  }
  .nav-global-property-link {
    color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .list-property-control-text {
    font-size: 3.0769230769vw !important;
  }
  .list-bukken-contact-text {
    font-size: 3.0769230769vw;
  }
  .header-property-logo {
    padding: 21px 0;
  }
  .header-property-logo-link .header-property-logo-title img {
    height: 20px;
  }
}
@media screen and (max-width: 736px) {
  .box-bukken-contact-tel > a {
    background-size: 18px 16px;
  }
  .box-bukken-contact-list-item {
    background: url(../img/common/ico_arrow_right_02_pc.png) right 1.5384615385vw no-repeat;
    background-size: 1.2820512821vw 1.7948717949vw;
    margin-top: 5.1282051282vw;
  }
}
/* common.cssとの競合 */
@media screen and (max-width: 768px) {
  .bnr-bukken .pc {
    display: block !important;
  }
}
@media screen and (max-width: 736px) {
  .bnr-bukken .pc {
    display: none !important;
  }
  .bnr-bukken .sp {
    display: block !important;
  }
}
@media screen and (max-width: 736px) {
  .wrapper {
    padding-top: 0 !important;
  }
}
/* 物件エントリー者様限定サイトボタン付与var */
@media screen and (max-width: 736px) {
  .list-bukken-contact li a {
    /*height: 56px;*/
  }
}
/* 下部CVボタン中央揃えvar（要望があった場合）*/
@media screen and (max-width: 736px) {
  .list-bukken-contact {
    justify-content: center;
  }
}
/*プレミアムプラン調整*/
.premium--nav .nav-global-property-link.is-current::after {
  border-bottom-color: #fff;
}

.premiumPage .premium--nav .nav-global-property-link.is-current::after {
  border-bottom-color: #212222;
}
.premiumPage .roomplan--nav .nav-global-property-link.is-current::after {
  border-bottom-color: #fff;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
default-btn
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.default-btn {
  width: min(100%, 390px);
  margin: 0 auto;
}
.default-btn a {
  display: block;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.15em;
  font-weight: 800;
  color: #fff;
  text-align: center;
  padding: 2.5rem 0 2.5rem;
  border-radius: 0.9rem;
  border: solid 1px #232323;
  background-color: #232323;
  cursor: pointer;
}

.default-btn-brown a {
  border: solid 1px #7a6747;
  background-color: #7a6747;
}

.default-btn-blue a {
  border: solid 1px #283c4a;
  background-color: #283c4a;
}

.default-btn-gold a {
  color: #000;
  border: none;
  background: linear-gradient(90deg, #af8a46, #f7dc95, #af8a46);
}

@media (any-hover: hover) {
  .default-btn a {
    transition: color 0.5s, background-color 0.5s;
  }
  .default-btn a:hover {
    color: #232323;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .default-btn-brown a:hover {
    color: #7a6747;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .default-btn-blue a:hover {
    color: #283c4a;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .default-btn-gold a {
    transition: opacity 0.5s;
  }
  .default-btn-gold a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 768px) {
  .default-btn {
    width: 24rem;
  }
  .default-btn a {
    font-size: 1.6rem;
    padding: 1.7rem 0 1.8rem;
    border-radius: 0.6rem;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
common-suggest
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.common-suggest {
  position: relative;
  background-color: #212222;
  width: 100%;
}

.common-suggest-box {
  width: min(90%, 1920px);
  margin: 0 auto;
}

.common-suggest-list {
  display: flex;
  flex-wrap: nowrap;
}

.common-suggest-item {
  width: 100%;
}
.common-suggest-item.no_link a {
  pointer-events: none;
  opacity: 0.3;
}
.common-suggest-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.9375rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 21px 0;
  position: relative;
}
.common-suggest-item a:before {
  display: block;
  content: "";
  width: 1px;
  height: 25%;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
}
.common-suggest-item.is-soon a {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.common-suggest-item.is-soon a:after {
  content: "COMING SOON";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10px;
  letter-spacing: 0.1em;
  color: #fff;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(66, 66, 66, 0.8);
}

@media screen and (max-width: 768px) {
  .common-suggest-box {
    width: 100%;
  }
  .common-suggest-list {
    flex-wrap: wrap;
  }
  .common-suggest-item {
    width: 50%;
  }
  .common-suggest-item a {
    font-size: 3.0769230769vw;
    padding: 5.1282051282vw 0 5.1282051282vw;
    border-bottom: solid 1px rgba(245, 245, 245, 0.3);
  }
  .common-suggest-item a:before {
    display: none;
  }
  .common-suggest-item:nth-child(even) a {
    border-left: solid 1px rgba(245, 245, 245, 0.3);
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
common-lead
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.common-lead {
  position: relative;
  width: 100%;
}

.common-lead-list {
  width: 100%;
}

.common-lead-item {
  position: relative;
  width: 25%;
  background: #000;
}
.common-lead-item.is-hide {
  display: none;
}

.common-lead-item-soon {
  cursor: default;
  pointer-events: none;
}
.common-lead-item-soon:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/home/img_page_soon.svg) no-repeat center center/cover;
  z-index: 1;
}

.common-lead-item__link {
  position: relative;
  display: block;
  height: 100%;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.common-lead-item__figure {
  position: relative;
  overflow: hidden;
}
.common-lead-item__figure img {
  transform: scale(1);
  transition: 0.6s;
}

.common-lead-item__link:hover .common-lead-item__figure img {
  transform: scale(1.1);
}

.common-lead-item__box {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}

.common-lead-item__en {
  font-size: 3.2rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
  margin-bottom: 0.6rem;
}

.common-lead-item__ttl {
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
  .common-lead-item {
    width: 50%;
  }
  .common-lead-item__figure {
    aspect-ratio: 190/100;
  }
  .common-lead-item__figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }
  .common-lead-item__en {
    font-size: 1.4rem;
    margin-bottom: 0.2rem;
  }
  .common-lead-item__ttl {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 0.15em;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
common-heading
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.common-heading {
  padding-top: 16rem;
}

.common-heading__en {
  font-size: 4.8rem;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #7a6747;
  margin-bottom: 3.5rem;
}

.common-heading__en-small {
  font-size: 3.8rem;
}

.common-heading__ttl {
  font-size: 2.8rem;
  line-height: 1.75;
  letter-spacing: 0.15em;
  color: #7a6747;
}

.common-heading__catch {
  font-size: 3.2rem;
  line-height: 1.75;
  letter-spacing: 0.15em;
  margin-top: 5rem;
}

.common-heading__desc {
  font-size: 1.6rem;
  line-height: 2.125;
  letter-spacing: 0.15em;
  margin-top: 5rem;
}

.common-heading__catch + .common-heading__desc {
  margin-top: 2rem;
}

.common-heading__desc + .common-heading__desc {
  margin-top: 2rem;
}
.common-heading__desc span {
  display: block;
  font-size: 0.75em;
  margin-top: 1em;
}

@media screen and (max-width: 768px) {
  .common-heading {
    padding-top: 6rem;
  }
  .common-heading__en {
    font-size: 2.6rem;
    line-height: 1.2307692308;
    margin-bottom: 1.5rem;
  }
  .common-heading__en-small {
    font-size: 2.1rem;
  }
  .common-heading__ttl {
    font-size: 1.6rem;
  }
  .common-heading__catch {
    font-size: 1.8rem;
    margin-top: 2.5rem;
  }
  .common-heading__desc {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 3.5rem;
  }
  .common-heading__catch + .common-heading__desc,
  .common-heading__desc + .common-heading__desc {
    margin-top: 1.5rem;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
l-common-proposal
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.l-common-proposal {
  position: relative;
  padding: 8rem 0;
}

.common-proposal-box {
  /*width: min(90%, 812px);*/
  width: min(90%, 1000px);
  margin: 0 auto;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  background: rgba(229, 229, 229, 0.7);
  padding: 8rem 0 6rem;
}

.common-proposal-heading {
  font-size: 2.4rem;
  letter-spacing: 0.25em;
  line-height: 1.5652173913;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2.8rem;
}

.common-proposal-desc {
  font-size: 1.5rem;
  letter-spacing: 0.25em;
  line-height: 2.5333333333;
  font-weight: 600;
  text-align: center;
  margin-bottom: 4rem;
}

.common-proposal__btn {
  width: 81%;
  margin-inline: auto;
}
.common-proposal__btn .default-btn {
  width: 48.1481481481%;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .l-common-proposal {
    padding: 4.6rem 0;
  }
  .common-proposal-box {
    width: 81.5789473684%;
    padding: 3rem 0 3rem;
  }
  .common-proposal-heading {
    font-size: 2rem;
    letter-spacing: 0.15em;
    margin-bottom: 1.2rem;
  }
  .common-proposal-desc {
    width: 83.8709677419%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2;
    text-align: justify;
    letter-spacing: 0.15em;
    margin-bottom: 2.2rem;
  }
  .common-proposal__btn {
    width: 77.4193548387%;
    gap: 2rem;
  }
  .common-proposal__btn .default-btn {
    width: 100%;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
common__note
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.common__note {
  padding-top: 80px;
  padding-bottom: 80px;
}

.common__note__item {
  font-size: 0.6875rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
  word-break: break-all;
  text-indent: -1em;
  padding-left: 1em;
}

.common__note__custom {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 10px;
  text-indent: 0;
  padding-left: 0;
  margin-top: 1em;
}
.common__note__custom p:nth-of-type(1) {
  font-size: 14px;
  padding: 4px 26px 6px;
  border: solid 1px #333333;
  box-sizing: border-box;
}
.common__note__custom p:nth-of-type(2) {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .common__note {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .common__note__item {
    font-size: 10px;
  }
}
@media screen and (max-width: 480px) {
  .common__note__custom {
    padding: 4px 20px 10px;
    border: solid 1px #333333;
    box-sizing: border-box;
    margin-top: 1.5em;
  }
  .common__note__custom p:nth-of-type(1), .common__note__custom p:nth-of-type(2) {
    flex: 1 1 100%;
  }
  .common__note__custom p:nth-of-type(1) {
    text-align: center;
    border: none;
    border-bottom: solid 1px #333333;
    padding: 0 0 3px;
    margin-bottom: 7px;
  }
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
bread（限定パンくず）
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.bread {
  background: #000;
  padding-top: 12px;
  padding-bottom: 12px;
}

.breadList {
  max-width: 1500px;
}
.breadList > li {
  font-size: 12px;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.4;
}
.breadList > li::before {
  content: ">";
  display: inline-block;
  margin: 0 1em;
}
.breadList > li:first-child::before {
  content: none;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
  .bread {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  .bread {
    padding-top: 80px;
  }
  .breadList {
    display: block;
  }
  .breadList > li {
    font-size: 11px;
    line-height: 2;
  }
  .breadList > li::before {
    margin-left: 0;
  }
}
.footer-copyright-text {
  font-size: 11px;
}

.ttl-heading {
  font-size: 26px;
}

.mod-visited-text {
  font-size: 15px;
}

.btn-pagetop-property > a {
  font-size: 14px;
}