@charset "utf-8";

/* ---------------------------------------------
Reset
--------------------------------------------- */
/* Modern browser */
*,
*::before,
*::after{box-sizing:border-box}
*{margin:0;padding:0;}
img,
picture,
video,
canvas,
svg{display:block;max-width:100%}
input,
button,
textarea,
select{font:inherit}
p,
h1,
h2,
h3,
h4,
h5,
h6{overflow-wrap:break-word}


/* addition */
img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
em {
  font-style: normal;
}
small {
  font-size: 70%;
}

ul,ol,li {
  padding: 0;
  list-style: none;
}


/* ---------------------------------------------
font
--------------------------------------------- */
html {
  font-family: 'Noto Sans JP', sans-serif;
}

html body,
table th,
table td {
  line-height: 1.6;
  color: #000;
  font-size: 2.9487vw;
}
@media screen and (min-width:781px) {
  html body,
  table th,
  table td {
    font-size: 16px;
  }
}

strong, em, .fwB  {
  font-weight: 700;
}

.fMin {
  font-family: "Noto Serif JP", serif;
}


/* ---------------------------------------------
link
--------------------------------------------- */
a,
a:link,
a:visited {
  color: #1e87f0;
}
a:hover {
  color: #f01e1e;
  text-decoration: none;
}


/* ---------------------------------------------
width
--------------------------------------------- */
.wrapper {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:781px) {
  .wrapper {
    width: 100%;
  }
}

.contentsWrapper {
  width: 89.744%;
  margin: 0 auto;
}
@media screen and (min-width:781px) {
  .contentsWrapper {
    width: 960px;
  }
}
@media screen and (max-width:780px) {
  .contentsWrapper2 {
    width: 100%;
  }
}

/* ---------------------------------------------
cmn
--------------------------------------------- */
.lp_page__class .sec .secTitle {
  margin: 0 0 2em;
  text-align: center;
}

.lp_page__class .sec h2 {
  margin: 0 0 2em;
}
.lp_page__class .sec h3 {
  margin: 0 0 1em;
}

.lp_page__class .ttlAreaSt1 {
  text-align: center;
}
.lp_page__class .ttlAreaSt1 .ttl {
  padding-bottom: .5em;
  display: inline-block;
  position: relative;
}
.lp_page__class .ttlAreaSt1 .ttl::before,
.lp_page__class .ttlAreaSt1 .ttl::after {
  content: '';
  width: 50%;
  height: 20px;
  border-top: 2px solid #000;
  position: absolute;
  top: 100%;
}
.lp_page__class .ttlAreaSt1 .ttl::before {
  right: 50%;
}
.lp_page__class .ttlAreaSt1 .ttl::after {
  width: 47%;
  left: 50%;
  border-left: 2px solid #000;
  transform-origin: left bottom;
  transform: skewX(-45deg);
}

.lp_page__class p {
  margin: 0 0 2em;
}

.lp_page__class sup {
  font-size: 40%;
  vertical-align: super;
}

.lp_page__class .brPc {
  display: none;
}
@media screen and (min-width:781px) {
  .lp_page__class .brPc {
    display: block;
  }
  .lp_page__class .brSp {
    display: none;
  }
}

.lp_page__class .btn a {
  transition: filter .2s;
}
.lp_page__class .btn a:hover {
  filter: saturate(130%);
}

.lp_page__class .red1 {
  color: #e40044;
}
.lp_page__class .red2 {
  color: #a9070f;
}
.lp_page__class .grn1 {
  color: #4da300;
}
.lp_page__class .grn2 {
  color: #3a7c00;
}

.lp_page__class .taC {
  text-align: center;
}
.lp_page__class .taR {
  text-align: right;
}

.lp_page__class .note small {
  font-size: 2.7vw;
  display: block;
}
@media screen and (min-width:781px) {
  .lp_page__class .note small {
    font-size: 10px;
  }
}
.lp_page__class .note1 small {
  padding-left: 1em;
  text-indent: -1em;
}
.lp_page__class .note2 small {
  padding-left: 2em;
  text-indent: -2em;
}

/* cta */
.lp_page__class .cta1 {
  margin: 0;
}

/* line */
.lp_page__class .lineSt1 {
  padding-bottom: .2em;
  border-bottom: .8974vw solid #4da300;
  display: inline-block;
  position: relative;
}
@media screen and (min-width:781px) {
  .lp_page__class .lineSt1 {
    border-bottom-width: 2px;
  }
}
.lp_page__class .lineSt1::after {
  content: '';
  width: 11.923vw;
  height: 4.7435vw;
  background-color: #4da300;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width:781px) {
  .lp_page__class .lineSt1::after {
    width: 50px;
    height: 20px;
  }
}


/* ---------------------------------------------
#pageHeader
--------------------------------------------- */
#pageHeader {
  width: 100%;
  padding: .3em 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#pageHeader .logo {
  width: 17.8205vw;
  margin: 0 auto 0 .5em;
}
@media screen and (min-width:781px) {
  #pageHeader .logo {
    width: 139px;
  }
}

/* ---------------------------------------------
#mainContents
--------------------------------------------- */
#mainContents {
  position: relative;
  z-index: 1;
}


/* contentHeader */
#mainContents .contentHeader #hero {
  background: url(../images/pageHeader_bg1_sp.jpg) no-repeat center / cover;
}
@media screen and (min-width:781px) {
  #mainContents .contentHeader #hero {
    background: url(../images/pageHeader_bg1.jpg) no-repeat center / cover;
  }
}
#mainContents .contentHeader #hero .contentsWrapper {
  padding: 18.9743vw 0 2.3076vw;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents .contentHeader #hero .contentsWrapper {
    padding: 90px 0 30px;
  }
}
#mainContents .contentHeader #hero .pageTitle {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:781px) {
  #mainContents .contentHeader #hero .pageTitle {
    width: 692px;
    margin: 0 auto 0 .5em;
  }
}
#mainContents .contentHeader #hero .figImg {
  width: 61.5384vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (min-width:781px) {
  #mainContents .contentHeader #hero .figImg {
    width: 460px;
  }
}


/* contents */
#mainContents .nav {
  padding: 40px 0 60px;
}
#mainContents .nav .linkArea {
  margin-bottom: 1em;
}
@media screen and (min-width:781px) {
  #mainContents .nav .linkArea {
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    gap: 30px;
  }
}
#mainContents .nav .linkArea li {
  margin-bottom: 1em;
}
@media screen and (min-width:781px) {
  #mainContents .nav .linkArea li {
    margin-bottom: 0;
  }
  #mainContents .nav .linkArea .li1 {
    width: 465px;
  }
  #mainContents .nav .linkArea .li2 {
    width: 426px;
  }
  #mainContents .nav .bnArea .bn1 {
    width: 656px;
    margin: 0 auto;
  }
}


#mainContents #sec1 .ttlArea {
  width: 100%;
  margin: 0 auto 4em;
  text-align: center;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea {
    width: 732px;
  }
}
#mainContents #sec1 .ttlArea span {
  display: block;
}
#mainContents #sec1 .ttlArea::after {
  content: '';
  width: 1px;
  height: 50px;
  position: absolute;
  top: calc(100% + 1em);
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  border-right: 8px dotted #4da300;
}
#mainContents #sec1 .ttlArea .secTitle {
  margin: 0 auto;
  padding-bottom: 2.5em;
  position: relative;
  filter: drop-shadow(0 12px 10px rgba(0,0,0,.11));
}
#mainContents #sec1 .ttlArea .secTitle::before {
  content: '';
  width: 105%;
  height: 80%;
  background: url(../images/sec1_arrow1_sp.png) no-repeat center bottom 1.7948vw #9f9e9e;
  background-size: 33.4615vw auto;
  position: absolute;
  bottom: 0;
  left: -2.5%;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle::before {
    width: 100%;
    background: url(../images/sec1_arrow1.png) no-repeat center bottom 14px #9f9e9e;
    background-size: 170px auto;
    left: 0;
    clip-path: polygon(0 0, 100% 0, 100% 48%, 50% 100%, 0 48%);
  }
}
#mainContents #sec1 .ttlArea .secTitle .unknownPoints {
  margin-bottom: .5em;
  padding: 1.6em 2em .8em;
  background-color: #fff;
  border: 3px solid #4da300;
  border-radius: 24px;
  position: relative;
  display: inline-block;
  box-shadow: 0px 7px 19px 0px rgba(0,0,0,0.43);
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle .unknownPoints {
    padding: 1.6em 4em .8em;
  }
}
#mainContents #sec1 .ttlArea .secTitle .unknownPoints::before {
  content: '';
  width: 10.641vw;
  height: 10.641vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22icon_qmark.svg%22%20data-name%3D%22icon%20qmark.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030.31%2046.05%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20isolation%3A%20isolate%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22cls-1%22%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.58%2C30.92c0%2C1.83-1.33%2C2.89-3.45%2C2.89s-3.56-1.06-3.56-2.89v-1.28c0-3.34.67-5.34%2C2.17-7.23%2C1.17-1.45%2C1.72-1.95%2C5.23-4.23%2C3.5-2.34%2C4.62-3.56%2C4.62-6.12%2C0-3.56-2.78-5.62-7.17-5.62s-6.51%2C2.06-7.73%2C5.51c-.67%2C1.61-1.84%2C2.22-3.23%2C2.22-.5%2C0-1.11-.11-1.67-.22-1.5-.5-2.78-1.39-2.78-3%2C0-.39.06-.78.22-1.22.89-2.56%2C2.39-4.84%2C4.45-6.45C7.34%2C1.17%2C10.85%2C0%2C15.8%2C0c8.84%2C0%2C14.52%2C4.56%2C14.52%2C11.62%2C0%2C5.45-3.06%2C8.01-6.9%2C10.68-3.62%2C2.5-5.84%2C3.67-5.84%2C7.45v1.17ZM18.63%2C41.49c0%2C2.67-2.06%2C4.56-4.62%2C4.56s-4.62-1.89-4.62-4.56%2C2-4.67%2C4.62-4.67%2C4.62%2C1.89%2C4.62%2C4.67Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center #4da300;
  background-size: 3.9743vw auto;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle .unknownPoints::before {
    width: 54px;
    height: 54px;
    background-size: 20px auto;
  }
}
#mainContents #sec1 .ttlArea .secTitle .unknownPoints .point {
  margin-bottom: .5em;
  padding-left: 1.8em;
  text-align: left;
  white-space: nowrap;
  font-size: 4.7435vw;
  font-weight: 500;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle .unknownPoints .point {
    font-size: 20px;
  }
}
#mainContents #sec1 .ttlArea .secTitle .unknownPoints .point::before {
  content: '';
  width: 5vw;
  height: 5vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E9%A5%911%22%20data-name%3D%22%EF%BE%91%E9%A5%911%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20242.13%20234.54%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23414042%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%233a7c00%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M113.6%2C167.89c-3.83%2C0-7.42-1.49-10.13-4.2l-44.44-44.44c-2.71-2.7-4.2-6.3-4.2-10.13s1.49-7.42%2C4.2-10.13c2.71-2.7%2C6.3-4.19%2C10.13-4.19s7.42%2C1.49%2C10.13%2C4.2l34.32%2C34.32L217.68%2C29.24c2.71-2.71%2C6.3-4.2%2C10.13-4.2s7.42%2C1.49%2C10.13%2C4.2c2.71%2C2.7%2C4.19%2C6.3%2C4.19%2C10.13s-1.49%2C7.42-4.2%2C10.13l-114.2%2C114.2c-2.7%2C2.71-6.3%2C4.2-10.13%2C4.2Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M212.64%2C92.43c2.07%2C7.94%2C3.17%2C16.26%2C3.17%2C24.84%2C0%2C54.34-44.21%2C98.54-98.55%2C98.54S18.73%2C171.61%2C18.73%2C117.27%2C62.93%2C18.73%2C117.27%2C18.73c25.83%2C0%2C49.36%2C9.99%2C66.95%2C26.31l13.24-13.24C176.48%2C12.09%2C148.26%2C0%2C117.27%2C0%2C52.61%2C0%2C0%2C52.61%2C0%2C117.27s52.61%2C117.27%2C117.27%2C117.27%2C117.27-52.61%2C117.27-117.27c0-13.96-2.46-27.36-6.95-39.78l-14.95%2C14.95Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: .3em;
  left: 0;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle .unknownPoints .point::before {
    width: 22px;
    height: 21px;
  }
}
#mainContents #sec1 .ttlArea .secTitle .unknownPoints .point span {
  display: inline-block;
}
#mainContents #sec1 .ttlArea .secTitle .mainCopy {
  color: #fff;
  font-size: 5.8974vw;
  font-weight: 700;
  filter: drop-shadow(0px 2px 16px rgba(0,0,0,0.43));
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .ttlArea .secTitle .mainCopy {
    font-size: 30px;
  }
}
#mainContents #sec1 .ttlArea .secTitle .mainCopy .fs1 {
  font-size: 126%;
  display: inline-block;
}
#mainContents #sec1 .txtArea1 {
  margin-bottom: 0;
  text-align: center;
  font-weight: 600;
}
#mainContents #sec1 .txtArea1 .txt {
  font-size: 6.1538vw;
  display: inline-block;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .txtArea1 .txt {
    font-size: 25px;
  }
}
#mainContents #sec1 .txtArea1 .txt .fs1 {
  font-size: 80%;
}
#mainContents #sec1 .txtArea1 .txt .txt1 {
  line-height: 1.2;
  font-size: 11.4102vw;
  display: block;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .txtArea1 .txt .txt1 {
    font-size: 48px;
  }
}
#mainContents #sec1 .txtArea1 .txt .txt1::before {
  content: '';
  width: 6.282vw;
  height: 6.923vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2094.53%20103.74%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%234e9c36%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M90.53%2C30.03c2.21%2C0%2C4%2C1.79%2C4%2C4v1.6c0%2C2.21-1.79%2C4-4%2C4s-4-1.79-4-4v-1.6c0-2.21%2C1.79-4%2C4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M90.53%2C47.63c2.21%2C0%2C4%2C1.79%2C4%2C4v32c0%2C2.21-1.79%2C4-4%2C4s-4-1.79-4-4v-32c0-2.21%2C1.79-4%2C4-4Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M53.2%2C16.98c2.11-.66%2C4.35.52%2C5.01%2C2.63l9.52%2C30.55c.08.26.13.52.16.79.13.23.23.48.31.74l4.76%2C15.28c.66%2C2.11-.52%2C4.35-2.63%2C5.01-.4.12-.8.18-1.19.18-1.7%2C0-3.28-1.1-3.82-2.81l-4.76-15.28c-.08-.26-.13-.52-.16-.79-.13-.23-.23-.48-.31-.74l-9.52-30.55c-.66-2.11.52-4.35%2C2.63-5.01Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M52.97%2C2.81l.48%2C1.53c.66%2C2.11-.52%2C4.35-2.63%2C5.01-.4.12-.8.18-1.19.18-1.7%2C0-3.28-1.1-3.82-2.81l-.48-1.53c-.66-2.11.52-4.35%2C2.63-5.01%2C2.11-.66%2C4.35.52%2C5.01%2C2.63Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C30.9c1.73-1.37%2C4.25-1.08%2C5.62.65l.99%2C1.25c1.37%2C1.73%2C1.08%2C4.25-.65%2C5.62-.73.58-1.61.86-2.48.86-1.18%2C0-2.35-.52-3.14-1.52l-.99-1.25c-1.37-1.73-1.08-4.25.65-5.62Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M42.7%2C75.98c-.2-.17-.39-.36-.56-.58l-19.87-25.09c-1.37-1.73-1.08-4.25.65-5.62%2C1.73-1.37%2C4.25-1.08%2C5.62.65l19.87%2C25.09c.17.21.32.44.43.68.2.17.39.36.56.58l8.07%2C10.19c1.37%2C1.73%2C1.08%2C4.25-.65%2C5.62-.74.58-1.61.86-2.48.86-1.18%2C0-2.35-.52-3.14-1.52l-8.07-10.19c-.17-.22-.32-.44-.43-.68Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M21.49%2C83.79l24.19%2C12.39c1.97%2C1.01%2C2.74%2C3.42%2C1.74%2C5.38-.71%2C1.38-2.11%2C2.18-3.56%2C2.18-.61%2C0-1.24-.14-1.82-.44l-24.19-12.39c-1.97-1.01-2.74-3.42-1.74-5.38%2C1.01-1.97%2C3.42-2.74%2C5.38-1.74Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5.82%2C75.77l1.42.73c1.97%2C1.01%2C2.74%2C3.42%2C1.74%2C5.38-.71%2C1.38-2.11%2C2.18-3.56%2C2.18-.61%2C0-1.24-.14-1.82-.44l-1.42-.73c-1.97-1.01-2.74-3.42-1.74-5.38s3.42-2.75%2C5.38-1.74Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: -5vw;
  left: 2vw;
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .txtArea1 .txt .txt1::before {
    width: 27px;
    height: 30px;
    top: -20px;
    left: -15px;
  }
}
#mainContents #sec1 .txtArea1 .txt .txt2 {
  margin-bottom: 0;
  display: inline-block;
}
#mainContents #sec1 .txtArea1 .txt .txt2 {
  margin-bottom: 0;
  display: inline-block;
}
#mainContents #sec1 .figImg1 {
  width: 76.5384vw;
  margin: 0 auto -5.5vw;
  position: relative;
  z-index: 2;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .figImg1 {
    width: 287px;
    margin: 0 auto -21px;
  }
}
#mainContents #sec1 .conversation {
  padding: 2.5em 0 3em;
  background: url(../images/sec1_bg1_sp.jpg) no-repeat center / cover;
  position: relative;
  z-index: 1;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .conversation {
    background: url(../images/sec1_bg1.jpg) no-repeat center / cover;
  }
}
#mainContents #sec1 .conversation .talker {
  width: 92.18%;
  margin: 0 auto .5em;
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec1 .conversation .talker {
    width: 100%;
    margin-bottom: -1.5em;
  }
}
#mainContents #sec1 .conversation .talker:last-child {
  margin-bottom: 0;
}


#mainContents #sec2 {
  padding: 3em 0;
  position: relative;
  overflow: hidden;
}
#mainContents #sec2::before {
  content: '';
  width: 100%;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-60deg, #8dbf1c 0%, #8dbf1c 50%, #d0e26a 50%, #bcd510 100%);
}
#mainContents #sec2 .secTitle {
  text-align: center;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .secTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
  }
}
#mainContents #sec2 .secTitle .txt1 {
  line-height: 1.2;
  font-size: 5.1282vw;
  font-weight: 500;
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .secTitle .txt1 {
    padding-top: .5em;
    font-size: 21px;
    display: inline-block;
  }
}
#mainContents #sec2 .secTitle .txt2 {
  line-height: 1.2;
  font-size: 15.8974vw;
  border-bottom: .8vw dotted #4da300;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .secTitle .txt2 {
    font-size: 54px;
    border-bottom: 4px dotted #4da300;
  }
}
#mainContents #sec2 .secTitle .txt2 .fs1 {
  font-size: 80%;
}
#mainContents #sec2 .secTitle .txt2 .fs2 {
  line-height: .9;
  font-size: 145%;
}
#mainContents #sec2 .reasons {
  margin-bottom: 1em;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons {
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    gap: 18px;
  }
}
#mainContents #sec2 .reasons .reason {
  width: 100%;
  margin-bottom: 2em;
  padding: 0 0 1.5em;
  background-color: #ededed;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason {
    width: 296px;
    margin-bottom: 0;
    padding: 0 0 .5em;
  }
}
#mainContents #sec2 .reasons .reason::before {
  content: '';
  width: 31.1538vw;
  height: .5128vw;
  background-color: #5aab12;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason::before {
    width: 148px;
    height: 2px;
  }
}
#mainContents #sec2 .reasons .reason dt {
  padding: 1.5em 0;
  display: flex;
  align-items: center;
  position: relative;
  left: -5.1vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dt {
    padding: 1em 0;
    left: -.5em;
  }
}
#mainContents #sec2 .reasons .reason dt .num {
  width: 27.8205vw;
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dt .num {
    width: 90px;
  }
}
#mainContents #sec2 .reasons .reason dt .txt {
  font-size: 7.6923vw;
  font-weight: 600;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dt .txt {
    font-size: 22px;
  }
}
#mainContents #sec2 .reasons .reason dd .figImg {
  width: 95.715%;
  margin: 0 auto 1.5em;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dd .figImg {
    width: 94.599%;
  }
}
#mainContents #sec2 .reasons .reason dd .txtArea {
  padding: 0 1.5em;
  line-height: 1.7;
  font-size: 4.3589vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dd .txtArea {
    padding: 0 1em;
    line-height: 2;
    font-size: 15px;
  }
}
#mainContents #sec2 .reasons .reason.lH0 dd .txtArea {
  line-height: 1.6;
}
#mainContents #sec2 .reasons .reason dd .txtArea p {
  margin-bottom: 1em;
}
#mainContents #sec2 .reasons .reason dd .note {
  margin-bottom: 1em;
  padding: 0 2em;
}
@media screen and (min-width:781px) {
  #mainContents #sec2 .reasons .reason dd .note {
    margin-bottom: 0;
    padding: 0 1em;
  }
}


#mainContents #sec3 {
  margin-bottom: 5em;
  overflow: hidden;
}
#mainContents #sec3 .bg {
  padding: 3em 0 5em;
  background: url(../images/sec3_bg1.jpg) no-repeat center / cover;
}
#mainContents #sec3 .secTitle {
  margin-bottom: 2em;
  text-align: center;
}
#mainContents #sec3 .secTitle .txt1 {
  margin-bottom: 1.5em;
  color: #8b8b8b;
  font-size: 3.5897vw;
  font-weight: 500;
  display: block;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .secTitle .txt1 {
    font-size: 17px;
  }
}
#mainContents #sec3 .secTitle .txt1::after {
  content: '';
  width: 2.5641vw;
  height: 1.282vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22sec3_arrow1.svg%22%20data-name%3D%22sec3%20arrow1.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020.67%2010.04%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%238b8b8b%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20id%3D%22_%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_4%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%204%22%20class%3D%22cls-1%22%20d%3D%22M.33.37l10%2C9L20.33.37%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: calc(100% + .5em);
  left: 50%;
  display: block;
  transform: translateX(-50%);
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .secTitle .txt1::after {
    width: 16px;
    height: 10px;
  }
}
#mainContents #sec3 .secTitle .txt2 {
  font-size: 8.8461vw;
  display: inline-block;
  border-bottom: .8vw dotted #4da300;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .secTitle .txt2 {
    font-size: 40px;
    border-bottom: 4px dotted #4da300;
  }
}
#mainContents #sec3 .secTitle .txt2 .fs1 {
  font-size: 13.4615vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .secTitle .txt2 .fs1 {
    font-size: 63px;
  }
}
#mainContents #sec3 .voices {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices {
    width: 92.082%;
  }
}
#mainContents #sec3 .voices .voice {
  width: 94.872%;
  margin-right: auto;
  margin-bottom: 3em;
  padding-bottom: 2em;
  background-color: #fff;
  border-radius: 0 0 6.0256vw 0;
  box-shadow: 0 .5128vw 2.4358vw 0 rgba(0,0,0,.24);
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice {
    width: 92.762%;
    margin-bottom: 2em;
    border-radius: 0 0 47px 0;
    box-shadow: 0 4px 19px 0 rgba(0,0,0,.24);
  }
}
#mainContents #sec3 .voices .voice:nth-child(even) {
  margin-right: 0;
  margin-left: auto;
  border-radius: 0 0 0 6.0256vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice:nth-child(even) {
    border-radius: 0 0 0 47px;
  }
}
#mainContents #sec3 .voices .voice .ttlArea {
  margin-bottom: 1.5em;
  padding: 1em 0 0;
  text-align: center;
  position: relative;
}
#mainContents #sec3 .voices .voice:nth-child(odd) .ttlArea {
  text-align: right;
}
#mainContents #sec3 .voices .voice:nth-child(even) .ttlArea {
  text-align: left;
}
#mainContents #sec3 .voices .voice .ttlArea .ttl .num {
  width: 35.641vw;
  position: absolute;
  top: -1em;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .ttlArea .ttl .num {
    width: 173px;
    top: -1em;
  }
}
#mainContents #sec3 .voices .voice:nth-child(odd) .ttlArea .ttl .num {
  left: 1em;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice:nth-child(odd) .ttlArea .ttl .num {
    left: -1em;
  }
}
#mainContents #sec3 .voices .voice:nth-child(even) .ttlArea .ttl .num {
  right: 1em;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice:nth-child(even) .ttlArea .ttl .num {
    right: -1em;
  }
}
#mainContents #sec3 .voices .voice .ttlArea .ttl .age {
  margin: 0 1em 1.5em;
  padding-bottom: .3em;
  font-size: 4.3589vw;
  display: inline-block;
  border-bottom: 1px solid #acde3b;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .ttlArea .ttl .age {
    margin: 0 2.5em 1.5em;
    font-size: 20px;
  }
}
#mainContents #sec3 .voices .voice:nth-child(odd) .ttlArea .ttl .age {
  padding-left: 8em;
}
#mainContents #sec3 .voices .voice:nth-child(even) .ttlArea .ttl .age {
  padding-right: 8em;
}
#mainContents #sec3 .voices .voice .ttlArea .ttl .copy {
  display: block;
}
@media screen and (max-width:780px) {
  #mainContents #sec3 .voices .voice .ttlArea .ttl .copy {
    padding-left: 2em;
    text-align: left;
    font-size: 4.3589vw;
  }
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .ttlArea .ttl .copy {
    text-align: center;
  }
}
#mainContents #sec3 .voices .voice .voiceCont {
  margin: 0;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .voiceCont {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
  }
}
#mainContents #sec3 .voices .voice .voiceCont .figImg {
  width: 51.5384vw;
  margin: 0 auto 2em;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .voiceCont .figImg {
    width: 288px;
    margin: 0;
  }
}
#mainContents #sec3 .voices .voice .voiceCont .txtArea {
  width: 90%;
  margin: 0 auto;
  font-size: 3.5897vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec3 .voices .voice .voiceCont .txtArea {
    width: 410px;
    margin: 0;
    font-size: 17px;
  }
}
#mainContents #sec3 .voices .voice .voiceCont .txtArea p:last-child {
  margin-bottom: 0;
}


#mainContents #sec4 {
  position: relative;
  z-index: 1;
}
#mainContents #sec4 .secTitleArea {
  width: 100%;
  padding-top: 4em;
  padding-bottom: 3em;
  position: relative;
  background-color: #ededed;
  border-top: 1.282vw solid #4da300;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .secTitleArea {
    border-top: 5px solid #4da300;
  }
}
#mainContents #sec4 .secTitleArea .icon {
  width: 43.8461vw;
  margin: 0 auto;
  position: absolute;
  top: -9.7vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .secTitleArea .icon {
    width: 225px;
    top: -51px;
    left: 50%;
  }
}
#mainContents #sec4 .secTitleArea .secTitle {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 9.7435vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .secTitleArea .secTitle {
    font-size: 49px;
  }
}
#mainContents #sec4 .secTitleArea .secTitle .fs1 {
  font-size: 80%;
}
#mainContents #sec4 .secTitleArea .secTitle .fs2 {
  font-size: 128%;
}
#mainContents #sec4 .bg {
  padding-bottom: 4em;
  background-color: #ededed;
}
#mainContents #sec4 .exQuestions {
  margin-bottom: 6em;
  display: flex;
  justify-content: center;
  gap: 3.7179vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .exQuestions {
    gap: 40px;
  }
}
#mainContents #sec4 .exQuestions li {
  width: 28.7179vw;
  height: 28.7179vw;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 4px 5px 0px 0px #b5df8f;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .exQuestions li {
    width: 148px;
    height: 148px;
    box-shadow: 4px 5px 0px 0px #b5df8f;
  }
}
#mainContents #sec4 .exQuestions li::before {
  content: '';
  width: 5vw;
  height: 7.6923vw;
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20data-name%3D%22%E7%B7%A8%E9%9B%86%E3%83%A2%E3%83%BC%E3%83%89%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038.31%2054.05%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20isolation%3A%20isolate%3B%20%7D%20.cls-2%20%7B%20fill%3A%20%23fff%3B%20%7D%20.cls-3%20%7B%20fill%3A%20%23b5df8f%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20class%3D%22cls-1%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M18.02%2C52.05c-3.77%2C0-6.62-2.82-6.62-6.56%2C0-2.87%2C1.62-5.21%2C4.04-6.19-1.79-.76-2.88-2.34-2.88-4.38v-1.28c0-3.69.75-6.15%2C2.6-8.47%2C1.39-1.72%2C2.19-2.37%2C5.7-4.66%2C3.4-2.27%2C3.71-2.98%2C3.71-4.44%2C0-3.15-3.24-3.62-5.17-3.62-3.1%2C0-4.79%2C1.21-5.85%2C4.17l-.04.1c-.92%2C2.23-2.73%2C3.46-5.07%2C3.46-.69%2C0-1.43-.13-2.06-.26l-.12-.02-.12-.04c-3.61-1.2-4.15-3.59-4.15-4.9%2C0-.67.11-1.3.35-1.93%2C1.04-2.98%2C2.8-5.53%2C5.09-7.32%2C3.15-2.49%2C7.19-3.71%2C12.36-3.71%2C9.88%2C0%2C16.52%2C5.48%2C16.52%2C13.62%2C0%2C6.4-3.67%2C9.48-7.75%2C12.32l-.91.62c-3.16%2C2.16-4.08%2C2.89-4.08%2C5.19v1.17c0%2C2.07-1.1%2C3.67-2.9%2C4.42%2C2.37.99%2C3.96%2C3.31%2C3.96%2C6.15%2C0%2C3.68-2.91%2C6.56-6.62%2C6.56Z%22%2F%3E%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M19.8%2C4c8.84%2C0%2C14.52%2C4.56%2C14.52%2C11.62%2C0%2C5.45-3.06%2C8.01-6.9%2C10.68-3.62%2C2.5-5.84%2C3.67-5.84%2C7.45v1.17c0%2C1.83-1.33%2C2.89-3.45%2C2.89s-3.56-1.06-3.56-2.89v-1.28c0-3.34.67-5.34%2C2.17-7.23%2C1.17-1.45%2C1.72-1.95%2C5.23-4.23%2C3.5-2.34%2C4.62-3.56%2C4.62-6.12%2C0-3.56-2.78-5.62-7.17-5.62s-6.51%2C2.06-7.73%2C5.51c-.67%2C1.61-1.84%2C2.22-3.23%2C2.22-.5%2C0-1.11-.11-1.67-.22-1.5-.5-2.78-1.39-2.78-3%2C0-.39.06-.78.22-1.22.89-2.56%2C2.39-4.84%2C4.45-6.45%2C2.67-2.11%2C6.17-3.28%2C11.12-3.28M18.02%2C40.82c2.56%2C0%2C4.62%2C1.89%2C4.62%2C4.67s-2.06%2C4.56-4.62%2C4.56-4.62-1.89-4.62-4.56%2C2-4.67%2C4.62-4.67M19.8%2C0c-5.63%2C0-10.08%2C1.36-13.61%2C4.15C3.63%2C6.15%2C1.64%2C9%2C.46%2C12.38c-.31.84-.46%2C1.68-.46%2C2.58%2C0%2C1.49.54%2C5.14%2C5.52%2C6.8l.24.08.25.05c.78.16%2C1.62.3%2C2.45.3%2C3.16%2C0%2C5.69-1.71%2C6.92-4.69l.04-.1.03-.1c.76-2.15%2C1.73-2.84%2C3.96-2.84%2C3.17%2C0%2C3.17%2C1.22%2C3.17%2C1.62%2C0%2C.6%2C0%2C.9-2.84%2C2.79-3.67%2C2.39-4.59%2C3.14-6.12%2C5.04-2.15%2C2.71-3.06%2C5.61-3.06%2C9.74v1.28c0%2C1.66.52%2C3.11%2C1.43%2C4.25-1.62%2C1.56-2.6%2C3.78-2.6%2C6.32%2C0%2C4.8%2C3.78%2C8.56%2C8.62%2C8.56s8.62-3.76%2C8.62-8.56c0-2.46-.97-4.65-2.55-6.22.95-1.15%2C1.5-2.64%2C1.5-4.35v-1.17c0-1.14%2C0-1.35%2C3.2-3.54.29-.2.6-.41.91-.63%2C4.37-3.04%2C8.62-6.61%2C8.62-13.97C38.31%2C6.28%2C30.87%2C0%2C19.8%2C0h0Z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -30%);
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .exQuestions li::before {
    width: 30px;
    height: 41px;
  }
}
#mainContents #sec4 .exQuestions li .txt {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 3.2vw;
  font-weight: 500;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .exQuestions li .txt {
    font-size: 17px;
  }
}
#mainContents #sec4 .exQuestions li .figImg {
  width: 19.2307vw;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .exQuestions li .figImg {
    width: 100px;
  }
}
#mainContents #sec4 .ttlArea {
  margin-bottom: 4em;
}
#mainContents #sec4 .ttlArea .ttl {
  margin-bottom: 0;
  font-size: 5.5128vw;
  font-weight: 500;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .ttlArea .ttl {
    font-size: 22px;
  }
}
#mainContents #sec4 .consultation li {
  margin-bottom: 4em;
  padding: 3.5em 0 2em;
  text-align: center;
  background-color: #fff;
  border-radius: 18px;
  position: relative;
  filter: drop-shadow(0 4px 19px rgba(0,0,0,.24));
}
#mainContents #sec4 .consultation li .ttl {
  margin-bottom: 0;
  padding: .1em 1em .1em 3.5em;
  white-space: nowrap;
  color: #fff;
  font-size: 6.1538vw;
  font-weight: 500;
  background-color: #fff;
  border: 9px solid #fff;
  border-radius: 5em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(123deg,rgba(141, 191, 28, 1) 0%, rgba(141, 191, 28, 1) 30%, rgba(77, 163, 0, 1) 30%, rgba(77, 163, 0, 1) 100%);
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .consultation li .ttl {
    padding: .1em 2em .1em 5em;
    font-size: 31px;
  }
}
#mainContents #sec4 .consultation li .ttl .fs1 {
  font-size: 80%;
}
#mainContents #sec4 .consultation li .ttl::before {
  content: '';
  width: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 1.2em;
  z-index: 1;
  transform: translateY(-50%);
}
#mainContents #sec4 .consultation li.consultation1 .ttl::before {
  height: 31px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20261.99%20263.05%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%2228.03%22%20y%3D%22102.91%22%20width%3D%2234.83%22%20height%3D%22112.73%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%2285.08%22%20y%3D%22102.91%22%20width%3D%2234.83%22%20height%3D%22112.73%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%22142.13%22%20y%3D%22102.91%22%20width%3D%2234.78%22%20height%3D%22112.73%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%22199.13%22%20y%3D%22102.91%22%20width%3D%2234.83%22%20height%3D%22112.73%22%2F%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%22.02%22%20y%3D%22229.48%22%20width%3D%22261.96%22%20height%3D%2233.57%22%20rx%3D%225.47%22%20ry%3D%225.47%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M258.76%2C57.77L133.27.49c-1.42-.66-3.12-.66-4.54%2C0L3.23%2C57.77c-1.97.87-3.23%2C2.84-3.23%2C4.98v20.84c0%2C3.01%2C2.46%2C5.47%2C5.47%2C5.47h251.05c3.01%2C0%2C5.47-2.46%2C5.47-5.47v-20.84c0-2.13-1.26-4.1-3.23-4.98ZM131.02%2C68.45c-10.42%2C0-18.84-8.41-18.84-18.79s8.41-18.78%2C18.84-18.78%2C18.79%2C8.41%2C18.79%2C18.78-8.41%2C18.79-18.79%2C18.79Z%22%2F%3E%3C%2Fsvg%3E');
}
#mainContents #sec4 .consultation li.consultation2 .ttl::before {
  height: 43px;
  background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20175.87%20290.62%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M33.44%2C290.62c-18.44%2C0-33.44-13.71-33.44-30.57V30.55c0-.33%2C0-.67.02-1C.56%2C13%2C15.24%2C0%2C33.44%2C0h108.99c18.24%2C0%2C32.92%2C13.05%2C33.42%2C29.71l.02.73v229.6c0%2C16.86-15%2C30.57-33.44%2C30.57H33.44ZM39.44%2C15.89c-12.48%2C0-22.51%2C8.81-22.85%2C20.06v.2c-.02.11-.02.22-.02.32v217.57c0%2C11.4%2C10.26%2C20.68%2C22.87%2C20.68h96.99c12.61%2C0%2C22.87-9.28%2C22.87-20.68V36.55l-.02-.58c-.34-11.26-10.38-20.08-22.85-20.08H39.44Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M104.23%2C36.2h-32.6c-5.35%2C0-10.08-5.5-11.63-10.62l-3.92-12.93h63.71l-3.92%2C12.93c-1.56%2C5.12-6.28%2C10.62-11.63%2C10.62Z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22icon_phone%22%20data-name%3D%22icon%20phone%22%20class%3D%22cls-1%22%20d%3D%22M118.71%2C229.04s-.09.09-.13.13c-1.41.98-2.89%2C1.84-4.42%2C2.57-1.94.92-3.98%2C1.6-6.1%2C2.08-24.4%2C5.49-46.85-14.97-58.11-66.76-10.08-46.37%2C6.81-83.82%2C33.21-89.6%2C2.93-.64%2C5.89-.8%2C8.87-.53%2C1.96.18%2C3.73.52%2C5.26.92.94.24%2C1.79.51%2C2.54.78.33.15.66.33%2C1.01.52%2C3.2%2C1.84%2C7.07%2C5.72%2C7.84%2C11%2C.48%2C3.28-.52%2C5.22-4.95%2C14.37-5.8%2C11.97-12.05%2C25.02-16.97%2C25.22-1.63.06-3.72-.14-3.72-.14-1.43-.13-2.82-.35-4.16-.67%2C0%2C0-.01%2C0-.02%2C0-.06-.02-.13-.03-.19-.05-.37-.08-2.92-.51-3.77-.6-2.8%2C14.23-1.73%2C25.51-1.25%2C29.6%2C1.37%2C11.55%2C4.74%2C21.51%2C8.75%2C29.79.55-.16%2C3.61-1.2%2C4.1-1.4%2C0%2C0%2C0%2C0%2C0%2C0%2C.9-.49%2C2.77-1.17%2C3.85-1.53%2C0%2C0%2C1.98-.65%2C3.56-.94%2C4.79-.88%2C13.6%2C10.35%2C21.75%2C20.61%2C6.23%2C7.85%2C7.61%2C9.51%2C7.85%2C12.77.37%2C4.97-2.21%2C9.33-4.77%2C11.87Z%22%2F%3E%3C%2Fsvg%3E');
  background-size: 26px auto;
}
#mainContents #sec4 .consultation li .txtArea1 {
  margin-bottom: 1em;
  line-height: 1.4;
}
#mainContents #sec4 .consultation li .txtArea1 .txt {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}
#mainContents #sec4 .consultation li .txtArea1 .name {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}
#mainContents #sec4 .consultation li .btnArea {
  margin-bottom: 0;
}
@media screen and (min-width:781px) {
  #mainContents #sec4 .consultation li .btnArea {
    display: flex;
    justify-content: center;
    gap: 25px;
  }
}
@media screen and (max-width:780px) {
  #mainContents #sec4 .consultation li .btnArea .btn {
    width: 81.715%;
    margin: 0 auto 1em;
  }
  #mainContents #sec4 .consultation li .btnArea .btn:last-child {
    margin-bottom: 0;
  }
}



#mainContents #sec5  {
  position: relative;
  z-index: 2;
}
#mainContents #sec5 .secTitleArea {
  width: 100%;
  padding-top: 4em;
  padding-bottom: 2em;
  position: relative;
  background-color: #f9d2e7;
  border-top: 1.282vw solid #e40044;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .secTitleArea {
    border-top: 5px solid #e40044;
  }
}
#mainContents #sec5 .secTitleArea .icon {
  width: 43.8461vw;
  margin: 0 auto;
  position: absolute;
  top: -12.4vw;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .secTitleArea .icon {
    width: 205px;
    top: -51px;
    left: 50%;
  }
}
#mainContents #sec5 .secTitleArea .secTitle {
  margin-bottom: 0;
  text-align: center;
}
#mainContents #sec5 .secTitleArea .secTitle .txt1 {
  margin-bottom: .1em;
  padding: .5em 1.5em;
  color: #e40044;
  font-size: 5.5128vw;
  background-color: #fff;
  border: .7692vw solid #e40044;
  border-radius: 1.7948vw;
  display: inline-block;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .secTitleArea .secTitle .txt1 {
    padding: .8em 3.5em;
    font-size: 23px;
    border: 4px solid #e40044;
    border-radius: 14px;
  }
}
#mainContents #sec5 .secTitleArea .secTitle .txt1::after {
  content: '';
  width: 7.1794vw;
  height: 3.2051vw;
  background-color: #e40044;
  display: inline-block;
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .secTitleArea .secTitle .txt1::after {
    width: 30px;
    height: 14px;
  }
}
#mainContents #sec5 .secTitleArea .secTitle .txt2 {
  line-height: 1.2;
  font-size: 6.0256vw;
  font-weight: 600;
  display: block;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .secTitleArea .secTitle .txt2 {
    font-size: 30px;
  }
}
#mainContents #sec5 .secTitleArea .secTitle .fs2 {
  font-size: 167%;
}
#mainContents #sec5 .bg {
  padding-bottom: 14em;
  background-color: #f9d2e7;
  border-bottom: 5px solid #e40044;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .bg {
    padding-bottom: 8em;
    border-bottom: 5px solid #e40044;
  }
}
#mainContents #sec5 .opening {
  padding: 2em 2em 9em;
  text-align: center;
  background-color: #fff;
  position: relative;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .opening {
    padding: 2em 4.1em 9em;
  }
}
#mainContents #sec5 .opening .ttlArea {
  margin-bottom: .5em;
  line-height: 1.2;
}
#mainContents #sec5 .opening .ttlArea .ttl {
  margin-bottom: 0;
  font-size: 5.8974vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .opening .ttlArea .ttl {
    font-size: 24px;
  }
}
#mainContents #sec5 .opening .ttlArea .ttl .fs1 {
  font-size: 80%;
}
#mainContents #sec5 .opening .ttlArea .ttl .fs2 {
  font-size: 6.6666vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .opening .ttlArea .ttl .fs2 {
    font-size: 28px;
  }
}
#mainContents #sec5 .opening .icon {
  margin-bottom: 2em;
  display: flex;
  justify-content: center;
  gap: 5vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .opening .icon {
    gap: 20px;
  }
}
#mainContents #sec5 .opening .icon li {
  padding: .1em 1.4em;
  color: #fff;
  font-size: 4.6153vw;
  font-weight: 600;
  background: linear-gradient(123deg,#EA366C 0%, #EA366C 50%, #E40044 50%, #E40044 100%);
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .opening .icon li {
    padding: .3em 1.5em;
    font-size: 19px;
  }
}
#mainContents #sec5 .txtArea1 {
  margin-bottom: 1em;
  font-size: 4.6153vw;
  font-weight: 500;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .txtArea1 {
    margin-bottom: 2em;
    font-size: 18px;
  }
}
#mainContents #sec5 .txtArea1 p:last-child {
  margin-bottom: 0;
}
#mainContents #sec5 .figVideo {
  width: 78.944%;
  margin: 0 auto 2em;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .figVideo {
    width: 480px;
  }
}
#mainContents #sec5 .dlLink {
  width: 100%;
  margin: 0 auto;
  padding: 1em 1em 2em;
  background-color: #ededed;
  border-radius: 15px;
}
#mainContents #sec5 .dlLink .ttl {
  margin-bottom: .5em;
  font-size: 4.6153vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .dlLink .ttl {
    font-size: 19px;
  }
}
#mainContents #sec5 .dlLink .ttl .fs1 {
  font-size: 80%;
}
#mainContents #sec5 .dlLink .link ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5384vw;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .dlLink .link ul {
    gap: 40px;
  }
}
#mainContents #sec5 .dlLink .link ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width:780px) {
  #mainContents #sec5 .dlLink .link ul li.btn1 {
    width: 33.5897vw;
  }
  #mainContents #sec5 .dlLink .link ul li.btn2 {
    width: 41.6666vw;
  }
}
#mainContents #sec5 .dlLink .link ul li .qr {
  display: none;
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .dlLink .link ul li .qr {
    width: 75px;
    display: block;
  }
}
#mainContents #sec5 .figImg1 {
  width: 68.4615vw;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -40%);
}
@media screen and (min-width:781px) {
  #mainContents #sec5 .figImg1 {
    width: 283px;
    transform: translate(-50%, -60%);
  }
}


#mainContents #sec6 {
  padding: 6em 0 2em;
}
#mainContents #sec6 .bg {
  margin-bottom: 2em;
  background-color: #ededed;
}
#mainContents #sec6 .secTitle {
  margin-bottom: 0;
  padding: .5em 0;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  background-color: #4da300;
}
#mainContents #sec6 .precautions {
  padding: 3em;
}
#mainContents #sec6 .precautions .precautionsList {
  margin-bottom: 2em;
  padding-left: 1em;
  text-indent: -1em;
}
#mainContents #sec6 .precautions .precautionsList li {
  line-height: 1.8;
}
#mainContents #sec6 .precautions .txtArea1 {
  margin-bottom: 2em;
  padding: 2em;
  background-color: #fff;
  border-radius: 18px;
}
#mainContents #sec6 .precautions .txtArea1 p:last-child {
  margin-bottom: 0;
}
#mainContents #sec6 .precautions .info {
  font-style: normal;
}
#mainContents #sec6 .precautions .info .name {
  margin-bottom: .5em;
}
#mainContents #sec6 .precautions .info .infoList {
  margin-bottom: 0;
}
@media screen and (min-width:781px) {
  #mainContents #sec6 .precautions .info .infoList {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
#mainContents #sec6 .precautions .info .infoList .block {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (min-width:781px) {
  #mainContents #sec6 .precautions .info .infoList .block {
    display: flex;
    align-items: center;
    gap: 10px;
  }
}
#mainContents #sec6 .precautions .info .infoList dt {
  width: 8em;
  padding: .2em 0;
  text-align: center;
  border: 1px solid #000;
}
#mainContents #sec6 .note {
  margin-left: 3em;
}


/* ---------------------------------------------
#pageFooter
--------------------------------------------- */
#pageFooter {
  padding: 3em 0;
}
#pageFooter .logo {
  width: 17.8205vw;
  margin: 0 auto;
}
@media screen and (min-width:781px) {
  #pageFooter .logo {
    width: 139px;
  }
}