@charset "UTF-8";
.commingsoon {
  opacity: 0.5;
  pointer-events: none;
}

#pageTtl {
  background-image: url("img/manabi_mainvis.jpg");
}
@media screen and (max-width: 767px) {
  #pageTtl {
    background-image: url("img/manabi_mainvis_sp.jpg");
    margin-bottom: 65px;
  }
}

/*============================
#sec01
============================*/
section#sec01 {
  padding: 0 30px 129px;
}
@media screen and (max-width: 767px) {
  section#sec01 {
    padding: 0 26px 65px;
  }
}
section#sec01 div.desc {
  max-width: 819px;
  margin: -1px auto 0;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
  padding: 42px 0 49px;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc {
    padding: 39px 0 49px;
  }
}
section#sec01 div.desc h2 {
  display: flex;
  margin-bottom: 1.05em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc h2 {
    margin-bottom: 27px;
  }
}
section#sec01 div.desc h2 strong {
  font-size: 35px;
  line-height: 1.714285714285714;
  letter-spacing: 0.1em;
  color: #B29701;
  padding-right: 0.65em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc h2 strong {
    font-size: calc(35px *0.7);
  }
}
section#sec01 div.desc h2 span {
  font-size: 28px;
  line-height: 1.714285714285714;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc h2 span {
    font-size: calc(28px *0.7);
  }
  section#sec01 div.desc h2 span br {
    display: none;
  }
}
section#sec01 div.desc p {
  font-size: 15px;
  line-height: 2.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc p {
    font-size: 14px;
    line-height: 2.214285714285714;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc div.flex {
    display: block;
  }
}
section#sec01 div.desc div.flex p {
  flex: 0 0 47.619%;
  margin-top: -0.7em;
}
section#sec01 div.desc div.flex figure {
  flex: 0 0 47.619%;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc div.flex figure {
    padding-top: 26px;
  }
}
section#sec01 div.desc.desc2 div.flex {
  flex-direction: row-reverse;
}
section#sec01 div.desc.desc3 dl {
  padding-top: 1.135em;
}
section#sec01 div.desc.desc3 dl dt {
  font-size: 17px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 0.9em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc3 dl dt {
    font-size: 15px;
  }
}
section#sec01 div.desc.desc3 dl dt small {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc3 dl dt small {
    font-size: 10px;
  }
}
section#sec01 div.desc.desc3 dl dt::before {
  content: '●';
  color: #B29701;
}
section#sec01 div.desc.desc3 dl dd {
  font-size: 14px;
  line-height: 1.928571428571429;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc3 dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc4 {
    border-bottom: none;
  }
}
section#sec01 div.desc.desc4 .graph {
  max-width: 727.942px;
  margin: auto;
  padding: 72px 0 1.9em;
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc4 .graph {
    max-width: none;
    padding: 37px 0 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  section#sec01 div.desc.desc4 .graph img {
    max-width: 315px;
    margin: auto;
  }
}