@charset "UTF-8";
/* css_name constants */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Pinyon+Script&family=Shippori+Mincho:wght@400;500;600;700;800&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  padding-top: 96px !important; /* ヘッダーの高さに合わせて数値を調整 */
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  transition: 0.3s ease-in-out;
}

/*
 * Mixin
 * -------------------------------------------------------------------
 */
/* ---sp--- */
/* ---percent--- */
/*
 * Module
 * -------------------------------------------------------------------
 */
.sp {
  display: none;
}

.sp_2 {
  display: none;
}

.pc {
  display: block;
}

@media (min-width: 768px) {
    body {
        padding-top: 96px !important;
    }
}

@media (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }
}

@media (max-width: 480px) {
  .sp {
    display: block;
  }
  .sp_2 {
    display: inline-block;
  }
  .pc {
    display: none;
  }
}
/*
 * Fonts
 * -------------------------------------------------------------------
 */
/*
 * トップページ
 * -------------------------------------------------------------------
 */
.commentbox1 {
  padding: 75px 50px 60px;
  margin-top: 2em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 769px) {
  .commentbox1 {
    padding: 10px 0 0;
  }
}
.commentbox1__title {
  font-weight: normal;
  font-size: 40px;
  text-align: center;
  color: #707070;
  line-height: 1.5;
}
.commentbox1__subtitle {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #707070;
}
@media screen and (max-width: 769px) {
  .commentbox1__subtitle {
    font-size: 19px;
    line-height: 1.5;
  }
}
.commentbox1__sectitle {
  color: #ffffff;
  background-color: #d5ca85;
  border-radius: 23px;
  font-size: 23px;
  max-width: 274px;
  width: 100%;
  padding: 5px;
  text-align: center;
  display: block;
  margin: 0 auto 30px;
}
.commentbox1__text {
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  color: #707070;
}
@media screen and (max-width: 769px) {
  .commentbox1__text {
    font-size: 16px;
    line-height: 1.5;
  }
}
.commentbox1__grid2 {
  display: grid;
  gap: 10px 30px;
  grid-template-columns: repeat(2, 1fr);
}
.commentbox1__grid2-2 {
  display: grid;
  grid-template-columns: 0.3fr 0.7fr;
  margin-bottom: 53px;
}
@media screen and (max-width: 480px) {
  .commentbox1__grid2-2 {
    grid-template-columns: 1fr;
  }
}
.commentbox1__grid2-2 img {
  width: 182px !important;
}
.commentbox1__grid2-2 li {
  font-weight: normal;
  font-size: 20px;
  text-align: left;
  color: #707070;
}
@media screen and (max-width: 769px) {
  .commentbox1__grid2-2 li:nth-child(1) {
    text-align: center;
  }
}
@media screen and (max-width: 769px) {
  .commentbox1__grid2-2 li {
    font-size: 15px;
    line-height: 1.8;
  }
}
.commentbox1__section1 {
  padding: 0 35px 75px;
}
.commentbox1__section1 .commentbox1__title {
  margin-top: 50px;
  margin-bottom: 73px;
  line-height: 1.5;
}
@media screen and (max-width: 769px) {
  .commentbox1__section1 .commentbox1__title {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    font-size: 20px !important;
  }
}
.commentbox1__section1 .commentbox1__text {
  margin-bottom: 50px;
}
.commentbox1__section2 {
  background: #eee;
  padding: 41px 35px 60px;
}
.commentbox1__section2 img {
  max-width: 100%;
}
.commentbox1__section2 .commentbox1__title {
  margin-bottom: 18px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section2 .commentbox1__title {
    font-size: 20px !important;
  }
}
.commentbox1__section2 .commentbox1__subtitle {
  display: block;
  margin-bottom: 1.5em;
}
.commentbox1__section2 .commentbox1__text {
  margin-top: 45px;
  margin-bottom: 31px;
}
.commentbox1__section3 {
  padding: 77px 35px 0;
}
.commentbox1__section3 .commentbox1__subtitle {
  display: block;
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(1) {
  margin-bottom: 49px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(1) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(2) {
  margin-top: 66px;
  margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(2) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(3) {
  margin-top: 103px;
  margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(3) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(4) {
  margin-top: 58px;
  margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(4) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(5) {
  margin-top: 109px;
  margin-bottom: 58px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(5) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__subtitle:nth-of-type(6) {
  margin-top: 64px;
  margin-bottom: 48px;
}
@media screen and (max-width: 769px) {
  .commentbox1__section3 .commentbox1__subtitle:nth-of-type(6) {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
.commentbox1__section3 .commentbox1__text:nth-of-type(1) {
  margin-bottom: 44px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(2) {
  margin-bottom: 30px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(3) {
  margin-top: 103px;
  margin-bottom: 50px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(4) {
  margin-top: 55px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(5) {
  margin-top: 58px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(6) {
  margin-top: 44px;
}
.commentbox1__section3 .commentbox1__text:nth-of-type(7) {
  margin-top: 68px;
}
.commentbox1__section4 {
  padding: 40px 57px;
  margin: 50px 0;
  background-color: #fbf7e8;
}
@media screen and (max-width: 769px) {
  .commentbox1__section4 {
    padding: 40px 25px;
  }
}

.commentbox2 {
  padding: 66px 50px 143px;
  margin-top: 2em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 769px) {
  .commentbox2 {
    padding: 10px 0 5em;
  }
}
.commentbox2__title {
  font-weight: normal;
  font-size: clamp(21px, 2.8vw, 40px);
  line-height: 2;
  text-align: center;
  color: #00275e;
}
.commentbox2__title-2 {
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 25px);
  line-height: 2;
  text-align: center;
  color: #00275e;
}
.commentbox2__subtitle {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #00275e;
}
.commentbox2__subtitle2 {
  display: inline-block;
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 30px);
  text-align: center;
  color: #00275e;
}
.commentbox2__text {
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 20px);
  text-align: left;
  color: #00275e;
}
.commentbox2__section1 {
  padding: 0 35px 75px;
}
.commentbox2__section1 .commentbox2__title-2 {
  margin-top: 50px;
  margin-bottom: 73px;
}
.commentbox2__section1 .commentbox2__title {
  margin-top: 33px;
  margin-bottom: 32px;
}
.commentbox2__section1 .commentbox2__text {
  margin-bottom: 50px;
}
.commentbox2__section1 img + img {
  margin-top: 57px;
}
.commentbox2__section1 img:nth-of-type(1) {
  width: 47%;
}
.commentbox2__section2 {
  background: #eee;
  padding: 41px 35px 60px;
}
.commentbox2__section2 .commentbox2__title {
  margin-bottom: 18px;
}
.commentbox2__section2 .commentbox2__subtitle {
  display: block;
  margin-bottom: 1.5em;
}
.commentbox2__section2 .commentbox2__text {
  margin-top: 45px;
  margin-bottom: 31px;
}
.commentbox2__section3 {
  padding: 77px 35px 0;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(1) {
  margin-bottom: 47px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(2) {
  margin-top: 55px;
  margin-bottom: 27px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(3) {
  margin-top: 103px;
  margin-bottom: 50px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(4) {
  margin-top: 41px;
  margin-bottom: 41px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(5) {
  margin-top: 42px;
  margin-bottom: 30px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(6) {
  margin-top: 46px;
  margin-bottom: 30px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(7) {
  margin-top: 46px;
  margin-bottom: 23px;
}
.commentbox2__section3 .commentbox2__title:nth-of-type(8) {
  margin-top: 30px;
  margin-bottom: 24px;
}
.commentbox2__section3 .commentbox2__text:nth-of-type(1) {
  margin-bottom: 54px;
}
.commentbox2__section3 .commentbox2__text:nth-of-type(2) {
  margin-bottom: 69px;
}
.commentbox2__section3 .commentbox2__text:nth-of-type(3) {
  margin-bottom: 59px;
}
.commentbox2__section3 .commentbox2__text:nth-of-type(4) {
  margin-bottom: 45px;
}
.commentbox2__section3 .commentbox2__text:nth-of-type(5) {
  margin-bottom: 55px;
}
.commentbox2__section3 img + img {
  margin-top: 27px;
}
.commentbox2__section4 {
  background: #eee;
  padding: 47px 35px 64px;
}
.commentbox2__section4 .commentbox2__title {
  color: #707070;
  margin-bottom: 38px;
}
.commentbox2__section4 .commentbox2__text {
  color: #707070;
}
.commentbox2__section4 .commentbox2__text:nth-of-type(1) {
  margin-top: 0;
  margin-bottom: 22px;
}
.commentbox2__section4 .commentbox2__text:nth-of-type(2) {
  margin-top: 36px;
  margin-bottom: 0;
}
.commentbox2__section5 {
  padding: 41px 35px 0;
}
.commentbox2__section5 .commentbox2__subtitle {
  display: inline-block;
  color: #00275e;
  margin-bottom: 59px;
}
.commentbox2__section5 .commentbox2__text {
  color: #00275e;
  margin-top: 41px;
}

.commentbox3 {
  padding: 61px 50px 88px;
  margin-top: 2em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 769px) {
  .commentbox3 {
    padding: 10px 0 5em;
  }
}
.commentbox3__title {
  font-weight: normal;
  font-size: clamp(21px, 2.8vw, 40px);
  line-height: 51px;
  text-align: center;
  color: #6a8991;
}
.commentbox3__subtitle {
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 30px);
  text-align: center;
  color: #6a8991;
}
.commentbox3__subtitle2 {
  display: inline-block;
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 30px);
  text-align: center;
  color: #6a8991;
}
.commentbox3__text {
  font-weight: normal;
  font-size: clamp(16px, 2.8vw, 20px);
  text-align: left;
  color: #6a8991;
}
.commentbox3__section1 {
  padding: 0 35px 75px;
}
.commentbox3__section1 .commentbox3__title:nth-of-type(1) {
  margin-top: 76px;
  margin-bottom: 55px;
}
.commentbox3__section1 .commentbox3__title:nth-of-type(2) {
  margin-top: 33px;
  margin-bottom: 32px;
}
.commentbox3__section1 img + img {
  margin-top: 42px;
}
.commentbox3__section2 {
  background: #eee;
  padding: 48px 35px 69px;
}
.commentbox3__section2 .commentbox3__title {
  margin-bottom: 18px;
}
.commentbox3__section2 .commentbox3__subtitle {
  display: block;
  margin-bottom: 1.5em;
}
.commentbox3__section2 .commentbox3__text {
  margin-top: 45px;
  margin-bottom: 31px;
}
.commentbox3__section3 {
  padding: 77px 35px 0;
}
.commentbox3__section3 .commentbox3__title:nth-of-type(1) {
  margin-bottom: 33px;
}
.commentbox3__section3 .commentbox3__title:nth-of-type(2) {
  margin-top: 60px;
  margin-bottom: 35px;
}
.commentbox3__section3 .commentbox3__title:nth-of-type(3) {
  margin-top: 70px;
  margin-bottom: 32px;
}
.commentbox3__section3 .commentbox3__title:nth-of-type(4) {
  margin-top: 104px;
  margin-bottom: 35px;
}
.commentbox3__section3 .commentbox3__text {
  margin-top: 32px;
}
.commentbox3__section4 {
  padding: 74px 35px 0;
}
.commentbox3__section4 .commentbox3__subtitle {
  display: inline-block;
}
.commentbox3__section4 .commentbox3__subtitle:nth-of-type(1) {
  margin-bottom: 59px;
}
.commentbox3__section4 .commentbox3__subtitle:nth-of-type(2) {
  margin-top: 94px;
  margin-bottom: 37px;
}
.commentbox3__section4 .commentbox3__text:nth-of-type(1) {
  margin-top: 41px;
}
.commentbox3__section4 .commentbox3__text:nth-of-type(2) {
  margin-top: 32px;
}

.commentbox4 {
  padding: 65px 50px 200px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  max-width: 900px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 769px) {
  .commentbox4 {
    padding: 10px 0 5em;
  }
}
.commentbox4 img {
  width: 100%;
}
.commentbox4__title {
  font-weight: normal;
  font-size: 40px;
  line-height: 2;
  text-align: center;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox4__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 25px;
    line-height: 1.6;
    text-align: left;
  }
}
.commentbox4__title-2 {
  font-weight: normal;
  font-size: 40px;
  line-height: 58px;
  text-align: center;
  color: #5e2900;
  margin-bottom: 45px;
}
.commentbox4__text {
  font-weight: normal;
  font-size: 20px;
  line-height: 51px;
  text-align: center;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox4__text {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 12px;
    line-height: 1.7;
    text-align: left;
  }
}
.commentbox4__grid2 {
  display: grid;
  gap: 10px 30px;
  grid-template-columns: repeat(2, 1fr);
}
.commentbox4__section {
  width: calc(100% - 68px);
  margin: auto;
}
@media screen and (max-width: 480px) {
  .commentbox4__section {
    width: 100%;
  }
}
.commentbox4__section__title {
  font-size: 32px;
  line-height: 1.5;
  text-align: center;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox4__section__title {
    font-weight: normal;
    font-size: 23px;
    text-align: left;
    width: calc(100% - 40px);
    margin: auto;
  }
}
.commentbox4__section__text {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  text-align: left;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox4__section__text {
    font-size: 13.9px;
    line-height: 27px;
    width: calc(100% - 40px);
    margin: auto;
  }
}
.commentbox4__section1 .commentbox4__title {
  margin-top: 58px;
  margin-bottom: 58px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section1 .commentbox4__title {
    margin-top: 23px;
    margin-bottom: 23px;
  }
}
.commentbox4__section1 .commentbox4__text {
  margin-bottom: 74px;
}
.commentbox4__section1 img + img {
  margin-top: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section1 img + img {
    margin-top: 24px;
  }
}
.commentbox4__section2__title {
  margin-top: 111px;
  margin-bottom: 45px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section2__title {
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.commentbox4__section2__text {
  margin-top: 44px;
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section2__text {
    margin-top: 26px;
    margin-bottom: 0;
  }
}
.commentbox4__section3__title {
  margin-top: 85px;
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section3__title {
    margin-top: 60px;
    margin-bottom: 26px;
  }
}
.commentbox4__section4__title {
  margin-top: 44px;
  margin-bottom: 41px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section4__title {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox4__section4__text {
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section4__text {
    margin-bottom: 80px;
  }
}
.commentbox4__section5__title {
  margin-top: 44px;
  margin-bottom: 41px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section5__title {
    font-size: 21px;
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox4__section5__text {
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section5__text {
    margin-bottom: 87px;
  }
}
.commentbox4__section6 {
  background: #eee;
  padding: 47px 34px 36px;
  margin-top: 125px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6 {
    padding: 46px 0 44px;
    margin-top: 60px;
  }
}
.commentbox4__section6__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #707070;
  margin-bottom: 38px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6__title {
    width: calc(100% - 40px);
    margin: auto;
    margin-bottom: 19px;
  }
}
.commentbox4__section6__text {
  color: #707070;
  margin-bottom: 68px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6__text {
    width: calc(100% - 40px);
    margin: auto;
    margin-bottom: 27px;
  }
}
.commentbox4__section6 img + img {
  margin-top: 38px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6 img + img {
    margin-top: 25px;
  }
}
.commentbox4__section6__notation {
  display: block;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 21px;
  text-align: right;
  color: #434343;
  margin-top: 12px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6__notation {
    display: none;
  }
}
.commentbox4__section6__notation_2 {
  display: flex;
  justify-content: space-between;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 21px;
  text-align: left;
  color: #434343;
  padding-top: 7px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section6__notation_2 {
    justify-content: center;
    padding-top: 18px;
  }
}
.commentbox4__section7__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #5e2900;
  margin-top: 98px;
  margin-bottom: 59px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section7__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 24px;
    text-align: left;
    margin-top: 36px;
    margin-bottom: 26px;
  }
}
.commentbox4__section8__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #5e2900;
  margin-top: 50px;
  margin-bottom: 33px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section8__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 24px;
    text-align: left;
    margin-top: 80px;
    margin-bottom: 26px;
  }
}
.commentbox4__section8__text {
  margin-top: 41px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section8__text {
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 26px;
  }
}
.commentbox4__section9 {
  margin-top: 61px;
}
.commentbox4__section9__title {
  margin-top: 45px;
  margin-bottom: 33px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section9__title {
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.commentbox4__section10__title {
  margin-top: 84px;
  margin-bottom: 34px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section10__title {
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.commentbox4__section10__title span {
  font-size: 24px;
}
.commentbox4__section11 {
  margin-top: 61px;
}
.commentbox4__section11__text {
  margin-top: 41px;
  margin-bottom: 34px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section11__text {
    margin-bottom: 24px;
  }
}
.commentbox4__section12 .commentbox4__title {
  margin-top: 58px;
  margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
  .commentbox4__section12 .commentbox4__title {
    margin-top: 23px;
    margin-bottom: 23px;
  }
}
.commentbox4__section12 .commentbox4__text {
  margin-bottom: 61px;
}
.commentbox4__section12 img + img {
  margin-top: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section12 img + img {
    margin-top: 24px;
  }
}
.commentbox4__section12__text {
  margin-top: 41px;
  margin-bottom: 34px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section12__text {
    margin-bottom: 24px;
  }
}
.commentbox4__section13__title {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section13__title {
    margin-top: 23px;
    margin-bottom: 24px;
  }
}
.commentbox4__section13__text {
  margin-top: 58px;
  margin-bottom: 118px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section13__text {
    margin-top: 23px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 480px) {
  .commentbox4__section13 img {
    width: 90%;
  }
}
.commentbox4__section14__title {
  margin-top: 118px;
  margin-bottom: 58px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section14__title {
    margin-top: 60px;
    margin-bottom: 24px;
  }
}
.commentbox4__section14__text {
  margin-top: 57px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section14__text {
    margin-top: 28px;
    margin-bottom: 93px;
  }
}
.commentbox4__section15__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #5e2900;
  margin-top: 98px;
  margin-bottom: 59px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section15__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 24px;
    text-align: left;
    margin-top: 60px;
    margin-bottom: 26px;
  }
}
.commentbox4__section16 {
  margin-top: 61px;
}
.commentbox4__section16__title {
  margin-top: 45px;
  margin-bottom: 33px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section16__title {
    margin-top: 33px;
    margin-bottom: 32px;
  }
}
.commentbox4__section17__title {
  margin-top: 59px;
  margin-bottom: 34px;
}
@media screen and (max-width: 480px) {
  .commentbox4__section17__title {
    margin-top: 60px;
    margin-bottom: 26px;
  }
}
.commentbox4__section17__title span {
  font-size: 24px;
}

.commentbox5 {
  padding: 65px 0 200px;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 769px) {
  .commentbox5 {
    padding: 10px 0 5em;
  }
}
.commentbox5 img {
  width: 100%;
  vertical-align: top;
}
.commentbox5__title {
  font-weight: normal;
  font-size: 48px;
  text-align: center;
  color: #5e2900;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .commentbox5__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 28px;
    line-height: 1.6;
    text-align: left;
  }
}
.commentbox5__title-2 {
  font-weight: normal;
  font-size: 40px;
  line-height: 58px;
  text-align: center;
  color: #5e2900;
  margin-bottom: 45px;
}
.commentbox5__text {
  font-weight: normal;
  font-size: 22px;
  line-height: 2.1;
  text-align: center;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox5__text {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 14px;
    line-height: 27px;
    text-align: left;
    color: #5e2900;
  }
}
.commentbox5__grid2 {
  display: grid;
  gap: 10px 30px;
  grid-template-columns: repeat(2, 1fr);
}
.commentbox5__section {
  width: calc(100% - 68px);
  margin: auto;
}
@media screen and (max-width: 480px) {
  .commentbox5__section {
    width: 100%;
  }
}
.commentbox5__section__title {
  font-weight: normal;
  font-size: 38px;
  text-align: center;
  line-height: 1.5;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox5__section__title {
    font-weight: normal;
    font-size: 23px;
    text-align: left;
    width: calc(100% - 40px);
    margin: auto;
  }
}
.commentbox5__section__text {
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  color: #5e2900;
}
@media screen and (max-width: 480px) {
  .commentbox5__section__text {
    font-size: 13px;
    line-height: 27px;
    width: calc(100% - 40px);
    margin: auto;
  }
}
.commentbox5__section1 .commentbox5__title {
  margin-top: 55px;
  margin-bottom: 23px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section1 .commentbox5__title {
    margin-top: 23px;
    margin-bottom: 35px;
  }
}
.commentbox5__section1 .commentbox5__text {
  margin-bottom: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section1 .commentbox5__text {
    margin-bottom: 108px;
  }
}
.commentbox5__section1 .commentbox5__text-2 {
  margin-bottom: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section1 .commentbox5__text-2 {
    margin-bottom: 50px;
  }
}
.commentbox5__section1 img + img {
  margin-top: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section1 img + img {
    margin-top: 22px;
  }
}
.commentbox5__section2__title {
  margin-top: 44px;
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section2__title {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox5__section2__text {
  margin-bottom: 113px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section2__text {
    margin-bottom: 96px;
  }
}
.commentbox5__section2__text-2 {
  margin-bottom: 113px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section2__text-2 {
    margin-bottom: 50px;
  }
}
.commentbox5__section3__title {
  margin-top: 44px;
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section3__title {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox5__section3__text {
  margin-bottom: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section3__text {
    margin-bottom: 96px;
  }
}
.commentbox5__section3__text-2 {
  margin-bottom: 83px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section3__text-2 {
    margin-bottom: 50px;
  }
}
.commentbox5__section4__title {
  margin-top: 44px;
  margin-bottom: 41px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section4__title {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox5__section4__text {
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section4__text {
    margin-bottom: 111px;
  }
}
.commentbox5__section4__text-2 {
  margin-bottom: 80px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section4__text-2 {
    margin-bottom: 50px;
  }
}
.commentbox5__section5__title {
  margin-top: 84px;
  margin-bottom: 30px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section5__title {
    margin-top: 26px;
    margin-bottom: 26px;
  }
}
.commentbox5__section5__text {
  margin-bottom: 74px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section5__text {
    margin-bottom: 50px;
  }
}
.commentbox5__section6 {
  background: #eee;
  padding: 47px 34px 58px;
  margin-top: 143px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section6 {
    padding: 46px 0 44px;
    margin-top: 88px;
  }
}
.commentbox5__section6__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #707070;
  margin-bottom: 38px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section6__title {
    width: calc(100% - 40px);
    margin: auto;
    margin-bottom: 19px;
  }
}
.commentbox5__section6__text {
  color: #707070;
}
@media screen and (max-width: 480px) {
  .commentbox5__section6__text {
    width: calc(100% - 40px);
    margin: auto;
  }
}
.commentbox5__section7__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #5e2900;
  margin-top: 90px;
  margin-bottom: 38px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section7__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 24px;
    text-align: left;
    margin-top: 71px;
    margin-bottom: 26px;
  }
}
.commentbox5__section8__title {
  font-weight: normal;
  font-size: 30px;
  text-align: center;
  color: #5e2900;
  margin-top: 125px;
  margin-bottom: 59px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section8__title {
    width: calc(100% - 40px);
    margin: auto;
    font-size: 24px;
    text-align: left;
    margin-top: 99px;
    margin-bottom: 26px;
    line-height: 1.5;
  }
}
.commentbox5__section8__text {
  margin-top: 41px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section8__text {
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 26px;
  }
}
.commentbox5__section9__title {
  margin-top: 84px;
  margin-bottom: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section9__title {
    margin-top: 51px;
    margin-bottom: 31px;
  }
}
.commentbox5__section9__text {
  margin-top: 58px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section9__text {
    width: calc(100% - 40px);
    margin: auto;
    margin-top: 23px;
  }
}
.commentbox5__section9 picture {
  margin-top: 44px;
}
@media screen and (max-width: 480px) {
  .commentbox5__section9 picture {
    width: calc(100% - 32px);
    margin: 34px auto auto;
  }
}

.flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 769px) {
  .flex {
    flex-direction: column;
  }
}
.flex + .flex {
  margin-top: 50px;
}
.flex .subtitle {
  font-weight: normal;
  font-size: 30px;
  color: #707070;
  text-align: left;
  margin: 10px 0 20px;
}
@media screen and (max-width: 769px) {
  .flex .subtitle {
    font-size: 19px;
  }
}

.list-item {
  width: 49%;
  text-align: left;
}
@media screen and (max-width: 769px) {
  .list-item {
    width: 100%;
  }
}

.wave_content {
  text-align: center;
  font-family: "Noto", sans-serif;
  max-width: 800px;
  width: 100%;
  margin: auto;
  color: #707070;
  line-height: 3.2rem;
  font-weight: 400;
}
@media screen and (max-width: 769px) {
  .wave_content {
    padding: 10px 0 5em;
  }
}
.wave_content img {
  width: 100%;
}

@media screen and (max-width: 769px) {
  .wave_content {
    padding: 1rem 1rem 5em;
  }
}
.wave_content img {
  width: 100%;
  vertical-align: top;
}

.wave_section h2 {
  margin: 6vh 0 3rem;
  font-size: clamp(1.125rem, -0.456rem + 6.91vw, 3rem);
  line-height: 1.7em;
  color: #49a2a8;
  font-family: "Noto", serif;
}
@media screen and (max-width: 769px) {
  .wave_section h2 {
    margin: 3vh 0 3vh;
  }
}
.wave_section h3 {
  font-size: 16px;
  font-weight: 700;
}
.wave_section .text {
  max-width: 720px;
  margin: 3rem auto 0;
  text-align: left;
  font-size: 16px;
}
@media screen and (max-width: 769px) {
  .wave_section .text {
    line-height: 2.6rem;
  }
}
.wave_section .text span {
  font-weight: bold;
  color: #49a2a8;
}
.wave_section_02 {
  margin-top: 6rem;
}

.waveitem_section h2 {
  font-family: "Noto", serif;
  font-size: clamp(1.25rem, 2.2rem + 0.94vw, 2.8rem);
  display: block; /* 幅を見出しテキストに合わせる */
  width: 30rem;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 1rem; /* テキストと線の間に余白 */
}
.waveitem_section h3 {
  font-size: clamp(1.25rem, 1.5rem + 0.94vw, 2.4rem);
  padding-top: 1rem;
}
.waveitem_section .text {
  width: 90%;
  border-radius: 16px; /* ← 角を丸くする */
  padding: 2rem 6rem; /* 内側の余白 */
  box-sizing: border-box;
  width: -moz-fit-content;
  width: fit-content;
  margin: 2rem auto;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .waveitem_section .text {
    padding: 2rem 2rem; /* 内側の余白 */
    line-height: 2.6rem;
  }
}
.waveitem_section .point {
  margin-top: 2rem;
  font-family: "Noto", serif;
  font-size: clamp(1.25rem, 1.5rem + 0.94vw, 1.8rem);
}
.waveitem_section dl {
  display: flex;
  justify-content: center;
  gap: 4rem; /* 丸同士の間隔 */
  margin-top: 2rem;
}
@media screen and (max-width: 480px) {
  .waveitem_section dl {
    gap: 1rem; /* 丸同士の間隔 */
  }
}
.waveitem_section dl dd {
  width: 18rem; /* 横幅 */
  height: 18rem; /* 高さ（＝幅にすると円になる） */
  border-radius: 50%; /* ← 円にする */
  display: flex; /* 中央寄せ用 */
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.8em;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 480px) {
  .waveitem_section dl dd {
    width: 11rem; /* 横幅 */
    height: 11rem; /* 高さ（＝幅にすると円になる） */
  }
}
@media screen and (max-width: 480px) {
  .waveitem_section dl dd {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }
}
.waveitem_section__01 {
  margin: 16vh auto 0;
}
@media screen and (max-width: 480px) {
  .waveitem_section__01 {
    margin: 6vh auto 0;
  }
}
.waveitem_section__01 h2 {
  color: #eaae29;
  border-bottom: 2px solid #eaae29; /* 線の太さ・色 */
}
.waveitem_section__01 h3 {
  color: #eaae29;
}
.waveitem_section__01 .text {
  background-color: #fff4da; /* 背景色 */
}
.waveitem_section__01 dl dd {
  background-color: #ffedc6; /* 円の色 */
  color: #eaae29; /* テキストの色 */
}
.waveitem_section__02 {
  margin: 7vh auto 0;
}
.waveitem_section__02 h2 {
  color: #49c171;
  border-bottom: 2px solid #49c171; /* 線の太さ・色 */
}
.waveitem_section__02 h3 {
  color: #49c171;
}
.waveitem_section__02 .text {
  background-color: #f2fbf5; /* 背景色 */
}
.waveitem_section__02 dl dd {
  background-color: #e6f6ec; /* 円の色 */
  color: #49c171; /* テキストの色 */
}
.waveitem_section__03 {
  margin: 7vh auto 0;
}
.waveitem_section__03 h2 {
  color: #e49b99;
  border-bottom: 2px solid #e49b99; /* 線の太さ・色 */
}
.waveitem_section__03 h3 {
  color: #e49b99;
}
.waveitem_section__03 .text {
  background-color: #fff2f2; /* 背景色 */
}
.waveitem_section__03 dl dd {
  background-color: #ffefef; /* 円の色 */
  color: #e49b99; /* テキストの色 */
}
.waveitem_section__04 {
  margin: 7vh auto 0;
}
.waveitem_section__04 h2 {
  color: #53b7d9;
  border-bottom: 2px solid #53b7d9; /* 線の太さ・色 */
}
.waveitem_section__04 h3 {
  color: #53b7d9;
}
.waveitem_section__04 .text {
  background-color: #f4fcfe; /* 背景色 */
}
.waveitem_section__04 dl dd {
  background-color: #daf2fa; /* 円の色 */
  color: #53b7d9; /* テキストの色 */
}

.wave_cautionary {
  font-size: 1.2rem;
  text-align: center;
  margin: 6rem auto;
}
@media screen and (max-width: 480px) {
  .wave_cautionary {
    margin: 3rem auto;
  }
}

.wave_images {
  margin-top: 3rem;
}

.wave_kaimin h2 {
  margin: 6vh 0 3rem;
  font-size: clamp(1.125rem, -0.456rem + 6.91vw, 3rem);
  line-height: 1.7em;
  color: #49a2a8;
  font-family: "Noto", serif;
}
@media screen and (max-width: 769px) {
  .wave_kaimin h2 {
    margin: 3vh 0 3vh;
  }
}
.wave_kaimin h3 {
  font-size: 16px;
  font-weight: 700;
}
.wave_kaimin .text {
  text-align: left;
  margin: 2rem 0;
}
@media screen and (max-width: 480px) {
  .wave_kaimin .text {
    line-height: 2.6rem;
  }
}/*# sourceMappingURL=comment_style_1.css.map */