/*$reserve:#a43a40;*/
/*$main-col1:#2eb6aa;*/
.img .note { left: auto; right: 1rem; }

.main-container img, .page-wrap img { display: inline-block; width: 100%; height: auto; }

.page-wrap { color: #0d0d0d; font-feature-settings: "palt"; letter-spacing: 0.05em; }

.main-container .mv { position: relative; }
.main-container .mv .main-obi { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; }
.main-container .mv .main-inner { position: relative; /*display: grid;
gap: 0;
grid-template-columns: repeat(3,1fr);*/ }
.main-container .mv .main-inner .img { position: relative; }
.main-container .mv .main-inner .img .note { position: absolute; top: 5px; left: 5px; z-index: 2; color: #fff; text-shadow: 0 0 5px #000; padding-top: 0; }
.main-container .mv .main-inner .img .note.c { left: 33.7%; }
.main-container .mv .main-inner .img .note.r { left: 67%; }
.main-container .main-copy { max-width: 960px; width: 90%; margin-right: auto; margin-left: auto; /*@include gothic2;*/ position: relative; z-index: 2; color: #0d0d0d; }
.main-container .main-copy .ttl-en { max-width: 588px; margin: auto; text-align: center; /*@include en2;*/ font-family: "a-otf-ud-reimin-pr6n", sans-serif; font-weight: 300; font-style: normal; /*font-size: 1.5rem;*/ font-size: 2rem; line-height: 1; /*color: #9ebbd8;*/ color: #009d8a; font-weight: bold; letter-spacing: 0.08em; }
.main-container .main-copy .copy { text-align: center; margin: auto; font-weight: bold; }
.main-container .main-copy .copy b { /*color: #0d559d;*/ color: #1d756d; }
.main-container .main-copy .copy .txt-l { margin-top: 1.5rem; display: block; /*font-size: 2.9rem;*/ font-size: 4.2rem; line-height: 1.25; letter-spacing: .2em; font-weight: bold; }
.main-container .main-copy .copy .txt-m { margin-top: 1rem; display: block; /*font-size: 1.6rem;*/ font-size: 2.8rem; line-height: 1.36; letter-spacing: .2em; font-weight: bold; }
.main-container .lead { max-width: 960px; width: 90%; margin-right: auto; margin-left: auto; margin-top: 1.5rem; text-align: center; }
@media screen and (max-width: 599px) { .main-container .mv .main-inner { grid-template-columns: repeat(2, 1fr); }
  .main-container .mv .main-inner .img .note { top: 10px; }
  .main-container .mv .main-inner .img .note.c { left: 5px; }
  .main-container .mv .main-inner .img .note.r { left: 50.6%; } }

.m-grid { max-width: 960px; width: 90%; margin-right: auto; margin-left: auto; /*margin-top: 6rem;*/ margin-top: 8rem; display: grid; gap: 5rem 3.8rem; grid-template-columns: repeat(2, 1fr); }
.m-grid .merit-box { border-radius: 17px; /*padding: 4.3rem 3.4rem 2.5rem 3.4rem;*/ padding: 6rem 4.6rem 4rem; display: grid; gap: 20px 60px; position: relative; /*background: #DDECF7;*/ background: #fff; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2); }
.m-grid .m-head { grid-area: head; }
.m-grid .m-head .head-en { /*@include en2;*/ font-family: "a-otf-ud-reimin-pr6n", sans-serif; font-weight: 300; font-style: normal; /*font-size: 1.6rem;*/ font-size: 2.2rem; line-height: 1; /*color: #0d559d;*/ color: #009d8a; font-weight: bold; grid-area: head-en; }
.m-grid .m-head .m-copy { /*@include gothic2;*/ margin-top: 1.5rem; /*font-size: 1.3rem;*/ font-size: 2rem; line-height: 1.4; color: #1d756d; font-weight: bold; letter-spacing: .1em; grid-area: m-copy; }
.m-grid .lead { grid-area: lead; /*@include gothic2;*/ /*font-size: .967rem;*/ font-size: 1.5rem; line-height: 1.8; }
.m-grid .img-box { grid-area: img; }
.m-grid .img-box .note { padding: 5px 0; }
.m-grid .img-box2 { grid-area: img2; }
.m-grid .merit02 .img-box, .m-grid .merit03 .img-box { /*margin-left: -3.4rem;*/ margin-left: -4.6rem; }
.m-grid .merit05 .img-box, .m-grid .merit06 .img-box { /*margin-right: -3.4rem;*/ margin-right: -4.6rem; }
.m-grid .merit01 { grid-column: 1 / 3; gap: 1rem 3rem; grid-template-columns: 50% 1fr; grid-template-rows: max-content 1fr; grid-template-areas: "head img" "lead img"; }
.m-grid .merit02 { grid-template-areas: "head" "img" "lead"; grid-template-columns: 1fr; grid-template-rows: max-content max-content 1fr; }
.m-grid .merit03 { grid-template-areas: "head" "img" "lead"; grid-template-columns: 1fr; grid-template-rows: max-content max-content 1fr; }
.m-grid .merit04 { grid-column: 1 / 3; gap: 1rem 3rem; /*grid-template-columns: 47% 1fr;*/ grid-template-columns: 1fr 50%; grid-template-rows: max-content 1fr; grid-template-areas: "img head" "img lead"; }
.m-grid .merit05 { grid-template-areas: "head" "img" "lead" "img2"; grid-template-columns: 1fr; grid-template-rows: max-content auto max-content 1fr; }
.m-grid .merit05 .img-box2 { /*background: #fff;*/ background: #eff9f7; padding: 1rem; }
.m-grid .merit06 { grid-template-areas: "head" "img" "lead" "img2"; grid-template-columns: 1fr; grid-template-rows: max-content auto max-content 1fr; }
.m-grid .merit06 .img-box2 { /*background: #fff;*/ background: #eff9f7; padding: 1rem; }
@media screen and (max-width: 1024px) { .m-grid { gap: 4rem 2rem; }
  .m-grid .merit-box { border-radius: 17px; /*padding: 2.5rem 1.6rem;*/ padding: 4rem 2.8rem; }
  .m-grid .merit-box .img-box { /*margin-left: -1.6rem;*/ margin-left: -2.8rem; margin-right: auto; }
  .m-grid .merit02 .img-box, .m-grid .merit03 .img-box { /*margin-left: -1.6rem;*/ margin-left: -2.8rem; }
  .m-grid .merit05 .img-box, .m-grid .merit06 .img-box { /*margin-right: -1.6rem;*/ margin-right: -2.8rem; }
  .m-grid .merit01 { gap: 20px; }
  .m-grid .merit03 .m-copy { padding-right: 40px; }
  .m-grid .merit04 { gap: 20px; } }
@media screen and (max-width: 599px) { .m-grid { grid-template-columns: 1fr; gap: 4rem; }
  .m-grid .pc { display: none !important; }
  .m-grid .sp { display: block !important; }
  .m-grid .merit02 .img-box, .m-grid .merit03 .img-box { margin-left: auto; }
  .m-grid .merit05 .img-box, .m-grid .merit06 .img-box { margin-right: auto; }
  .m-grid .merit-box { /*background: #C2DDF1;*/ }
  .m-grid .merit-box .img-box { /*margin-left: -1.6rem;*/ margin-left: -2.8rem; margin-right: auto; }
  .m-grid .merit-box:nth-child(even) { /*background: #DDECF7;*/ }
  .m-grid .merit-box:nth-child(even) .img-box { /*margin-right: -1.6rem;*/ margin-right: -2.8rem; margin-left: auto; }
  .m-grid .merit-box:last-of-type { background: #fff; }
  .m-grid .merit-box:last-of-type .img-box { margin-right: auto; margin-left: auto; }
  .m-grid .merit01 { grid-column: 1 / 2; grid-template-columns: 1fr; grid-template-rows: max-content auto auto; grid-template-areas: "head" "img" "lead"; }
  .m-grid .merit02 .illust02 { top: -5rem; right: 1rem; }
  .m-grid .merit03 .illust03 { top: -6rem; right: 4rem; }
  .m-grid .merit04 { grid-column: 1 / 2; grid-template-columns: 1fr; grid-template-rows: max-content auto auto; grid-template-areas: "head" "img" "lead"; }
  .m-grid .merit04 .lead { padding-right: 0; } }