@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::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; }
  .msn-madori__title { margin-left: 5%; margin-right: 5%; } }
#sec-fv { margin-bottom: 0; }

.msn-madori__header { background: #ba9a7b; color: #fff; }
.msn-madori__header .msn-madori__title { text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 0.5rem; }

.msn-madori__data .bg { background: #ba9a7b; color: #fff; padding: 0 5% 2rem; text-align: center; }
.msn-madori__data .msn-madori__type { border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-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__areaPrimary .note { font-size: 12px; }

.madori-CoLr { background-image: url("../img/plan/planNav_CoLr.jpg"); }

.madori-G2 { background-image: url("../img/plan/planNav_G2.jpg"); }

.madori-St { background-image: url("../img/plan/planNav_St.jpg"); }

.madori-C { background-image: url("../img/plan/planNav_C.jpg"); }

.kankyou { max-width: 800px; width: 90%; margin: 0 auto 6rem; justify-content: center; }
.kankyou .img:nth-of-type(1) { width: 53%; }
.kankyou .img:nth-of-type(2) { width: 44%; }
.kankyou > .note { width: 100%; margin-top: 20px; }
@media (max-width: 767px) { .kankyou .img:nth-of-type(1) { width: 100%; margin-bottom: 2rem; }
  .kankyou .img:nth-of-type(2) { width: 100%; } }