@charset "UTF-8";
/* CSS Document */
@font-face {
  src: url("../fonts/NotoSansJP-Black.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-display: swap;
}
@media (max-width: 750px) {
  p {
    font-size: 1.1em;
  }
}

@media (max-width: 750px) {
  .spNone {
    display: none !important;
  }
}

@media (min-width: 751px) {
  .pcNone {
    display: none !important;
  }
}

.switch {
  visibility: hidden;
}

.bold {
  font-weight: bold;
}

@media (max-width: 750px) {
  .spleft {
    text-align: left !important;
  }
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}
.center img {
  margin-right: auto;
  margin-left: auto;
}

.mt120 {
  margin-top: 7.5em;
}
@media (max-width: 750px) {
  .mt120 {
    margin-top: 16vw;
  }
}

.mb120 {
  margin-bottom: 7.5em;
}
@media (max-width: 750px) {
  .mb120 {
    margin-bottom: 16vw;
  }
}

.mt90 {
  margin-top: 6.25em;
}
@media (max-width: 750px) {
  .mt90 {
    margin-top: 14.67vw;
  }
}

.mb90 {
  margin-bottom: 6.25em;
}
@media (max-width: 750px) {
  .mb90 {
    margin-bottom: 14.67vw;
  }
}

.pb90 {
  padding-bottom: 6.25em;
}
@media (max-width: 750px) {
  .pb90 {
    padding-bottom: 14.67vw;
  }
}

.mt60 {
  margin-top: 3.75em;
}
@media (max-width: 750px) {
  .mt60 {
    margin-top: 13.3vw;
  }
}

.mt3em {
  margin-top: 3em;
}
@media (max-width: 750px) {
  .mt3em {
    margin-top: 2em;
  }
}

.mb3em {
  margin-bottom: 3em;
}
@media (max-width: 750px) {
  .mb3em {
    margin-bottom: 2em;
  }
}

.mt2em {
  margin-top: 2em;
}
@media (max-width: 750px) {
  .mt2em {
    margin-top: 1em;
  }
}

.mb2em {
  margin-bottom: 2em;
}
@media (max-width: 750px) {
  .mb2em {
    margin-bottom: 1em;
  }
}

.mt1em {
  margin-top: 1em;
}

.mb1em {
  margin-bottom: 1em;
}

.mt05em {
  margin-top: 0.5em;
}

.mb05em {
  margin-bottom: 0.5em;
}

.pt3em {
  padding-top: 3em;
}
@media (max-width: 750px) {
  .pt3em {
    padding-top: 2em;
  }
}

.pt2em {
  padding-top: 2em;
}
@media (max-width: 750px) {
  .pt2em {
    padding-top: 1em;
  }
}

.pt1em {
  padding-top: 1em;
}

.pt05em {
  padding-top: 0.5em;
}

.pl2em {
  padding-left: 2.5em;
}
@media (max-width: 750px) {
  .pl2em {
    padding-left: 1em;
  }
}

.red {
  color: #e11c24;
}

.theme {
  color: #F29600;
}

img {
  height: auto;
}
@media (max-width: 750px) {
  img.width80 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 750px) {
  img.width50 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
  }
}

/* レイアウト関連 */
.inner, .inner840 {
  width: 92%;
  margin-right: auto;
  margin-left: auto;
}

.inner {
  max-width: 940px;
}
.inner .inner840 {
  width: 100%;
}

.inner840 {
  max-width: 840px;
  /* リンク・フォーム */
}

.linkbox, input[type=submit], input[type=button] {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #F29600;
  border: 1px solid #F29600;
  width: 15em;
  height: 6.4em;
  text-decoration: none;
  transition: all ease 0.5s;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 751px) {
  .linkbox, input[type=submit], input[type=button] {
    font-size: 1.1em;
  }
}
.linkbox:hover, input[type=submit]:hover, input[type=button]:hover {
  color: #F29600;
  background-color: white;
}

.linkbox_wrap {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkbox_wrap > * {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.linkbox_wrap > *:last-of-type {
  margin-left: 1em !important;
}
@media (min-width: 751px) {
  .linkbox_wrap > *:last-of-type {
    margin-left: 2em !important;
  }
}

input[type=text], input[type=tel], textarea, input[type=email], input[type=url] {
  width: 100%;
  border: 1px solid #313131;
  font-size: 1.1em;
  background-color: white;
  padding: 0.75em;
  margin-top: 0.5em;
}

/* タイトル */
@media (min-width: 751px) {
  .f_18 {
    font-size: 1.1em;
  }
}

.f_20 {
  font-size: 1.2em;
}
@media (max-width: 750px) {
  .f_20 {
    font-size: 1.1em;
  }
}

.f_24 {
  font-size: 1.5em;
}
@media (max-width: 750px) {
  .f_24 {
    font-size: 1.1em;
  }
}

.f_26 {
  font-size: 1.6em;
}
@media (max-width: 750px) {
  .f_26 {
    font-size: 1.2em;
  }
}

.f_28 {
  font-size: 1.75em;
}
@media (max-width: 750px) {
  .f_28 {
    font-size: 1.25em;
  }
}

.f_30 {
  font-size: 1.87em;
}
@media (max-width: 750px) {
  .f_30 {
    font-size: 1.4em;
  }
}

.f_40 {
  font-size: 2.5em;
}
@media (max-width: 750px) {
  .f_40 {
    font-size: 1.5em;
  }
}

/* コンテンツ */
section {
  padding: 8.75em 0;
}
@media (max-width: 750px) {
  section {
    padding: 18.6vw 0;
  }
}
section.mt {
  padding-top: 4.5em !important;
}
@media (max-width: 750px) {
  section.mt {
    padding-top: 15.33vw !important;
  }
}
section.mb {
  padding-bottom: 4.5em;
}
@media (max-width: 750px) {
  section.mb {
    padding-bottom: 15.33vw;
  }
}
section.mt0 {
  padding-top: 0;
}
@media (max-width: 750px) {
  section.mt0 {
    padding-top: 0;
  }
}

.contentwrap {
  margin-top: 4.5em;
}
@media (max-width: 750px) {
  .contentwrap {
    margin-top: 13.33vw;
  }
}
.contentwrap p, .contentwrap li {
  line-height: 1.8;
}

.bg-gray {
  background-color: #F4F4F4;
}

@media (min-width: 751px) {
  .column_2 > ul {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.5em;
  }
  .column_2 > ul > li {
    width: calc(50% - 1.5em);
    margin-left: 1.5em;
  }
  .column_2 > ul > li:nth-child(n+3) {
    margin-top: 1.5em;
  }
}
@media (max-width: 750px) {
  .column_2 > ul > li:not(:first-of-type) {
    margin-top: 4vw;
  }
}

@media (min-width: 751px) {
  .column_3 > ul {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    margin-left: -5em;
  }
  .column_3 > ul > li {
    width: calc(33.333% - 5em);
    margin-left: 5em;
  }
  .column_3 > ul > li:nth-child(n+4) {
    margin-top: 5em;
  }
}
@media (max-width: 750px) {
  .column_3 > ul > li:not(:first-child) {
    margin-top: 8vw;
  }
}

@media (min-width: 751px) {
  .column_4 > ul {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    margin-left: -3.25em;
  }
  .column_4 > ul > li {
    width: calc(25% - 3.25em);
    margin-left: 3.25em;
  }
  .column_4 > ul > li:nth-child(n+5) {
    margin-top: 3.25em;
  }
}
@media (max-width: 750px) {
  .column_4 > ul > li:not(:first-child) {
    margin-top: 4vw;
  }
}

@media (max-width: 750px) {
  .column_2_sp > ul {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    margin-left: -4vw;
  }
  .column_2_sp > ul > li {
    width: calc(50% - 4vw);
    margin-left: 4vw;
  }
  .column_2_sp > ul > li:not(:first-child) {
    margin-top: 0;
  }
  .column_2_sp > ul > li:nth-child(n+3) {
    margin-top: 4vw;
  }
}

@media (min-width: 751px) {
  .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
  }
}

.disc a, .decimal a, .circle a {
  display: inline;
}

.disc > ul {
  padding-left: 1.5em;
}
.disc > ul > li {
  list-style-type: disc;
}
.disc > ul > li > ul {
  padding-left: 1.5em;
}

.decimal > ol {
  padding-left: 1.5em;
}
.decimal > ol > li {
  list-style-type: decimal;
}

.dlcolor dl {
  width: 100%;
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 751px) {
  .dlcolor dl {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.dlcolor dt, .dlcolor dd {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.dlcolor dt {
  background-color: #F29600;
  color: white;
  width: 7em;
  text-align: center;
  padding: 0.25em;
}
@media (min-width: 751px) {
  .dlcolor dt {
    -webkit-flex: 1 0 7em;
    flex: 1 0 7em;
    width: 7em;
    max-width: 7em;
    padding: 0.25em;
  }
}
@media (min-width: 751px) {
  .dlcolor dd {
    width: calc(100% - 7em);
    max-width: calc(100% - 7em);
    padding-left: 1em;
  }
}

/* タイトル・フォント */
.mainvisual {
  aspect-ratio: 1440/706;
  width: 100%;
  background: url(../img/baesuta/mv_bk_pc.png) no-repeat center center/contain;
}
@media (max-width: 750px) {
  .mainvisual {
    background-image: url(../img/baesuta/mv_bk_sp.png);
  }
}
@media (min-width: 751px) {
  .mainvisual {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
  }
}
.mainvisual .entitle {
  color: #F29600;
  font-size: 4.1vw;
  font-weight: bold;
  letter-spacing: 0.48em;
}
@media (max-width: 750px) {
  .mainvisual .entitle {
    font-size: 9vw;
    padding-inline: 5.3vw;
  }
}
.mainvisual .textbox {
  padding-block: 2.6vw;
}
@media (max-width: 750px) {
  .mainvisual .textbox {
    padding: 0 5.3vw;
    padding-bottom: 22.2vw;
  }
}
@media (min-width: 751px) {
  .mainvisual .textbox {
    padding-left: 7vw;
  }
}
.mainvisual .textbox .text {
  font-size: 1.59vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin-top: 3.1vw;
  margin-bottom: 5vw;
}
@media (max-width: 750px) {
  .mainvisual .textbox .text {
    font-size: 4.8vw;
  }
}
.mainvisual .textbox .text span {
  font-size: 1.2em;
}
.mainvisual .textbox .subtitle {
  font-size: 2vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #F29600;
}
@media (max-width: 750px) {
  .mainvisual .textbox .subtitle {
    font-size: 4.8vw;
  }
}
.mainvisual .textbox .title {
  font-size: 4.7vw;
  font-weight: bold;
  letter-spacing: 0.18em;
}
@media (max-width: 750px) {
  .mainvisual .textbox .title {
    font-size: 10.6vw;
  }
}
@media (max-width: 750px) {
  .mainvisual .imgbox {
    padding-block: 5.3vw;
  }
}
@media (min-width: 751px) {
  .mainvisual .imgbox {
    -webkit-flex: 1 0 52.5vw;
    flex: 1 0 52.5vw;
    width: 52.5vw;
    max-width: 52.5vw;
    padding-right: 7vw;
  }
}
.mainvisual .swiper-pagination-bullet {
  background-color: white;
  border: 1px solid #F29600;
  opacity: 1;
}
.mainvisual .swiper-pagination-bullet-active {
  background-color: #F29600;
  opacity: 1;
}
.mainvisual .swiper-horizontal > .swiper-pagination-bullets, .mainvisual .swiper-pagination-bullets.swiper-pagination-horizontal, .mainvisual .swiper-pagination-custom, .mainvisual .swiper-pagination-fraction {
  width: 6vw;
  right: 10vw;
  bottom: 3vw;
  left: auto;
}
@media (max-width: 750px) {
  .mainvisual .swiper-horizontal > .swiper-pagination-bullets, .mainvisual .swiper-pagination-bullets.swiper-pagination-horizontal, .mainvisual .swiper-pagination-custom, .mainvisual .swiper-pagination-fraction {
    width: 20vw;
  }
}

.h2default {
  font-weight: bold;
  font-size: 1.75em;
  text-align: center;
  margin-bottom: 2.8em;
}
@media (max-width: 750px) {
  .h2default {
    font-size: 1.2em;
    margin-bottom: 1.5em;
  }
}
.h2default::after {
  content: "";
  display: block;
  width: 2em;
  height: 1px;
  background-color: #F29600;
  margin-inline: auto;
  margin-top: 0.5em;
}

.h3default {
  text-align: center;
  color: #F29600;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 1.5em;
}
@media (max-width: 750px) {
  .h3default {
    font-size: 1.1em;
  }
}
@media (min-width: 751px) {
  .h3default {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    /* no prefix*/
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.h3default span {
  position: relative;
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  z-index: 1;
  width: 1.7em;
  height: 1.7em;
}
@media (max-width: 750px) {
  .h3default span {
    margin-inline: auto;
    margin-bottom: 0.5em;
  }
}
@media (min-width: 751px) {
  .h3default span {
    margin-right: 0.5em;
  }
}
.h3default span::before {
  content: "";
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  border: 1px solid #F29600;
  border-radius: 50%;
  margin: auto;
  z-index: -1;
}

.marker_yellow {
  background: linear-gradient(transparent 60%, #ffff00 60%);
}

/* コンテンツ */
.baesuta_section p {
  line-height: 1.8;
}

@media (min-width: 751px) {
  .about_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
  }
}
@media (max-width: 750px) {
  .about_section .flex .titlebox {
    width: 100%;
    text-align: center;
  }
}
@media (min-width: 751px) {
  .about_section .flex .titlebox {
    -webkit-flex: 1 0 45%;
    flex: 1 0 45%;
    width: 45%;
    max-width: 45%;
  }
}
.about_section .flex .titlebox .title {
  font-weight: bold;
  font-size: 2.5em;
}
@media (max-width: 750px) {
  .about_section .flex .titlebox .title {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 1.5em;
  }
}
@media (min-width: 751px) {
  .about_section .flex .textbox {
    -webkit-flex: 1 0 55%;
    flex: 1 0 55%;
    width: 55%;
    max-width: 55%;
  }
}
.about_section .imgbox {
  max-width: 790px;
  margin-right: auto;
  margin-left: auto;
}

.cta_section_wrap {
  background-color: #F29600;
  padding-top: 10em;
}
@media (max-width: 750px) {
  .cta_section_wrap {
    padding-top: 21.3vw;
  }
}
.cta_section_wrap .whitebox {
  position: relative;
  background-color: white;
  padding: 3.75em 2em;
}
@media (max-width: 750px) {
  .cta_section_wrap .whitebox {
    padding-bottom: 1.5em;
  }
}
.cta_section_wrap .whitebox .title {
  position: absolute;
  top: -2em;
  right: 0;
  left: 0;
  width: 30.3em;
  margin: auto;
  text-align: center;
  background-color: black;
  padding: 1em;
}
@media (max-width: 750px) {
  .cta_section_wrap .whitebox .title {
    top: -3em;
    width: 67vw;
  }
}
.cta_section_wrap .whitebox .title strong {
  color: white;
  font-size: 1.5em;
}
@media (max-width: 750px) {
  .cta_section_wrap .whitebox .title strong {
    font-size: 1.28em;
  }
}
.cta_section_wrap .whitebox .checklist {
  max-width: 13.7em;
  margin-right: auto;
  margin-left: auto;
}
.cta_section_wrap .whitebox .checklist li {
  margin-block: 0.25em;
}
.cta_section_wrap .whitebox .titlecheck {
  font-weight: bold;
}
.cta_section_wrap .whitebox .titlecheck::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1em;
  background: url(../img/baesuta/icon_check.png) no-repeat center center/contain;
  margin-right: 0.5em;
}

.cta_section {
  background-color: #F29600;
  padding: 6.25em 0;
}
@media (max-width: 750px) {
  .cta_section {
    padding: 13.3vw 0;
  }
}
@media (min-width: 751px) {
  .cta_section .btn_wrap {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: center;
    /* no prefix*/
    display: flex;
    justify-content: center;
    gap: 2.5em;
  }
}
.cta_section .btn {
  position: relative;
  display: block;
  background-color: white;
  text-align: center;
  border-radius: 0.5em;
  border: 1px solid black;
  padding: 1em;
}
@media (min-width: 751px) {
  .cta_section .btn {
    width: 27em;
    padding: 1.5em;
  }
}
.cta_section .btn::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  border-top: 1px solid #313131;
  border-right: 1px solid #313131;
  margin: auto;
  transform: rotate(45deg);
}
.cta_section .btn:first-of-type {
  border: none;
}
.cta_section .btn:first-of-type::after {
  border-color: #F29600;
}
@media (max-width: 750px) {
  .cta_section .btn:first-of-type {
    margin-bottom: 17.3vw;
  }
}
.cta_section .btn:first-of-type div {
  color: #F29600;
}
.cta_section .btn > * {
  font-weight: bold;
}
.cta_section .btn div {
  letter-spacing: 0.4em;
  font-size: 1.1em;
}
@media (min-width: 751px) {
  .cta_section .btn div {
    font-size: 1.75em;
    margin-bottom: 0.5em;
  }
}
.cta_section .btn span {
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .cta_section .btn span {
    font-size: 0.8em;
  }
}
.cta_section .btn strong {
  position: absolute;
  top: -2.5em;
  right: 0;
  left: 0;
  display: block;
  text-align: center;
  width: 21.8em;
  color: white;
  margin: auto;
}
.cta_section .btn strong::before, .cta_section .btn strong::after {
  position: absolute;
  content: "＼";
}
.cta_section .btn strong::before {
  left: 0;
}
.cta_section .btn strong::after {
  right: 0;
  content: "／";
}
.cta_section .btn:hover {
  opacity: 0.8;
}

@media (min-width: 751px) {
  .feature_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    /* no prefix*/
    display: flex;
    justify-content: space-between;
  }
}
.feature_section .flex .imgbox {
  margin-top: 1em;
}
.feature_section .flex .imgbox:first-of-type {
  border: 1px solid #6E6D6D;
}
@media (min-width: 751px) {
  .feature_section .flex .imgbox:first-of-type {
    width: 47%;
    flex-shrink: 0;
  }
}
@media (min-width: 751px) {
  .feature_section .flex .imgbox:last-of-type {
    width: 43.6%;
  }
}

@media (min-width: 751px) {
  .customize_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
    flex-wrap: nowrap;
    gap: 1em;
  }
}
@media (max-width: 750px) {
  .customize_section .flex .imgbox {
    margin-top: 1em;
  }
}
@media (min-width: 751px) {
  .customize_section .flex .imgbox {
    width: 30.6%;
    flex-shrink: 0;
  }
  .customize_section .flex .imgbox:first-of-type {
    width: 34.8%;
  }
}
.customize_section .pricebox {
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
}
.customize_section .pricebox table {
  border-collapse: collapse;
}
.customize_section .pricebox table th, .customize_section .pricebox table td {
  padding: 0.25em 1em;
}
.customize_section .pricebox table th {
  width: 40%;
  color: #F29600;
  text-align: right;
  font-weight: normal;
}
@media (max-width: 750px) {
  .customize_section .pricebox table th {
    width: 32%;
  }
}
.customize_section .pricebox table td {
  width: 60%;
  border-left: 1px solid #F29600;
}
@media (max-width: 750px) {
  .customize_section .pricebox table td {
    width: 68%;
  }
}
@media (min-width: 751px) {
  .customize_section .optionbox {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
  }
}
.customize_section .optionbox > div {
  box-sizing: border-box;
  border: 1px solid #F29600;
  padding: 2em;
}
@media (max-width: 750px) {
  .customize_section .optionbox > div {
    margin-top: 1em;
    padding: 1.5em;
  }
}
@media (min-width: 751px) {
  .customize_section .optionbox > div {
    width: calc((100% - 2em) / 2);
    flex: 0 0 calc((100% - 2em) / 2);
  }
}
.customize_section .optionbox .title {
  margin-bottom: 1em;
}
.customize_section .optionbox .titlecheck {
  text-align: center;
  font-weight: bold;
}
.customize_section .optionbox .titlecheck::before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1em;
  background: url(../img/baesuta/icon_check.png) no-repeat center center/contain;
  margin-right: 0.5em;
}

@media (min-width: 751px) {
  .shikumi_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: center;
    /* no prefix*/
    display: flex;
    justify-content: center;
    gap: 3.6em;
  }
}
@media (min-width: 751px) {
  .shikumi_section .flex .imgbox:first-of-type {
    width: calc(38.5% - 1.8em);
  }
  .shikumi_section .flex .imgbox:last-of-type {
    width: calc(28% - 1.8em);
  }
}
@media (max-width: 750px) {
  .shikumi_section .flex .imgbox {
    width: 100%;
    margin-top: 2em;
  }
}
@media (max-width: 750px) {
  .shikumi_section .flex .imgbox:last-of-type img {
    max-width: 55vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.shikumi_section .unpanbox {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix*/
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.shikumi_section .unpanbox > div {
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .shikumi_section .unpanbox > div {
    width: calc((100% - 1em) / 2);
    flex: 0 0 calc((100% - 1em) / 2);
    margin-top: 1em;
  }
}
@media (min-width: 751px) {
  .shikumi_section .unpanbox > div {
    width: calc((100% - 3em) / 4);
    flex: 0 0 calc((100% - 3em) / 4);
  }
}
.shikumi_section .titlecheck {
  position: relative;
  font-weight: bold;
  padding-left: 1.5em;
  margin-top: 0.5em;
}
.shikumi_section .titlecheck::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.2em;
  height: 1em;
  background: url(../img/baesuta/icon_check.png) no-repeat center center/contain;
  margin-right: 0.5em;
  transform: translateY(0.3em);
}

@media (min-width: 751px) {
  .flow_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    /* no prefix*/
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 751px) {
  .flow_section .flex .imgbox:first-of-type {
    width: 32%;
    flex-shrink: 0;
  }
}
@media (max-width: 750px) {
  .flow_section .flex .imgbox:last-of-type {
    max-width: 65%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3em;
  }
}
@media (min-width: 751px) {
  .flow_section .flex .imgbox:last-of-type {
    width: 52%;
    flex-shrink: 0;
  }
}

.banso_section {
  background-color: #F4F4F4;
  background: linear-gradient(180deg, white 0%, white 20%, #F4F4F4 20%, #F4F4F4 100%);
  padding-top: 0;
}
@media (max-width: 750px) {
  .banso_section {
    background: linear-gradient(180deg, white 0%, white 20%, #F4F4F4 20%, #F4F4F4 100%);
  }
}
@media (min-width: 751px) {
  .banso_section .flex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: flex-end;
    /* no prefix*/
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
}
.banso_section .flex .bg-img {
  width: 50%;
}
@media (max-width: 750px) {
  .banso_section .flex .bg-img {
    width: 80vw;
  }
}
.banso_section .flex .bg-img img {
  width: 100%;
}
@media (max-width: 750px) {
  .banso_section .flex .textbox {
    margin-top: 10vw;
    padding-inline: 5.3vw;
  }
}
@media (min-width: 751px) {
  .banso_section .flex .textbox {
    width: 50%;
  }
}
@media (min-width: 751px) {
  .banso_section .flex .textbox .wrap {
    width: 27em;
    padding-left: 4.3em;
  }
}
.banso_section .flex .textbox .h2default {
  text-align: left;
}
.banso_section .flex .textbox .h2default::after {
  margin-left: 0;
}
.banso_section .btnbox {
  text-align: center;
}
@media (max-width: 750px) {
  .banso_section .btnbox {
    max-width: 45vw;
    margin-right: auto;
    margin-left: auto;
  }
}
.banso_section .btnbox .linkbtn {
  color: white;
  background-color: #F29600;
  display: block;
  border-radius: 0.5em;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 1em;
}
@media (max-width: 750px) {
  .banso_section .btnbox .linkbtn {
    margin-top: 1em;
  }
}
@media (min-width: 751px) {
  .banso_section .btnbox .linkbtn {
    font-size: 1.1em;
    display: inline-block;
    margin-inline: 1em;
  }
}
.banso_section .btnbox .linkbtn::after {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid white;
  border-right: 1px solid white;
  transform: rotate(45deg);
  margin-left: 1em;
}
.banso_section .btnbox .linkbtn:hover {
  opacity: 0.8;
}

#gFooter {
  margin-top: 0;
}

#breadcrumb {
  font-size: 0.8em;
  margin-top: 1em;
}
#breadcrumb li {
  position: relative;
  display: inline;
  padding-right: 1.5em;
}
#breadcrumb li:not(:last-child):after {
  position: absolute;
  top: 0.5em;
  right: 0.6em;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #313131;
  border-right: 1px solid #313131;
  transform: rotate(45deg);
  margin: auto;
}
#breadcrumb a {
  line-height: 1.2;
  color: inherit;
  text-decoration: none;
}
#breadcrumb a:hover {
  opacity: 0.8;
}

.pagenav {
  margin-top: 1em;
}
.pagenav ul {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagenav li {
  margin: 0 0.25em;
}
.pagenav li a, .pagenav li span {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  font-size: 0.85em;
  text-decoration: none;
  border: 1px solid #F29600;
}
.pagenav .link_page, .pagenav .current_page {
  text-align: center;
  line-height: 2;
  margin: 0 0.25em;
}
.pagenav .link_page {
  color: white;
  background-color: #F29600;
}
.pagenav .link_page:hover {
  color: #F29600;
  background-color: white;
  opacity: 1;
}
.pagenav .current_page {
  color: #F29600;
  background-color: white;
}

.pagelink ul {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix*/
  display: flex;
  flex-wrap: wrap;
}
.pagelink li {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
}
@media (min-width: 751px) {
  .pagelink ul {
    margin-left: -1em;
  }
  .pagelink li {
    width: calc(20% - 1em);
    margin-left: 1em;
  }
  .pagelink li:nth-child(n+6) {
    margin-top: 1em;
  }
}
@media (max-width: 750px) {
  .pagelink ul {
    margin-left: -4vw;
  }
  .pagelink li {
    width: calc(50% - 4vw);
    margin-left: 4vw;
  }
  .pagelink li:nth-of-type(2) {
    margin-top: 0;
  }
  .pagelink li:nth-child(n+3) {
    margin-top: 4vw;
  }
}
.pagelink a {
  position: relative;
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
  border: 1px solid #F29600;
  color: #F29600;
  background-color: white;
  padding: 0.5em 0.75em;
}
.pagelink a:hover {
  text-decoration: none;
  color: white;
  background-color: #F29600;
}

.kakomi {
  background-color: whitesmoke;
  padding: 2em;
}
@media (max-width: 750px) {
  .kakomi {
    padding: 1em;
  }
}

@media (min-width: 751px) {
  .imgflex {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
  }
}
@media (min-width: 751px) {
  .imgflex .imgbox {
    -webkit-flex: 1 0 46%;
    flex: 1 0 46%;
    width: 46%;
    max-width: 46%;
  }
}
@media (max-width: 750px) {
  .imgflex .textbox {
    padding-top: 1em;
  }
}
@media (min-width: 751px) {
  .imgflex .textbox {
    padding-left: 2em;
  }
}
@media (min-width: 751px) {
  .imgflex.alter {
    flex-direction: row-reverse;
  }
}
@media (max-width: 750px) {
  .imgflex.alter .textbox {
    padding-top: 1em;
  }
}
@media (min-width: 751px) {
  .imgflex.alter .textbox {
    padding-right: 2em;
    padding-left: 0;
  }
}

.wp-caption-text, .caption {
  font-size: 0.8em;
  color: #6E6D6D;
  line-height: 1.4 !important;
  margin-top: 0.5em;
}

.tablelist {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 750px) {
  .tablelist.block table {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .tablelist.block th, .tablelist.block td {
    display: block;
    white-space: normal;
  }
}
.tablelist table {
  width: 100%;
  border-top: 1px solid #F29600;
  border-right: 1px solid #F29600;
}
.tablelist table th, .tablelist table td {
  line-height: 1.6;
  border-bottom: 1px solid #F29600;
  border-left: 1px solid #F29600;
  vertical-align: middle;
  padding: 1em;
}
@media (max-width: 750px) {
  .tablelist table th, .tablelist table td {
    white-space: nowrap;
    padding: 0.5em 0.75em;
  }
}
.tablelist table th {
  text-align: center;
  white-space: nowrap;
}
.tablelist table thead {
  color: white;
  background-color: #F29600;
}
.tablelist table thead th {
  border-right: 1px solid white;
}
.tablelist table tbody th {
  background-color: rgba(242, 150, 0, 0.2);
}
.tablelist table tbody td {
  background-color: white;
}

.flickmessage {
  background-color: whitesmoke;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
@media (min-width: 751px) {
  .flickmessage {
    display: none;
  }
}

@media (min-width: 751px) {
  .dllist dl {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    /* no prefix*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.dllist dt, .dllist dd {
  margin-bottom: 1em;
}
@media (max-width: 750px) {
  .dllist dt {
    margin-bottom: 0;
  }
}
@media (min-width: 751px) {
  .dllist dt {
    -webkit-flex: 1 0 20%;
    flex: 1 0 20%;
    width: 20%;
    max-width: 20%;
  }
}
@media (min-width: 751px) {
  .dllist dd {
    -webkit-flex: 1 0 80%;
    flex: 1 0 80%;
    width: 80%;
    max-width: 80%;
  }
}

.cta_dl {
  background-color: whitesmoke;
  padding: 3em;
}
.cta_dl .title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 1em;
}

.snsbox {
  text-align: center;
  margin-top: 1em;
}
.snsbox a {
  width: 2em;
  height: 2em;
  margin-right: 1em;
}
.snsbox a:hover {
  opacity: 0.8;
}
@media (max-width: 750px) {
  .snsbox a {
    width: 5.3vw;
  }
}

.faqwrap .question, .faqwrap .answer {
  position: relative;
  font-weight: bold;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em;
}
.faqwrap .question::before, .faqwrap .answer::before {
  position: absolute;
  top: 1em;
  left: 0;
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  line-height: 1;
  width: 1.5em;
  height: 1.5em;
}
.faqwrap .question {
  border-bottom: 1px solid #e6e6e6;
}
.faqwrap .question::before {
  content: "Q";
  color: white;
  background-color: #313131;
}
.faqwrap .question h1 {
  font-size: 1.3em;
}
.faqwrap .answer::before {
  content: "A";
  color: #313131;
  border: 1px solid #313131;
}
.faqwrap .answer > div {
  font-size: 1.1em;
}
.faqwrap#answeropen .question {
  cursor: pointer;
}
.faqwrap#answeropen .answer {
  display: none;
}

.tabwrap .tab-area {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
}
.tabwrap .tab-area .tab {
  width: 100%;
  background-color: lightgray;
  font-size: 1.1em;
  text-align: center;
  padding: 0.5em;
  transition: all ease 0.5s;
  cursor: pointer;
}
.tabwrap .tab-area .tab.active, .tabwrap .tab-area .tab:hover {
  color: white;
  background-color: #F29600;
}
.tabwrap .tab-area .tab.active {
  cursor: auto;
}
.tabwrap .content-area .content {
  display: none;
}
.tabwrap .content-area .content.show {
  display: block;
  animation: show 0.5s linear 0s;
}