@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=Kosugi+Maru&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanmp_s.css");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanrp_s.css");
:root {
  --sans-serif: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial",
    "Yu Gothic", "Meiryo", sans-serif;
  --serif: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
    "MS PMincho", serif;
  --marugo: "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", sans-serif;
  --noto-sans-jp: "Roboto", "Noto Sans JP", sans-serif;
  --noto-serif-jp: "Noto Serif JP", serif;
  --m-plus-rounded-1c: "M PLUS Rounded 1c", sans-serif;
  --biz-udgothic: "BIZ UDGothic", sans-serif;
  --biz-udpgothic: "BIZ UDPGothic", sans-serif;
}

:root {
  --main: #4c4948;
  --brown: #5f3b42;
  --gray: #696b75;
}

header {
  height: 400px;
  background: url(../img/mv_bg.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 640px) {
  header {
    background: url(../img/mv_bg_mobile.jpg) center center/cover no-repeat;
  }
}
header .page_title_area {
  top: 165px;
}
@media screen and (max-width: 1366px) {
  header .page_title_area {
    top: 140px;
  }
}
header .page_title_area .page_title {
  width: 300px;
}

.jpg {
  width: min(100%, 1400px);
  margin: auto;
}

.intro {
  padding-block: 70px 80px;
}
.intro .wrapper {
  width: min(90.625%, 900px);
  margin: auto;
}
.intro .wrapper h2 {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  font: 700 44px/1.4 YakuHanMP, var(--serif);
  color: #da5278;
}
@media (width <= 640px) {
  .intro .wrapper h2 {
    font-size: 38px;
  }
}
.intro .wrapper h2 span.space {
  width: 4em;
  display: inline-block;
}
@media (width <= 820px) {
  .intro .wrapper h2 span.space {
    width: 2em;
  }
}
.intro .wrapper h2 span.gothic {
  font-family: YakuHanJP, var(--sans-serif);
}
.intro .wrapper .img_1 {
  width: 248px;
  margin: 44px auto 34px;
}
@media (width <= 640px) {
  .intro .wrapper .img_1 {
    width: 310px;
  }
}
.intro .wrapper .article {
  width: min(100%, 800px);
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
}
@media (width <= 640px) {
  .intro .wrapper .article {
    row-gap: 50px;
  }
}
.intro .wrapper .article .text {
  font: 400 18px/2 var(--biz-udpgothic);
  text-align: justify;
}
@media (width <= 640px) {
  .intro .wrapper .article .text {
    font-size: 24px;
  }
}
.intro .wrapper .article .red_arrow {
  width: min(100%, 600px);
  margin: auto;
  aspect-ratio: 60/7;
  overflow: hidden;
  background: url(../img/red_arrow_600_70.svg) center bottom/600px 70px no-repeat;
}
.intro .wrapper .article .texts {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 28px;
       column-gap: 28px;
  align-items: center;
}
@media (width <= 640px) {
  .intro .wrapper .article .texts {
    grid-template-columns: 1fr;
    row-gap: 28px;
  }
}
.intro .wrapper .article .texts .img_2 {
  width: 270px;
}
@media (width <= 640px) {
  .intro .wrapper .article .texts .img_2 {
    width: 337.5px;
    margin: auto;
  }
}
.intro .wrapper .box {
  width: 100%;
  margin-top: 80px;
}
@media screen and (max-width: 640px) {
  .intro .wrapper .box {
    font-size: 1.35em;
  }
}
.intro .wrapper .box .case_title {
  width: 100%;
  height: 1.923em;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  border: solid #d3cbc5;
  border-width: 2px 2px 0 2px;
  background: #a84f49;
  border-radius: 10px 10px 0 0;
  font-size: 1.625em;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 500;
  color: #fff;
}
.intro .wrapper .box .case_inner {
  box-sizing: border-box;
  padding: 1.65em;
  border: solid #d3cbc5;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 10px 10px;
  font-size: 1.125em;
  line-height: 1.75;
  text-align: justify;
}
.intro .wrapper .box .case_inner .first {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.65em;
}
@media screen and (max-width: 640px) {
  .intro .wrapper .box .case_inner .first {
    grid-template-columns: 1fr;
  }
}
.intro .wrapper .box .case_inner .first li:first-child {
  width: 14.4444em;
}
@media screen and (max-width: 640px) {
  .intro .wrapper .box .case_inner .first li:first-child {
    margin: auto;
  }
}
.intro .wrapper .box .case_inner .first li:last-child {
  padding-top: 0.25em;
}
@media screen and (max-width: 640px) {
  .intro .wrapper .box .case_inner .first li:last-child {
    padding-top: 0;
  }
}

.kinds {
  width: 100%;
  padding: 60px 0 0;
  background: #fdeff5;
}
.kinds_inner {
  width: min(90.625%, 810px);
  margin: auto;
}
.kinds_inner_title {
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  margin: auto;
  border-block: 1px solid #1bb8ce;
  align-content: center;
}
@media (width <= 640px) {
  .kinds_inner_title {
    height: 50px;
  }
}
.kinds_inner_title h3 {
  font: 500 20px/1 var(--m-plus-rounded-1c);
  color: #1bb8ce;
}
@media (width <= 640px) {
  .kinds_inner_title h3 {
    font-size: 25px;
  }
}
.kinds_inner .text {
  font: 500 20px/1.6 var(--noto-sans-jp);
  width: -moz-fit-content;
  width: fit-content;
  margin: 32px auto;
  color: #2660ad;
  font-feature-settings: "palt" 1;
}
@media (width <= 640px) {
  .kinds_inner .text {
    font-size: 25px;
    text-align: justify;
  }
}
.kinds_inner ul.type {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: stretch;
  row-gap: 10px;
}
@media (width <= 640px) {
  .kinds_inner ul.type {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
  .kinds_inner ul.type li:nth-child(2n+1) {
    margin-top: 12px;
  }
}
.kinds_inner ul.type .item1 {
  border: 10px solid #fff;
  background: #fff8d9;
  padding: 8px 12px;
  align-content: center;
  font: 400 22px/1.25 var(--biz-udpgothic);
  color: #6d4833;
}
@media (width <= 640px) {
  .kinds_inner ul.type .item1 {
    border-width: 12px;
    border-bottom-width: 0;
    padding: 10px 14px;
    font-size: 28px;
  }
}
.kinds_inner ul.type .item2 {
  padding: 14px 20px 14px 10px;
  background: #fff;
  font: 400 18px/1.75 var(--biz-udpgothic);
  color: #696b75;
  align-self: center;
  text-align: justify;
}
@media (width <= 640px) {
  .kinds_inner ul.type .item2 {
    font-size: 24px;
    padding: 14px 18px 14px;
  }
}
.kinds_inner .img_4 {
  width: 324px;
  aspect-ratio: 324/200;
  margin: 23px auto 0;
  position: relative;
}
@media (width <= 640px) {
  .kinds_inner .img_4 {
    width: 388.8px;
  }
}
.kinds_inner .img_4 .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 324/223;
  z-index: 100;
}

.kinds_path {
  width: min(90.625%, 600px);
  margin: auto;
  aspect-ratio: 60/7;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #fdeff5;
  z-index: -1;
}

.condition_path {
  width: min(90.625%, 600px);
  margin: auto;
  aspect-ratio: 60/7;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #eaf6fd;
  z-index: -1;
}

.care {
  padding: 60px 0 90px;
  width: 100%;
  position: relative;
}
.care .care_title {
  width: 100%;
  max-width: 960px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 290px 1fr;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .care .care_title {
    grid-template-columns: 1fr 392px 1fr;
  }
}
.care .care_title .title {
  width: 240px;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .care .care_title .title {
    width: 324px;
  }
}
.care .care_title .side {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3px;
}
@media screen and (max-width: 640px) {
  .care .care_title .side {
    row-gap: 4px;
  }
}
.care .care_title .side li {
  width: 100%;
  height: 1px;
  background: #d59400;
}
.care_jp {
  font-size: 20px;
  text-align: center;
  color: var(--gray);
  font-family: "BIZ UDGothic", sans-serif;
  font-weight: 700;
  margin-top: 18px;
}
@media screen and (max-width: 640px) {
  .care_jp {
    margin-top: 22px;
    font-size: 26px;
  }
}
.care_inner {
  width: min(90.625%, 840px);
  margin: auto;
}
.care_inner .text {
  font: 500 20px/1.6 var(--noto-sans-jp);
  width: -moz-fit-content;
  width: fit-content;
  margin: 32px auto;
  color: #2660ad;
  font-feature-settings: "palt" 1;
}
@media (width <= 640px) {
  .care_inner .text {
    font-size: 25px;
    text-align: justify;
  }
}
.care_inner_contents {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 38px;
}
@media screen and (max-width: 640px) {
  .care_inner_contents {
    row-gap: 50px;
  }
}
.care_inner_contents .set .list {
  width: 100%;
  padding-inline: 20px;
  padding-bottom: 9px;
  font: 700 20px/1.2 var(--biz-udpgothic);
  color: #e2757b;
  border-bottom: 1px solid currentColor;
  box-sizing: border-box;
}
@media (width <= 640px) {
  .care_inner_contents .set .list {
    font-size: 26px;
    padding-inline: 24px;
    padding-bottom: 12px;
  }
}
.care_inner_contents .set .list .list_title {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 18px;
       column-gap: 18px;
  align-items: end;
}
@media (width <= 640px) {
  .care_inner_contents .set .list .list_title {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.care_inner_contents .set .list .list_title .num {
  width: 18px;
  padding-bottom: 0.15em;
}
@media (width <= 640px) {
  .care_inner_contents .set .list .list_title .num {
    width: 32px;
  }
}
.care_inner_contents .set .copy {
  font: 400 18px/1.65 var(--biz-udpgothic);
  color: #4c4948;
  padding-inline: 20px;
  margin-top: 0.5em;
}
@media (width <= 640px) {
  .care_inner_contents .set .copy {
    font-size: 24px;
    padding-inline: 24px;
  }
}

.condition {
  background: #eaf6fd;
  padding: 60px 0 30px;
}
.condition_inner {
  width: min(90.625%, 760px);
  margin: auto;
}
.condition_inner h2 {
  font: 700 44px/1 YakuHanMP, var(--serif);
  text-align: center;
  color: #da5278;
}
.condition_inner h2 span.gothic {
  font-family: YakuHanJP, var(--sans-serif);
}
.condition_inner .text {
  font: 500 20px/1.6 var(--noto-sans-jp);
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 40px;
  color: #2660ad;
  font-feature-settings: "palt" 1;
}
@media (width <= 640px) {
  .condition_inner .text {
    font-size: 25px;
    text-align: justify;
  }
}
.condition_inner_lists {
  position: relative;
  width: 100%;
  height: 690px;
}
@media (width <= 640px) {
  .condition_inner_lists {
    height: inherit;
  }
}
.condition_inner_lists .img_5 {
  width: 157px;
  position: absolute;
  right: -57px;
  top: 0;
  z-index: 20;
}
@media (width <= 640px) {
  .condition_inner_lists .img_5 {
    width: 170px;
    right: -28px;
    top: -16px;
  }
}
.condition_inner_lists .img_6 {
  width: 320px;
  position: absolute;
  left: -20px;
  top: 280px;
}
@media (width <= 640px) {
  .condition_inner_lists .img_6 {
    position: static;
    width: 384px;
    margin: 18px auto 0;
  }
}
.condition_inner_lists .img_7 {
  width: 261px;
  position: absolute;
  right: -31px;
  top: 450px;
  z-index: 10;
}
@media (width <= 640px) {
  .condition_inner_lists .img_7 {
    position: static;
    width: 313.2px;
    margin: 18px auto 0;
  }
}
.condition_inner_lists .item {
  width: 400px;
  padding: 19px 0 19px 29px;
  background: #fff;
  border-radius: 15px;
  border: 1px solid #1bb8ce;
  font: 400 20px/1.5 YakuHanRP, var(--marugo);
  color: #4c4948;
  position: absolute;
}
@media (width <= 640px) {
  .condition_inner_lists .item {
    position: static;
    width: 100%;
    font-size: 25px;
    box-sizing: border-box;
  }
  .condition_inner_lists .item:not(:first-child) {
    margin-top: 18px;
  }
}
.condition_inner_lists .item1 {
  left: 0;
  top: 0;
}
.condition_inner_lists .item2 {
  right: 0;
  top: 80px;
  z-index: 10;
}
.condition_inner_lists .item3 {
  left: 0;
  top: 160px;
}
.condition_inner_lists .item4 {
  right: 0;
  top: 330px;
}
.condition_inner_lists .item5 {
  left: 0;
  top: 470px;
}
.condition_inner_lists .item6 {
  left: 180px;
  bottom: 0;
}
@media (width <= 790px) {
  .condition_inner_lists .item6 {
    left: inherit;
    right: 105px;
  }
}

.outro {
  padding-block: 60px 90px;
  width: min(90.625%, 590px);
  margin: auto;
  font: 700 20px/1.9 var(--biz-udpgothic);
  color: #4c4948;
  text-align: justify;
}
@media (width <= 640px) {
  .outro {
    font-size: 25px;
  }
}/*# sourceMappingURL=style.css.map */