@charset "UTF-8";
@font-face {
  font-family: "AlteHaasGroteskRegular";
  src: url(./AlteHaasGroteskRegular.ttf);
}
h2 {
  font-weight: normal;
}

h3 {
  font-weight: normal;
}

a:hover {
  opacity: 0.8;
  transition: all 0.5s;
}

.red {
  color: #FF1100;
}

.maker {
  display: inline;
  padding-bottom: 0.5rem;
  background: linear-gradient(180deg, transparent 0%, transparent 80%, #FAFF7B 80%, #FAFF7B 100%);
}

.hero {
  min-height: 50rem;
  background-image: url("../images/hero.jpg");
  background-color: #faf9f5;
  background-size: cover;
  background-position: top -3rem left -23rem;
  background-repeat: no-repeat;
  text-align: center;
}
.hero--2 {
  background-image: url("../images/mv-2.jpeg");
  background-position: left -12rem top 0;
}
.hero--3 {
  background-image: url("../images/mv-3.jpeg");
  background-position: left -10rem top 0rem;
}
@media screen and (max-width: 750px) {
  .hero--3 .hero__title {
  left: 15rem;
  font-size: 2.8rem;
}
}


@media print, screen and (min-width: 751px) {
  .hero {
    /* min-height: 70.7rem;
    background-position: top -7rem left 0; */
    min-height: 64.5rem;
    /* min-height: 73.5rem; */
    background-position: top -15rem left -30rem;
  }
}
@media print, screen and (min-width: 751px) {
  .hero--2 {
    background-image: url("../images/mv-2.jpeg");
    background-position: left 0 top 0;
  }
  .hero--3 {
    background-position: top -2rem left -10rem;
    background-size: 87%;
  }
}
.hero__title {
  font-size: 3.2rem;
  line-height: 4.8rem;
  color: #7b95b7;
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
  font-weight: 300;
  display: inline;
  position: relative;
  left: 12rem;
  top: 3.9rem;
}
.hero__logo {
  position: absolute;
  width: 30rem;
  top: 24rem;
  left: 36rem;
}
.hero__banner {
  position: absolute;
  width: 34rem;
  /* top: 22rem; */
  top: 27rem;
  left: 33rem;
}
@media print, screen and (min-width: 751px) {
  .hero__title {
    left: 35rem;
  }
  .hero__logo {
    width: 40rem;
    top: 26rem;
    left: 83rem;
  }
  .hero__banner {
    width: 50rem;
    top: 26rem;

    left: 77rem;
  }
}
.hero__title1 {
  position: relative;
  top: 3rem;
  max-width: 36rem;
  background: #fff;
  border-radius: 0 8px 8px 0;
}
@media print, screen and (min-width: 751px) {
  .hero__title1 {
    top: 5.5rem;
  }
}
.hero__title1 .t1 {
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
  font-size: 3.1rem;
  color: #1DA1F2;
  background: #C3E2F5;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-radius: 0 8px 0 0;
  line-height: 3.1rem;
  padding-left: 2.2rem;
}
.hero__title1 .t2 {
  font-size: 1.8rem;
  color: #1DA1F2;
  letter-spacing: 0;
  padding-left: 2.2rem;
}
.hero__title2 {
  font-size: 4.2rem;
  line-height: 6.8rem;
  color: #fff;
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
  font-weight: 300;
  display: inline;
  border-bottom: 1px solid;
  position: relative;
  left: 3.9rem;
  top: 3.9rem;
}
@media print, screen and (min-width: 751px) {
  .hero__title2 {
    font-size: 5.9rem;
    line-height: 9.6rem;
    left: 0;
    top: 13rem;
  }
}

.columns-section__items {
  justify-content: center;
  display: flex;
  padding: 0rem 0 3rem;
}
@media print, screen and (min-width: 751px) {
  .columns-section__items {
    padding: 4rem 0;
  }
}
.columns-section__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 13.5rem;
  margin: 0 2rem;
  color: #1DA1F2;
  border: solid 1px #1DA1F2;
  background: #FAFF7B;
  max-width: 32.33%;
  text-align: center;
  font-weight: 600;
  font-size: 2.6rem;
  border-radius: 10px;
  flex: 0 0 23.33%;
  height: 12.4rem;
  font-size: 3.0rem;
  margin: 0;
}
.columns-section__item:nth-child(1) .t1 {
  text-align: left;
}
.columns-section__item:nth-child(2) {
  margin-left: 2rem;
  flex: 0 0 68%;
  max-width: 68%;
}
@media print, screen and (min-width: 751px) {
  .columns-section__item {
    font-size: 3.6rem;
    flex: 0 0 25.33%;
  }
  .columns-section__item:nth-child(2) {
    flex: 0 0 72%;
    max-width: 72%;
  }
}
.columns-section__item span {
  font-size: 4.8rem;
}
@media print, screen and (min-width: 751px) {
  .columns-section__item span {
    font-size: 7.4rem;
    /* padding-left: 2rem; */
  }
}
.columns-section__item .t1 {
  line-height: 1.2;
  padding: 1rem 0;
  font-size: 2.4rem;
}
@media print, screen and (min-width: 751px) {
  .columns-section__item .t1 {
    line-height: 1.1;
    font-size: 3.2rem;
  }
}
.columns-section__item .t2 {
  padding-left: 0.5rem;
  font-size: 2.4rem;
}
@media print, screen and (min-width: 751px) {
  .columns-section__item .t2 {
    font-size: 3.2rem;
  }
}

.campaing {
  background: #F5F5F5;
  text-align: center;
  min-height: 99.5rem;
  padding: 3rem 0 5.2rem;
}
@media print, screen and (min-width: 751px) {
  .campaing {
    padding: 5.7rem 0 7.3rem;
  }
}
.campaing-title1 {
  font-size: 3rem;
  letter-spacing: 0.3em;
  color: #E58639;
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
}
.campaing-title2 {
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
  color: #ee5888;
  font-size: 4.2rem;
  letter-spacing: 0.1em;
}
@media print, screen and (min-width: 751px) {
  .campaing-title2 {
    font-size: 6.2rem;
  }
}
.campaing-date {
  font-size: 2.8rem;
  color: #fff;
  font-weight: 600;
  background: #ee5888;
  border-radius: 18px;
  margin: 0 5rem;
  padding: 0.5rem 0.5rem 0.25rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 751px) {
  .campaing-date {
    max-width: 62rem;
    margin: 0rem auto 1.4rem;
    letter-spacing: 0;
    padding: 0.25rem 0 0.4rem;
    border-radius: 30px;
  }
}
.campaing-text {
  color: #343A3E;
  line-height: 1.8;
  font-size: 2.6rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 751px) {
  .campaing-text {
    margin-bottom: 5rem;
  }
}
@media print, screen and (min-width: 751px) {
  .campaing-boxs {
    display: flex;
    justify-content: space-between;
  }
}
.campaing-box {
  padding: 3rem 2rem;
  background: #FFFFFF;
  margin: 0 2.3rem;
  border: solid 2px #ee5888;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 4.2rem;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .campaing-box {
    display: flex;
    justify-content: space-between;
    margin: 0;
  }
}
/* @media print, screen and (min-width: 751px) {
  .campaing-box:first-child {
    flex: 0 0 52.8%;
    max-width: 52.8%;
  }
}
@media print, screen and (min-width: 751px) {
  .campaing-box:last-child {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 0;
  }
  .campaing-box:last-child .campaing-box-row {
    padding: 3rem 3.3rem 3.1rem 3.6rem;
  }
} */
.campaing-box-icon {
  position: absolute;
  left: 50%;
  bottom: -7rem;
  transform: translate(-50%, 0);
  max-width: 8.6rem;
  z-index: 12;
}
@media print, screen and (min-width: 751px) {
  .campaing-box-icon {
    left: auto;
    right: 0;
    bottom: 37%;
    transform: translate(65%, -50%);
    max-width: 8.6rem;
    z-index: 12;
  }
}
.campaing-box-title {
  font-size: 4.6rem;
  font-weight: 600;
  margin-bottom: 2.0rem;
  border-bottom: 1px solid #121212;
}
.campaing-box-title span {
  font-size: 2.0rem;
  font-weight: normal;
}
@media print, screen and (min-width: 751px) {
  .campaing-box-title span {
    font-size: 1.6rem;
  }
}
/* .campaing-box-title2 {
  font-size: 4rem;
  font-weight: 600;
  margin-bottom: -2rem;
}
.campaing-box-title2 span {
  font-size: 4rem;
}
.campaing-box-title2 .orange {
  display: inline-block;
} */
/* .campaing-box-row {
  padding: 1.8rem 2rem 2rem;
} */
@media print, screen and (min-width: 751px) {
  .campaing-box-row {
    display: block;
    padding: 0 2rem;
    max-width: 57%;
  }
}
.campaing-box-detail {
  text-align: center;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #121212;
}
.campaing-box-detail .t1 {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 4.2rem;
}
.campaing-box-detail .t1 span {
  font-size: 2.0rem;
  font-weight: normal;
}
.campaing-box-detail .t1 .yen {
  font-size: 5.6rem;
}
@media print, screen and (min-width: 751px) {
  .campaing-box-detail .t1 {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 3.2rem;
  }
  .campaing-box-detail .t1 span {
    font-size: 1.6rem;

  }
  .campaing-box-detail .t1 .yen {
    font-size: 4.4rem;
  }
}
.arrow {
  width: 50px;
  margin: 10px auto;
}
.campaign-box-text {
  padding-bottom: 2rem;
  text-align: left;
  font-size: 2.0rem;
  font-weight: normal;
}
@media print, screen and (min-width: 751px) {
  .campaign-box-text {
    text-align: center;
    padding-bottom: 0;
    font-size: 1.6rem;
  }
}
.campaing-box-col {
  background: #F5F5F5;
  width: 100%;
  padding: 2.3rem 1.8rem 1.7rem;
}
.black {
  font-size: 2.4rem;
  font-weight: normal;
  padding-bottom: 2rem;
  text-align: left;
}
.black span {
  color: #ee5888;
  border-bottom: 1px solid #ee5888;
}
.b_pink {
  background-color: #ee5888;
  color: #ffffff;
  padding: 0.5rem;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 3.6rem;
}
@media print, screen and (min-width: 751px) {
  .black {
    font-size: 2.0rem;
    font-weight: normal;
    padding-bottom: 2rem;
  }
  .b_pink {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 751px) {
  .campaing-box-col {
    padding: 2rem 3rem;
    max-width: 100%;
    text-align: left;
  }
  .campaing-box-col + .campaing-box-col {
    margin-top: 2rem;
  }
}
.campaing-box-col .r1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 751px) {
  .campaing-box-col .r1 {
    justify-content: space-between;
  }
}
.campaing-box-col .t2 {
  text-align: left;
  font-weight: 600;
  font-size: 2.6rem;
  color: #3B4043;
  position: relative;
  margin-right: 3rem;
}
.campaing-box-col .t2::after {
  content: "";
  border: 4px solid transparent;
  border-left: 4px solid #88D6DB;
  width: 2rem;
  height: 1rem;
  position: absolute;
  right: -2.5rem;
  top: 50%;
  transform: translate(0, -50%);
}
@media print, screen and (min-width: 751px) {
  .campaing-box-col .t2::after {
    border: 13px solid transparent;
    border-left: 13px solid #88D6DB;
    width: 13px;
    height: 13px;
    position: absolute;
    right: -6.2rem;
  }
}
.campaing-box-col .t2 span {
  color: #707070;
  font-size: 2.2rem;
}
.campaing-box-col .t2 .yen {
  font-size: 2.8rem;
}
@media print, screen and (min-width: 751px) {
  .campaing-box-col .t2 .yen {
    font-size: 4rem;
  }
}
.campaing .caveat {
  white-space: normal;
  font-size: 2.6rem;
  line-height: 1.5;
  margin-top: 1rem;
}
@media print, screen and (min-width: 751px) {
  .campaing .caveat {
    margin-top: 1rem;
    margin-bottom: -1rem;
  }
}
.campaing .blue {
  font-size: 3.2rem;
  margin-bottom: 1rem;
  color: #1DA1F2;
}
@media print, screen and (min-width: 751px) {
  .campaing .blue {
    font-size: 2.8rem;
  }
}
.campaing .mid {
  font-size: 2.6rem;
  color: #343A3E;
  font-weight: 600;
}
.campaing .orange {
  color: #E58639;
  font-size: 7rem;
  font-weight: 600;
  padding-bottom: 0;
  line-height: 1.1;
}
@media print, screen and (min-width: 751px) {
  .campaing .orange {
    font-size: 9rem;
    line-height: 1;
  }
}

.cta-section {
  padding: 1.5rem 2.2rem 1.5rem;
  background: #F5F5F5;
  border: 2px #1DA1F2 solid;
  border-left: 0;
  border-right: 0;
}
@media print, screen and (min-width: 751px) {
  .cta-section {
    padding: 3.9rem 0 4rem;
  }
}
.cta-section__buttons {
  justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
  .cta-section__buttons {
    max-width: 71.4rem;
    margin: auto;
  }
}
.cta-section__button {
  flex: 0 0 49.5%;
  max-width: 49.5%;
  background: #E58639;
  border-radius: 10px;
}
.cta-section__button a {
  justify-content: center;
  align-items: center;
  height: 9.5rem;
  color: #fff;
  font-weight: 600;
  display: flex;
  border: solid 1px #fff;
  margin: 0.4rem;
  border-radius: 10px;
  font-size: 1.8rem;
  background: #E58639;
}
.cta-section__button a img {
  margin-right: 1rem;
  max-width: 4rem;
}
.cta-section__button:nth-child(2) {
  background: #4CC764;
}
.cta-section__button:nth-child(2) a {
  background: #4CC764;
}

.columns2-section {
  min-height: 40.6rem;
  padding: 3.6rem ​0;
}
@media print, screen and (min-width: 751px) {
  .columns2-section {
    padding: 6.2rem 0 7.2rem;
  }
}
.columns2-section__row {
  display: flex;
}
.columns2-section__col {
  flex: 0 0 35%;
  max-width: 35%;
  overflow: hidden;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col {
    flex: 0 0 36%;
    max-width: 36%;
  }
}
.columns2-section__col.col--2 {
  background: #1DA1F2;
  color: #fff;
  padding: 3rem 2.5rem 4rem;
  flex: 0 0 65%;
  max-width: 65%;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col.col--2 {
    padding: 6rem 4.6rem 0;
    flex: 0 0 64%;
    max-width: 64%;
  }
}
.columns2-section__col.col--2 .t1 {
  text-align: center;
  font-weight: 600;
  font-size: 3rem;
  margin-bottom: 3.7rem;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col.col--2 .t1 {
    font-size: 3rem;
    margin-bottom: 6rem;
  }
}
.columns2-section__col.col--2 .t1::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translate(-50%, 0);
  border-bottom: 3px solid #FAFF7B;
  width: 4.2rem;
  height: 3px;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col.col--2 .t1::after {
    border-bottom-width: 4px;
    height: 4px;
  }
}
.columns2-section__col.col--2 .t2 {
  font-size: 2.6rem;
  line-height: 3.8rem;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col.col--2 .t2 {
    font-size: 2.2rem;
  }
}
.columns2-section__col-inner {
  height: 100%;
}
.columns2-section__col-inner img {
  width: 33rem;
  height: 100%;
  object-fit: cover;
  object-position: -36rem;
}
@media print, screen and (min-width: 751px) {
  .columns2-section__col-inner img {
    width: 100%;
    height: 43.4rem;
    object-fit: cover;
    object-position: -22rem;
  }
}

.main-section {
  padding: 3rem 0 0;
}

.section-title {
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  padding: 3.2rem;
  letter-spacing: 0;
  color: #1DA1F2;
  margin-bottom: 6rem;
  position: relative;
  min-height: 18rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 751px) {
  .section-title {
    max-width: 64rem;
    margin: 0 auto 7.8rem;
    font-size: 3.6rem;
    padding: 0;
  }
}
.section-title .border {
  border-top: 1px solid;
  display: block;
  position: absolute;
}
.section-title .border1 {
  width: 8rem;
  height: 1px;
  left: 5rem;
  top: 2rem;
}
@media print, screen and (min-width: 751px) {
  .section-title .border1 {
    left: 0;
  }
}
.section-title .border2 {
  width: 1px;
  height: 5.5rem;
  left: 6.7rem;
  top: 0.5rem;
  z-index: 1;
  border-left: 1px solid;
}
@media print, screen and (min-width: 751px) {
  .section-title .border2 {
    left: 1.8rem;
  }
}
.section-title .border3 {
  width: 8rem;
  height: 1px;
  right: 6rem;
  bottom: 1rem;
}
@media print, screen and (min-width: 751px) {
  .section-title .border3 {
    right: 0;
  }
}
.section-title .border4 {
  width: 1px;
  height: 5.5rem;
  right: 7.7rem;
  bottom: -0.5rem;
  z-index: 1;
  border-left: 1px solid;
}
@media print, screen and (min-width: 751px) {
  .section-title .border4 {
    right: 1.8rem;
  }
}

.tab-section__tabs {
  margin: 0 6.5rem;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (min-width: 751px) {
  .tab-section__tabs {
    max-width: 61.5rem;
    margin: auto;
  }
}
.tab-section__tab {
  flex: 0 0 31.5%;
  max-width: 31.5%;
  height: 14.5rem;
  background-color: #F5F5F5;
  border-radius: 10px 10px 0 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  color: #343A3E;
  font-weight: 600;
  text-align: center;
}
.tab-section__tab .t1 {
  margin-top: 2rem;
}
.tab-section__tab .image1 {
  max-width: 48%;
  margin: 1.5rem auto;
}
@media print, screen and (min-width: 751px) {
  .tab-section__tab .image1 {
    margin: 0.5rem auto;
  }
}
.tab-section__tab .image1-3 img {
  max-width: 3.7rem;
}
.tab-section__tab.is-active {
  height: 16rem;
  background-color: #C3E2F5;
}
.tab-section__content {
  margin: 0 2rem;
  padding: 5rem 4rem 4.5rem;
  background: #C3E2F5;
}
.tab-section__content-inner {
  background: #fff;
  padding: 3.5rem;
  border-radius: 4px;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content-inner {
    padding: 3.5rem 3.5rem 6rem;
  }
}
.tab-section__content-title {
  padding: 1rem;
  border: solid 1px #1DA1F2;
  border-left: 0;
  border-right: 0;
  min-height: 10rem;
  display: flex;
  align-items: center;
  margin-bottom: 4.4rem;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content-title {
    max-width: 79.5rem;
    margin: 0 auto 5rem;
  }
}
.tab-section__content-title-left {
  flex: 0 0 40%;
  max-width: 40%;
  border-right: solid 1px #1DA1F2;
  padding: 2rem 0;
  font-weight: bold;
  color: #1DA1F2;
  text-align: center;
  font-size: 2.6rem;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content-title-left {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
.tab-section__content-title-right {
  flex: 0 0 60%;
  padding: 0rem 0 0 2rem;
  max-width: 60%;
  font-size: 2.6rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content-title-right {
    flex: 0 0 70%;
    max-width: 70%;
    line-height: 1.8;
  }
}
.tab-section__content-figure {
  max-width: 61%;
  margin: 0 auto 5.5rem;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content-figure {
    max-width: 34.6rem;
    margin: 0 auto 4rem;
  }
}
.tab-section__content .icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .icon-text {
    margin-bottom: 3rem;
    font-size: 2.8rem;
  }
}
.tab-section__content .icon-text img {
  margin: 0;
  margin-right: 0.8rem;
  max-width: 2.9rem;
}
.tab-section__content .text-divs {
  margin-bottom: 5rem;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .text-divs {
    max-width: 79.5rem;
    margin: 0 auto 5rem;
  }
}
.tab-section__content .text-div {
  padding: 1.5rem;
  background-color: #F5F5F5;
  border-radius: 4px;
  border: solid 1px #1DA1F2;
  margin-bottom: 1rem;
}
.tab-section__content .text-div-title {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 0.2rem;
  color: #1DA1F2;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .text-div-title {
    font-size: 2.6rem;
  }
}
.tab-section__content .text-div-text {
  font-size: 2.6rem;
  line-height: 2;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .text-div-text {
    font-size: 2rem;
  }
}
.tab-section__content .tab-tables {
  margin: 3rem auto 0;
}
.tab-section__content .tab-table-wrap {
  margin-bottom: 2rem;
}
.tab-section__content .tab-table-wrap:last-child {
  margin-bottom: 0;
}
.tab-section__content .tab-table {
  width: 100%;
  display: table;
}
.tab-section__content .tab-table-row {
  display: table-row;
  border: #1DA1F2 solid 1px;
  border-top: 0;
}
.tab-section__content .tab-table-row:last-child .tab-table-col {
  border-bottom: #1DA1F2 solid 1px;
}
.tab-section__content .tab-table-th {
  font-size: 2.8rem;
  font-weight: 600;
  color: #fff;
  width: 100%;
  padding: 0.7rem 1.2rem;
  background: #1DA1F2;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .tab-table-th {
    font-size: 2.2rem;
  }
}
.tab-section__content .tab-table-col {
  display: table-cell;
  text-align: right;
  padding: 1rem 1.8rem;
  font-size: 2.6rem;
  border: #1DA1F2 solid 1px;
  border-bottom: 0;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .tab-table-col {
    font-size: 2.2rem;
  }
}
.tab-section__content .tab-table-col:first-child {
  border-right: 0;
  background: #F5F5F5;
  font-weight: 600;
  width: 20rem;
  text-align: left;
}
@media print, screen and (min-width: 751px) {
  .tab-section__content .tab-table-col:first-child {
    width: 18rem;
  }
}

.text-section {
  padding-top: 4rem;
  padding-bottom: 3.5rem;
}
@media print, screen and (min-width: 751px) {
  .text-section {
    padding-bottom: 10rem;
    padding-top: 8rem;
  }
}
.text-section__figure {
  max-width: 30rem;
  margin: 0 auto 5rem;
}
.text-section__catch {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: #E58639;
  margin: 6rem auto 7rem;
}
.text-section__items {
  padding: 0 6rem;
}
@media print, screen and (min-width: 751px) {
  .text-section__items {
    padding: 0;
  }
}
.text-section__item {
  margin-bottom: 3.5rem;
}
.text-section__item .t1 {
  color: #E58639;
  font-size: 3.0rem;
  font-weight: 600;
  padding-bottom: 0.8rem;
  margin-bottom: 0.9rem;
  border-bottom: 1px solid;
  position: relative;
}
.text-section__item .t1 span {
  padding-left: 1rem;
  display: block;
  border-left: 4px solid;
}
.text-section__item .t2 {
  font-size: 2.6rem;
  line-height: 1.8;
  margin-bottom: 2rem;
}
.text-section__item .t3 {
  font-size: 2.6rem;
  line-height: 1.8;
}

.dr-section {
  background: #F5F5F5;
  padding-bottom: 5.8rem;
}
@media print, screen and (min-width: 751px) {
  .dr-section {
    padding: 13rem 0;
  }
}
.dr-section__item {
  background: #FFFFFF;
  padding: 3rem 2.4rem;
  margin: 7.5rem 5rem 7.5rem 4rem;
}
@media print, screen and (min-width: 751px) {
  .dr-section__item {
    margin: 7.5rem 0;
    padding: 3rem 3.2rem 6rem;
  }
}
.dr-section__item:last-child {
  margin-bottom: 0;
}
.dr-section__item-figure img {
  margin-bottom: 2.2rem;
}
.dr-section__item-text {
  font-size: 2.6rem;
  line-height: 3.4rem;
  margin-bottom: 2.5rem;
}
.dr-section__item-div {
  margin-bottom: 3.6rem;
  font-size: 2rem;
}
.dr-section__item-div-label {
  font-size: 2.6rem;
  font-weight: 600;
  color: #fff;
  width: 28rem;
  padding: 0.5rem;
  text-align: center;
  background: #1DA1F2;
  border-radius: 15px;
  margin-bottom: 2.2rem;
}
@media print, screen and (min-width: 751px) {
  .dr-section__item-div-label {
    width: 28.5rem;
    border-radius: 50px;
  }
}
.dr-section__item-table-row {
  display: table-row;
}
.dr-section__item-table-col {
  display: table-cell;
  padding-bottom: 2rem;
}
.dr-section__item-table-col:first-child {
  width: 20rem;
  color: #1DA1F2;
  font-weight: 600;
}
@media print, screen and (min-width: 751px) {
  .dr-section__item-table-col:first-child {
    width: 21rem;
  }
}
@media print, screen and (min-width: 751px) {
  .dr-section__item-div-rows {
    display: flex;
  }
  .dr-section__item-div-rows > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.dr-section__item-div-row {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.dr-section__item-div-row:last-child {
  margin-bottom: 0;
}
.dr-section__item-div-col {
  flex: 0 0 70%;
  max-width: 70%;
}
.dr-section__item-div-col:first-child {
  flex: 0 0 30%;
  max-width: 30%;
  padding-right: 4.5rem;
}
.dr-section__item-div-col:last-child {
  padding-right: 3rem;
  line-height: 2.7rem;
  font-size: 2.6rem;
}
.dr-section__item-button {
  display: block;
  background: #343A3E;
  color: #1DA1F2;
  text-align: center;
  font-weight: 600;
  font-size: 3rem;
  padding: 1rem;
  border-radius: 50px;
  position: relative;
}
@media print, screen and (min-width: 751px) {
  .dr-section__item-button {
    max-width: 59.3rem;
    margin: auto;
  }
}
.dr-section__item-button span {
  content: "CLOSE";
}
.dr-section__item-button.is-active::after {
  content: "-";
}
.dr-section__item-button::after {
  content: "＋";
  position: absolute;
  right: 4rem;
  top: 50%;
  transform: translate(0, -50%);
}

.case-section {
  padding: 7.3rem 0 6.3rem;
  background: #fff;
}
@media print, screen and (min-width: 751px) {
  .case-section {
    padding: 10.5rem 0;
  }
}
.case-section__inner {
  padding: 0 5rem;
}
@media print, screen and (min-width: 751px) {
  .case-section__inner {
    padding: 0;
  }
}
.case-section__content .memo {
  font-size: 2.2rem;
  line-height: 2.9rem;
  color: #707070;
}
.case-section__content-text {
  font-size: 2.6rem;
  line-height: 1.8;
  margin-bottom: 3rem;
}
.case-section__content-item {
  border: solid 1px #1DA1F2;
  border-radius: 4px;
  margin-bottom: 2.8rem;
}
.case-section__content-item-body {
  padding: 3rem 3rem 2.4rem;
  font-size: 2.6rem;
}
@media print, screen and (min-width: 751px) {
  .case-section__content-item-body {
    padding: 4rem 4.6rem;
  }
}
.case-section__content-item .t1 {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  text-align: center;
  padding: 1.5rem;
  background: #1DA1F2;
}
.case-section__content-item .t2 {
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 751px) {
  .case-section__content-item .t2 {
    margin-bottom: 1rem;
  }
}
.case-section__content-item .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 751px) {
  .case-section__content-item .row {
    max-width: 58.6rem;
    margin: 3rem auto 6rem;
  }
}
.case-section__content-item .col {
  flex: 0 0 42%;
  max-width: 42%;
}
.case-section__content-item .col img {
  border-radius: 10px;
}
.case-section__content-item .arrow {
  border: solid 2rem transparent;
  border-left: solid 2rem #E1EDF5;
  position: absolute;
  left: 52%;
  top: 60%;
  transform: translate(-50%, -50%);
}
.case-section__content-item .date {
  background-color: #343A3E;
  color: #fff;
  margin-bottom: 1.5rem;
  border-radius: 15px;
  text-align: center;
}
.case-section__content-item .t-row {
  display: flex;
  align-items: center;
  border-top: solid 1px #1DA1F2;
  border-bottom: solid 1px #1DA1F2;
  margin-bottom: 1.6rem;
}
.case-section__content-item .t-cell {
  text-align: center;
  font-weight: 600;
  font-size: 2.6rem;
}
.case-section__content-item .t-cell:first-child {
  width: 11.7rem;
  background: #C3E2F5;
  color: #1DA1F2;
  padding: 1rem 0;
}
.case-section__content-item .t-cell:last-child {
  padding-left: 1.4rem;
}
.case-section__content-item dt {
  color: #1DA1F2;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.case-section__content-item dd {
  color: #707070;
}
.case-section__content-item dl {
  margin-bottom: 1.6rem;
}
.case-section__content-item dl:last-child {
  margin-bottom: 0;
}

.price-section {
  background-color: #F5F5F5;
  padding: 6.7rem 0 7rem;
}
.price-section__inner {
  padding: 0 5rem;
}
.price-section__text {
  font-size: 2.6rem;
  line-height: 1.8;
  margin-bottom: 5rem;
}
@media print, screen and (min-width: 751px) {
  .price-section__text {
    text-align: center;
  }
}
.price-section__label {
  border-radius: 25px;
  font-size: 3.2rem;
  background-color: #343A3E;
  color: #fff;
  font-weight: 600;
  padding: 0.8rem;
  text-align: center;
  margin-bottom: 3.25rem;
}
.price-section__table {
  margin-bottom: 1.65rem;
}
.price-section__memo {
  font-size: 2.2rem;
  color: #707F89;
  font-weight: 300;
  margin-bottom: 4rem;
}
@media print, screen and (min-width: 751px) {
  .price-section__memo {
    text-align: right;
  }
}
.price-section__text2 {
  text-align: center;
  color: #1DA1F2;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.8;
}
.price-section__table-caption {
  font-weight: 600;
  font-size: 3rem;
  padding: 1.25rem 1rem;
  color: #fff;
  background: #1DA1F2;
}
.price-section__table-caption span {
  background: #fff;
  color: #1DA1F2;
  font-size: 2rem;
  text-align: center;
  padding: 0.25rem 1rem;
  margin-right: 1.2rem;
  border-radius: 10px;
  margin-left: 1rem;
  vertical-align: middle;
}
.price-section__table {
  display: table;
  width: 100%;
}
.price-section__table-row {
  font-size: 2.2rem;
  display: table-row;
}
.price-section__table-col {
  display: table-cell;
  font-size: 2.6rem;
  vertical-align: middle;
  text-align: right;
  padding: 0 2.5rem;
  background-color: #FFFFFF;
}
.price-section__table-col:first-child {
  border-left: solid 1px #1DA1F2;
  border-bottom: solid 1px #1DA1F2;
  text-align: center;
  width: 27.7rem;
  height: 9.3rem;
  background-color: #C3E2F5;
}
.price-section__table-col:last-child {
  border-right: solid 1px #1DA1F2;
  border-left: solid 1px #1DA1F2;
  border-bottom: solid 1px #1DA1F2;
}

.faq-section {
  background-color: #FFFFFF;
  padding: 6rem 0 7.9rem;
}
.faq-section__inner {
  padding: 0 5rem;
}
.faq-section__item {
  margin-bottom: 4.65rem;
}
.faq-section__item:last-child {
  margin-bottom: 0;
}
.faq-section__item-title {
  font-size: 3rem;
  font-weight: 600;
  padding-left: 1.5rem;
  border-left: 5px solid #1DA1F2;
  margin-bottom: 1.8rem;
}
.faq-section__item-box {
  margin-bottom: 2rem;
  border: solid 1px #1DA1F2;
  background-color: #C3E2F5;
  border-radius: 4px;
}
.faq-section__item-box:last-child {
  margin-bottom: 0;
}
.faq-section__item-box-title {
  font-size: 2.6rem;
  padding: 2rem 5rem 2rem 3rem;
  font-weight: 600;
  position: relative;
}
.faq-section__item-box-title::before {
  color: #1DA1F2;
  content: "+";
  position: absolute;
  top: 40%;
  font-size: 5rem;
  font-weight: normal;
  right: 2rem;
  transform: translate(0, -50%);
}
.faq-section__item-box-title.is-active::before {
  content: "-";
}
.faq-section__item-box-text {
  font-size: 2.6rem;
  padding: 2rem 3rem;
  background-color: #fff;
  border-radius: 4px;
  color: #707F89;
}

.counseling-section {
  background: #1DA1F2;
  padding: 5.5rem 0 5.8rem;
}
@media print, screen and (min-width: 751px) {
  .counseling-section {
    padding: 8.5rem 0 9rem;
  }
}
.counseling-section .section-title {
  color: #fff;
}
.counseling-section__inner {
  padding: 0 5rem;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__inner {
    padding: 0;
  }
}
.counseling-section__content-title {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  position: relative;
  text-align: center;
  margin-bottom: 6rem;
}
.counseling-section__content-title::after {
  content: "";
  width: 6rem;
  height: 2px;
  border-bottom: 2px solid #FAFF7B;
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  transform: translate(-50%, 0);
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-title::after {
    height: 4px;
    border-bottom-width: 4px;
  }
}
.counseling-section__content-items {
  margin-bottom: 7rem;
}
.counseling-section__content-item {
  font-size: 2.6rem;
  font-weight: 600;
  padding: 1.5rem 2rem;
  position: relative;
  background-color: #fff;
  margin-bottom: 1.5rem;
}
.counseling-section__content-item img {
  display: inline-block;
  max-width: 3rem;
  margin: 0 1rem 0 0;
}
.counseling-section__content-box {
  background-color: #FFFFFF;
  margin-bottom: 5.8rem;
  padding: 3rem 2rem 3rem 3rem;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-box {
    padding: 6.4rem 11rem;
  }
}
.counseling-section__content-box-row {
  display: flex;
  margin-bottom: 2.5rem;
}
.counseling-section__content-box-row-no {
  background-color: #E1EDF5;
  font-size: 4rem;
  padding: 2rem;
  flex: 0 0 16.5%;
  text-align: center;
  font-family: "しっぽり明朝", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Noto Serif JP", serif;
  color: #1DA1F2;
  height: 9.6rem;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-box-row-no {
    padding: 1.3rem;
    flex: 0 0 13.5%;
    height: 8.3rem;
  }
}
.counseling-section__content-box-row-body {
  padding-left: 1rem;
  font-size: 2.6rem;
}
.counseling-section__content-box-row-body .t1 {
  font-size: 3.0rem;
  color: #1DA1F2;
  font-weight: 600;
}
.counseling-section__content-box-row-body .t1 span {
  font-size: 2.6rem;
}
.counseling-section__content-text {
  font-size: 2.6rem;
  line-height: 1.8;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin-bottom: 3.5rem;
}
.counseling-section__content-box-bottom {
  padding: 1.4rem 0 1.4rem 1.4rem;
  /* margin-left: 9rem; */
  text-align: center;
  margin-right: 1.5rem;
  background-color: #F5F5F5;
}
.counseling-section__content-box-bottom .t1 {
  font-size: 3.4rem;
  color: #1DA1F2;
  font-weight: 600;
}
.counseling-section__content-box-bottom .t2 {
  font-size: 2.2rem;
}
.counseling-section__content-box-bottom .t3 {
  color: #1DA1F2;
  font-size: 2.6rem;
}
.counseling-section__content-box-bottom .t4 {
  font-size: 2.6rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
.counseling-section__content-box-bottom .t4 span {
  position: relative;
  color: #E58639;
  margin-left: 2rem;
  font-weight: 600;
  font-size: 3.0rem;
}
.counseling-section__content-box-bottom .t4 span::before {
  content: "";
  position: absolute;
  left: -2rem;
  top: 50%;
  transform: translate(0, -50%);
  border: 5px solid transparent;
  border-left: 5px solid #88D6DB;
}
.counseling-section__content-box2 {
  padding: 2rem;
  background: #fff;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-box2 {
    padding: 2rem 1rem 2rem 1.8rem;
    width: 65.5rem;
    margin: auto;
  }
}
.counseling-section__content-box2-row {
  display: flex;
}
.counseling-section__content-box2-left {
  flex: 0 0 38%;
  max-width: 38%;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-box2-left {
    flex: 0 0 32.5%;
    max-width: 32.5%;
  }
}
.counseling-section__content-box2-title {
  font-size: 2.0rem;
  font-weight: 600;
  color: #1DA1F2;
  margin-bottom: 1.5rem;
}
.counseling-section__content-box2-text {
  font-size: 1.6rem;
  color: #707070;
  font-weight: 600;
}
.counseling-section__content-box2-right {
  flex: 0 0 62%;
  max-width: 62%;
  padding-left: 1.5rem;
}
@media print, screen and (min-width: 751px) {
  .counseling-section__content-box2-right {
    flex: 0 0 67.5%;
    max-width: 67.5%;
  }
}

.sougei-section {
  background: #fff;
  padding: 3.7rem 2.3rem;
}
@media print, screen and (min-width: 751px) {
  .sougei-section {
    padding: 9.5rem 0 6.83rem;
  }
}
.sougei-section__box {
  background-color: #E1EDF5;
  padding: 3.6rem;
  text-align: center;
  border-radius: 4px;
  line-height: 3.4rem;
}
.sougei-section__title {
  font-size: 3.2rem;
  line-height: 1.8;
  font-weight: 600;
  color: #1DA1F2;
  margin-bottom: 1.8rem;
}
.sougei-section__text {
  font-size: 2.6rem;
  line-height: 1.8;
}
@media print, screen and (min-width: 751px) {
  .sougei-section__text {
    font-size: 2.2rem;
    line-height: 3.4rem;
  }
}

.open-section {
  background: #fff;
  padding: 5.4rem 0 3rem;
}
@media print, screen and (min-width: 751px) {
  .open-section {
    padding: 9.1rem 0 9.6rem;
  }
}
.open-section__content-title {
  font-size: 3rem;
  text-align: center;
  background: #1DA1F2;
  color: #fff;
  font-weight: 600;
  padding: 1rem;
}
.open-section__inner {
  padding: 0 5rem;
}
@media print, screen and (min-width: 751px) {
  .open-section__inner {
    max-width: 64.5rem;
    margin: auto;
    padding: 0;
  }
}
.open-section__figure {
  display: none;
  background: skyblue;
  height: 27rem;
  margin-bottom: 4.7rem;
}
.open-section__text {
  margin-top: 2rem;
  font-size: 2.6rem;
  line-height: 1.8;
  margin-bottom: 3.2rem;
  text-align: center;
}
.open-section__box {
  padding: 3rem;
  background: #C3E2F5;
  font-weight: 600;
  font-size: 2.6rem;
  color: #707070;
}
@media print, screen and (min-width: 751px) {
  .open-section__box {
    font-size: 2.6rem;
  }
}
.open-section__img {
  margin: 20px 0;
}

@media screen and (max-width: 750px) {
  .ui-widget {
    font-size: 2em !important;
  }
}

/*# sourceMappingURL=index.css.map */


.video-btn {
  background: #EF5888;
  color: #fff;
  display: block;
  text-align: center;
  padding: 1rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAABkUlEQVRIie2WMUvDYBCG39jBpYJLB20tdfIPCI4iTqJWf4UOYh1d1cnVrYKTo05Kxb8ggoObKBTBiuDWuAi2PA4NmMbmy/cl6uS75r17cpfLcdK//kierREoS1qRtCipIqkUPGpJepTUkHTmed7Tj7wZUAQOgQ7J6gInQCUrdBV4swBG5QPVtNCtoIK06gK1NJVmgYbhdpUDJdK1N04+MB7lDA1g70nKO7XIrBFJu0YHUCZ5eufoTa6LOkDJBK4lZQh5Z4ArB/iGCXxpCw78OWANeLUAX5jADy7gUFwe2AHeDaF3JrCfBhyKnwKuY0L9sHfQVGeV1f6Pgl/SkIBRYF/SraTpGNuzCdx0BOaAdUn3krYlDRvsfbmj4PjJ+w6dlXQjqS6pYBHSMCWbIHmBzAOnSUMY0QemBRLAjxyT2qhu08IiFr+Vg9rAmMWnkIAF7C6OJHWBZStoCF4j+yGw6QQNwauka3sbWEoFDcELwAG9ybSp8hiLb+py3pb0dd5Oqv+8baq3A849z2u5l/evX9QncJMqfix+aAgAAAAASUVORK5CYII=);
  background-position: center right 5rem;
  background-repeat: no-repeat;
  font-size: 2.4rem;
  background-size: 3rem;

}
@media screen and (max-width: 750px) {
  .video-btn {
    font-size: 3.6rem;
    background-size: 5rem;
  }
}



.section5-5__box {
  padding: 8rem 5rem 2rem;
  background-color: #fff;
  box-shadow: 10px 13px 25.5px 4.5px rgb(194 194 194 / 30%);
  margin: 0 2rem;
  margin-bottom: 8rem;
}
.section5-5__read {
  font-family: "Noto Serif JP", serif;
  font-size: 4.0rem;
  margin-bottom: 5.0rem;
  font-weight: 300;
  text-align: center;
}
@media print, screen and (min-width: 751px) {
  .section5-5__box {
    padding: 6rem 10rem 3rem;
  }
  .section5-5__read {
    font-size: 3.0rem;
  }
}
.blue {
  color: #1ea2f1;
}
.section5-5__images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section5-5__item {
  width: 24rem;
  text-align: center;
  font-size: 2rem;
  margin-bottom: 4rem;
}
.section5-5__item img {
  margin-bottom: 2rem;
}
.section5-5__item .t1 {
  font-weight: 500;
  line-height: 1;
}
.section5-5__item .t1 .t2 {
  display: inline-block;
  margin: 0 auto;
}
@media print, screen and (min-width: 751px) {
  .section5-5__item {
    width: 21rem;
    margin-bottom: 5rem;
  }
}


@media print, screen and (max-width: 750px) {
  .hero__banner{
    position: static;
    display: block;
    margin-top: 52rem;
    width: 94%;
    margin: 43rem auto 4rem;
  }
  .hero--3 {
    background-size: 79rem;
    background-position: left -9rem top 0rem;
  }
  .hero--3 .hero__title {
    left: 17rem;
    font-size: 2.6rem;
  }
}