@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
/*$color1: #0094e3;*/
@media (min-width: 767px) { .msn-madori--action_auto { padding: 0 0 1rem 0; -ms-grid-columns: 1fr 60%; grid-template-columns: 1fr 60%; -ms-grid-rows: 102px 1fr; grid-template-rows: 102px 1fr; position: relative; min-height: 640px; }
.msn-madori--action_auto::before { content: ""; display: block; width: 40%; height: 40%; position: absolute; top: 0; left: 0; z-index: 1; background: #e9e5de; }  
.msn-madori--action_auto::after { content: ""; display: block; width: 40%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: #f8f5f2; }
  .msn-madori__header, .msn-madori__data, .msn-madori__actions { position: relative; z-index: 1; }
  .msn-madori__header { padding: 2rem 5% 0; }
  .msn-madori__data { padding-right: 0; } }
@media (max-width: 767px) { .msn-madori { padding: 0; }
  .msn-madori__type { margin-top: 0; }
  .msn-madori__header { border-bottom: none; padding: 20px 0 10px; position: static !important; }
  .msn-madori__header .msn-madori__title { margin-left: 5%; margin-right: 5%; font-size: 2.7rem !important; } }
#sec-fv { margin-bottom: 0; }

.view { margin-bottom: 4rem; }
.view .midashi2 { width: 90%; margin-left: auto; margin-right: auto; }
.view .img { max-width: 1000px; margin: auto; }

#plan_bg { position: relative; padding-bottom: 5rem; }
#plan_bg::after { content: ""; display: block; width: 100%; height: calc(100% - 50px); background: #f9f8f3; position: absolute; left: 0; bottom: 0; z-index: 0; }

#sec-localnav, #sec-plan { position: relative; z-index: 1; }

#sec-plan { margin-bottom: 0; }

#plan_menu .msn-planNav__items { justify-content: space-between; }
#plan_menu .msn-planNav__items::after { content: ""; display: block; width: 32%; }
#plan_menu .msn-planNav__item { flex-basis: 32%; margin-bottom: 0.5rem; }
@media (max-width: 540px) { #plan_menu .msn-planNav__item { flex-basis: 48%; } }

@media (min-width: 1000px) { .msn-planNav__link { height: auto; }
  .msn-planNav__link::before { content: ""; display: block; padding-bottom: 56.5%; } }
@media (max-width: 1000px) { .msn-planNav__link { height: auto; }
  .msn-planNav__link::before { content: ""; display: block; padding-bottom: 56.5%; } }
.msn-madori__header { background: #e9e5de; color: #2e2c28; padding: 2rem 5% 2px; }
.msn-madori__header .color { color: #93805d; }
.msn-madori__header .msn-madori__title { text-align: center; border-bottom: 1px solid white; padding-bottom: 0.5rem; font-size: 3.7rem; line-height: 1; }
.msn-madori__header .msn-madori__title small { font-size: 0.5em; }

.msn-madori__data .bg { background: #e9e5de; color: #2e2c28; padding: 0 5% 2rem; text-align: center; }
.msn-madori__data .bg .color { color: #93805d; }
.msn-madori__data .msn-madori__type { border-bottom: 1px solid white; padding-bottom: 0.5rem; }
.msn-madori__data .msn-madori__areaPrimary { margin-bottom: 0; }
.msn-madori__data .msn-madori__areaShitugaiki { font-size: 0.8rem; margin-bottom: 0.5rem; }
@media (max-width: 767px) { .msn-madori__data .bg { padding-bottom: 1rem; } }

.msn-bodyCopy ul { list-style: none; padding-left: 0; }
.msn-bodyCopy ul li { padding: 1rem 1.5rem; border-bottom: 1px solid #e9e9e9; text-align: center; }

.msn-madori__details { margin-top: 0; }
@media (max-width: 767px) { .msn-madori__details { background: #f8f5f2; } }

.msn-madori__image { margin-bottom: 2rem; }
.msn-madori__image picture { width: 100%; padding: 1rem 0; }
.msn-madori__image picture img { width: 100%; height: auto; }

.msn-madori__fig .hanrei { text-align: left; padding: 0 2rem; }
.msn-madori__fig .hanrei img { height: 6px; width: auto; }

.msn-madori--action_auto::after { background: #fbfaf7; }

.msn-madori__details { background: #f3eee3; }

.msn-bodyCopy ul li { border-bottom-color: #beb7a9; }
.msn-bodyCopy ul li:last-child { border-bottom: none; }

.msn-madori__areaPrimary .color { font-size: 2.2rem; }
.msn-madori__areaPrimary .note { font-size: 12px; }

/*.msn-madori--action_auto { align-items: center;
}*/

.msn-madori__actions .hanrei { width: 90%; margin: auto; }
.msn-madori__actions .hanrei img { height: 1em; width: auto; }
.msn-madori__actions .hanrei img.hanrei03, .msn-madori__actions .hanrei img.hanrei04 { height: 0.7em; }

#plan_bg .msn-cv-button__link { border-radius: 0; background: linear-gradient(90deg, #635f57, #b89866); }

.madori-A1 { background-image: url("../img/plan/planNav_A1.jpg?v=1791369410"); }

.madori-G1 { background-image: url("../img/plan/planNav_G1.jpg?v=1791369410"); }

.madori-Nr { background-image: url("../img/plan/planNav_Nr.jpg?v=1791369411"); }

.madori-Qr { background-image: url("../img/plan/planNav_Qr.jpg?v=1791369410"); }

.madori-Tr { background-image: url("../img/plan/planNav_Tr.jpg?v=1791369410"); }

.bnr_premium { max-width: 760px; width: 94%; margin: 0 auto 5rem; }
.bnr_premium a { display: block; width: 100%; padding: 3px; background: #fff; box-sizing: border-box; border: 1px solid #8e7a36; }
.bnr_premium a img { width: 100%; height: auto; }

.kankyo_inner { max-width: 800px; width: 90%; margin: 4rem auto 4rem; justify-content: center; /*
.img { &:nth-of-type(1) { width: 53%; } &:nth-of-type(2) { width: 44%; }
}
>.note { width: 100%; margin-top: 20px;
}
*/   /* @media (max-width: $wideM) { .img { &:nth-of-type(1) { width: 100%; margin-bottom: 2rem; } &:nth-of-type(2) { width: 100%; } }
}
*/ }
.kankyo_inner .img { max-width: 320px; margin: auto; }

/*******************************
横長の間取りレイアウト
********************************/
@media (min-width: 767px) { .msn-madori--action_auto.madori_wide { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
  .msn-madori--action_auto.madori_wide::after { content: none; }
  .msn-madori--action_auto.madori_wide .msn-madori__spec { width: 40%; }
  .msn-madori--action_auto.madori_wide .msn-madori__details { width: 60%; background: #f8f5f2; position: relative; }
  .msn-madori--action_auto.madori_wide .msn-madori__details .msn-bodyCopy { width: 100%; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .msn-madori--action_auto.madori_wide .msn-madori__fig { width: 100%; }
  .msn-madori--action_auto.madori_wide .msn-madori__actions { padding-right: 0; width: 100%; } }
/*******************************
プレミアムプランページ
********************************/
#sec-fv.premiumplan_mv_sec { margin-bottom: 0; }

#premiumPlan_contents { background: #000; padding-bottom: 10px; color: #fff; font-family: YakuHanMP, "Noto Serif JP", serif; }
#premiumPlan_contents .msn-h2__inner { font-family: YakuHanMP, "Noto Serif JP", serif; }
@media (min-width: 767px) { #premiumPlan_contents #sec-localnav .msn-h2 { margin-bottom: 0; }
  #premiumPlan_contents #sec-localnav .msn-section { margin-bottom: 4rem; }
  #premiumPlan_contents #sec-localnav .msn-section__container { padding-left: 0; padding-right: 0; max-width: none; width: 98%; } }
#premiumPlan_contents #sec-localnav .msn-h2__inner .msn-h2__title { color: #a4a483; }
#premiumPlan_contents #sec-localnav .msn-h2__inner .msn-h2__title::before { background: #a4a483; }
#premiumPlan_contents h3.midashi1 { font-size: 1.4rem; margin-top: 2rem; font-family: YakuHanMP, "Noto Serif JP", serif; }
@media (max-width: 767px) { #premiumPlan_contents h3.midashi1 { font-size: 1.0rem; } }
#premiumPlan_contents #plan_summary .photoArea { position: relative; margin-top: 5rem; margin-bottom: 2rem; }
#premiumPlan_contents #plan_summary .photoArea::before { content: ""; display: block; width: 100%; padding-bottom: 55%; }
#premiumPlan_contents #plan_summary .photoArea li { position: absolute; }
#premiumPlan_contents #plan_summary .photoArea li img { width: 100%; height: auto; }
#premiumPlan_contents #plan_summary .photoArea li:nth-of-type(1) { width: 48%; top: 0; left: 45%; }
#premiumPlan_contents #plan_summary .photoArea li:nth-of-type(2) { width: 43%; top: 23%; left: 0; }
#premiumPlan_contents #plan_summary .photoArea li:nth-of-type(3) { width: 34%; top: 56%; left: 45%; }
#premiumPlan_contents #plan_summary .photoArea li:nth-of-type(4) { width: 20%; top: 56%; right: 0; }
#premiumPlan_contents #plan_summary .photoArea li:nth-of-type(5) { width: 100%; top: 81%; right: 0; color: #fff; text-align: right; }
@media (max-width: 767px) { #premiumPlan_contents #plan_summary .photoArea::before { padding-bottom: 76%; }
  #premiumPlan_contents #plan_summary .photoArea li:nth-of-type(1) { width: 56%; top: 0; left: 46%; }
  #premiumPlan_contents #plan_summary .photoArea li:nth-of-type(2) { width: 43%; top: 6%; left: 0; }
  #premiumPlan_contents #plan_summary .photoArea li:nth-of-type(3) { width: 61%; top: 50%; left: 0; }
  #premiumPlan_contents #plan_summary .photoArea li:nth-of-type(4) { width: 37%; top: 58%; left: 64%; }
  #premiumPlan_contents #plan_summary .photoArea li:nth-of-type(5) { top: 91%; } }
#premiumPlan_contents .madori_block { position: relative; max-width: 1000px; width: 94%; margin: 0 auto 3rem; padding-bottom: 2px; }
#premiumPlan_contents .madori_block .specArea1 img { height: 5rem; width: auto; }
#premiumPlan_contents .madori_block .specBlock { background: linear-gradient(0deg, #292929, #4f4b30); padding: 2rem; }
#premiumPlan_contents .madori_block .specArea2 { text-align: left; font-size: 24px; position: relative; z-index: 2; color: #fff; }
#premiumPlan_contents .madori_block .specArea2 .menseki1 { font-size: 1em; margin-bottom: 0.5rem; display: inline-block; margin-right: 10px; }
#premiumPlan_contents .madori_block .specArea2 .menseki1 b { font-size: 1.5em; color: #a4a483; }
#premiumPlan_contents .madori_block .specArea2 .menseki1 small { font-size: 0.7em; display: inline-block; }
#premiumPlan_contents .madori_block .specArea2 .menseki2 { font-size: 0.7rem; display: inline-block; }
#premiumPlan_contents .madori_block .point { font-size: 1rem; margin: 2rem auto 0; z-index: 2; color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; }
#premiumPlan_contents .madori_block .point li { margin-bottom: 0; width: 31%; padding-left: 20px; border-left: 3px solid #a4a483; box-sizing: border-box; height: 4.2rem; position: relative; }
#premiumPlan_contents .madori_block .point li > div { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#premiumPlan_contents .madori_block .madoriArea { background: #fff; color: #000 !important; padding: 30px; max-width: 1000px; width: calc(100% - 4px); margin: 0 auto 0; position: relative; z-index: 2; }
#premiumPlan_contents .madori_block .hanrei img { height: 10px; margin-right: 5px; }
#premiumPlan_contents .madori_block .btn_catalog { max-width: 300px; margin: 2rem auto; }
#premiumPlan_contents .madori_block .btn_catalog a { display: block; width: 100%; background: #d08a4c; color: #fff; text-align: center; padding: 10px 0; }
@media (max-width: 1080px) { #premiumPlan_contents .madori_block .specArea1 img { height: 8vw; }
  #premiumPlan_contents .madori_block .specArea2 { font-size: 2.4vw; }
  #premiumPlan_contents .madori_block .point { font-size: 1.5vw; } }
@media (max-width: 767px) { #premiumPlan_contents .madori_block .specArea1 img { height: 10vw; }
  #premiumPlan_contents .madori_block .specArea2 { font-size: 23px; }
  #premiumPlan_contents .madori_block .specArea2 .menseki1, #premiumPlan_contents .madori_block .specArea2 .menseki2 { display: block; }
  #premiumPlan_contents .madori_block .point { font-size: 16px; }
  #premiumPlan_contents .madori_block .point li { width: 100%; height: auto; margin-bottom: 15px; }
  #premiumPlan_contents .madori_block .point li > div { position: static; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@media (max-width: 767px) { #premiumPlan_contents .madori_block .point { font-size: 14px; } }