@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;
}
@font-face {
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-display: swap;
}
@font-face {
  src: url("../fonts/NotoSansJP-Medium.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-display: swap;
}
@font-face {
  src: url("../fonts/NotoSansJP-Regular.woff2") format("woff2");
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Afacad-Bold.woff2") format("woff2");
  font-family: "Afacad";
  font-weight: 700;
  font-display: swap;
}
@font-face {
  src: url("../fonts/Afacad-Medium.woff2") format("woff2");
  font-family: "Afacad medium";
  font-weight: 500;
  font-display: swap;
}
@font-face {
  src: url("../fonts/ZenKakuGothicNew-Bold.woff2") format("woff2");
  font-family: "ZenKakuGothicNew";
  font-weight: 700;
  font-display: swap;
}
@media (max-width: 750px) {
  body {
    margin-bottom: 30vw;
  }
}

.linkbtn {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: linear-gradient(90deg, #246fba, #4a9d99);
  border: 1px solid #333;
  border-radius: 9999px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  width: 14.5em;
  min-height: 3.75em;
  max-width: 100%;
  padding: 0.5em 1.5em;
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.linkbtn::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url(../images/program/icon_yajirushi.png) center center/contain no-repeat;
}
.linkbtn:hover {
  color: white;
  opacity: 0.8;
}
.linkbtn.to-top {
  justify-content: center;
  margin-inline: auto;
}
.linkbtn.to-top::after {
  transform: rotate(-90deg);
  margin-left: 1em;
}

.header-program {
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
  /* no prefix*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  width: 100%;
  padding: 1.8em;
  box-shadow: 0px 0px 15px -5px black;
  z-index: 10;
}
@media (max-width: 750px) {
  .header-program {
    padding: 2.1vw 3.6vw;
  }
}
.header-program .logo {
  display: block;
  width: 5.1em;
}
@media (max-width: 750px) {
  .header-program .logo {
    width: 20vw;
  }
}
.header-program .global-nav {
  display: inline-block;
}
@media (max-width: 750px) {
  .header-program .global-nav {
    display: none;
  }
}
.header-program .global-nav li {
  display: inline-block;
  margin-inline: 1em;
}
.header-program .global-nav a {
  color: #333;
  text-decoration: none;
}
.header-program .global-nav a:hover {
  color: #4A9D99;
  text-decoration: underline;
}
.header-program .linkbtn::after {
  transform: rotate(-90deg);
}

.fix-menu-program-pc {
  position: fixed;
  right: 0;
  bottom: 4em;
  width: 15em;
  height: 21.8em;
  background-color: #f5f5f5;
  border: 1px solid #333;
  border-radius: 1.5em 0 0 1.5em;
  padding: 3em 1.3em;
  z-index: 10;
}
@media (max-width: 750px) {
  .fix-menu-program-pc {
    display: none;
  }
}
.fix-menu-program-pc .linkbtn {
  line-height: 1.2;
  padding-block: 0.5em;
}
.fix-menu-program-pc .linkbtn::after {
  transform: rotate(-90deg);
}
.fix-menu-program-pc .linetitle {
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 5px;
  margin-block: 1em;
}
.fix-menu-program-pc .linebtn {
  width: 6.75em;
}
.fix-menu-program-pc .linebtn img {
  max-width: 100%;
}
.fix-menu-program-pc .img {
  position: absolute;
  right: 1em;
  bottom: -4em;
  width: 8.9em;
}
.fix-menu-program-pc .img img {
  max-width: 100%;
}

.fix-menu-program {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  border-top: 1px solid #333;
  z-index: 10;
}
@media (min-width: 751px) {
  .fix-menu-program {
    display: none;
  }
}
.fix-menu-program .menu-list ul {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  /* no prefix*/
  display: flex;
  justify-content: space-between;
  padding: 2.5vw 2.3vw;
}
.fix-menu-program .linkbtn {
  text-align: left;
  width: 42.6vw;
  line-height: 1.25;
}
.fix-menu-program .linkbtn::after {
  transform: rotate(-90deg);
}
.fix-menu-program .linkbtn.line {
  width: 51vw;
  background-color: #00C300;
  background-image: none;
  border-color: white;
}
.fix-menu-program .linkbtn.line::after {
  display: none;
}

.footer-program {
  border-top: 1px solid #4A9D99;
  padding: 1em;
  padding-top: 2em;
}
.footer-program .inner {
  text-align: center;
}
.footer-program .inner .logo {
  max-width: 7em;
  margin-right: auto;
  margin-left: auto;
}
.footer-program .inner .sitemap {
  margin-block: 1.5em;
}
.footer-program .inner .sitemap li {
  display: inline-block;
  margin-inline: 1em;
}
.footer-program .inner .sitemap a {
  color: #246FBA;
  font-size: 0.85em;
  font-weight: bold;
}
.footer-program .inner .copyright {
  font-size: 0.85em;
}

.mainvisual {
  background: url(../images/program/mv_pc.jpg) center center/cover no-repeat;
  aspect-ratio: 1360/730;
  padding-top: 12.8vw;
  padding-left: 9.5vw;
}
@media (max-width: 750px) {
  .mainvisual {
    background-image: url(../images/program/mv_sp.jpg);
    aspect-ratio: 750/730;
    padding-top: 15.2vw;
    padding-left: 3.3vw;
  }
}
.mainvisual .catch {
  width: 35.2vw;
}
@media (max-width: 750px) {
  .mainvisual .catch {
    width: 50.9vw;
  }
}
.mainvisual .text {
  color: white;
  margin-top: 0.5vw;
  margin-left: 0.5vw;
}
@media (max-width: 750px) {
  .mainvisual .text {
    margin-top: 8vw;
  }
}
.mainvisual .text div {
  font-weight: bold;
  font-size: 1.8vw;
}
@media (max-width: 750px) {
  .mainvisual .text div {
    font-size: 4vw;
  }
}
.mainvisual .text p {
  font-size: 1.2vw;
}
@media (max-width: 750px) {
  .mainvisual .text p {
    font-size: 3.4vw;
  }
}

.h2default {
  text-align: center;
  padding-bottom: 3em;
}
.h2default::after {
  content: "";
  display: block;
  width: 3em;
  height: 2px;
  background-color: #4A9D99;
  margin-inline: auto;
  margin-top: 0.5em;
}
.h2default .en {
  color: #4A9D99;
  font-family: "Afacad", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-size: 1.1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 750px) {
  .h2default .en {
    font-size: 1em;
  }
}
.h2default .ja {
  font-size: 2.25em;
  font-weight: bold;
}
@media (max-width: 750px) {
  .h2default .ja {
    font-size: 1.43em;
  }
}

.h3default {
  color: #4A9D99;
  font-size: 1.5em;
  font-weight: bold;
}
@media (max-width: 750px) {
  .h3default {
    font-size: 1.1em;
  }
}

.obi {
  background-image: linear-gradient(90deg, #246fba, #4a9d99);
  color: white;
}
.obi:not(.lineobi) {
  padding: 3em 0;
}
.obi .sodate {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.4;
  margin-top: 1em;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.25);
}
@media (max-width: 750px) {
  .obi .sodate {
    font-size: 1.35em;
    line-height: 2;
  }
}
.obi .sodate span {
  font-size: 1.3em;
}
@media (min-width: 751px) {
  .obi .linewrap {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    /* no prefix*/
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.obi .qrcode {
  text-align: center;
}
@media (max-width: 750px) {
  .obi .qrcode {
    margin-top: 2em;
  }
}
.obi .qrcode .qrcode-title {
  font-weight: bold;
  padding-bottom: 1em;
}
@media (max-width: 750px) {
  .obi .qrcode .qrcode-title {
    font-size: 1.1em;
  }
}
.obi .qrcode .qrcode-title::before, .obi .qrcode .qrcode-title::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2em;
  background-color: white;
}
.obi .qrcode .qrcode-title::before {
  transform: rotate(-30deg) translate(-1em, 0.5em);
}
.obi .qrcode .qrcode-title::after {
  transform: rotate(30deg) translate(1em, 0.5em);
}
.obi .qrcode img {
  width: 8em;
}
.obi .qrcode .linkbtn {
  justify-content: center;
  font-size: 1.2em;
  border-color: white;
  background-color: #06C755;
  background-image: none;
  margin-inline: auto;
  box-shadow: none;
}
.obi .qrcode .linkbtn::after {
  transform: rotate(-90deg);
  margin-left: 1em;
}
.obi .linetitle {
  font-size: 3em;
  font-weight: bold;
  padding-bottom: 0.5em;
}
@media (max-width: 750px) {
  .obi .linetitle {
    font-size: 1.4em;
    padding-bottom: 1em;
  }
}
@media (min-width: 751px) {
  .obi .line-text {
    font-weight: bold;
  }
}

main section {
  padding: 7.5em 0;
}
main section:last-of-type {
  padding: 7.5em 0;
}
@media (max-width: 750px) {
  main section {
    padding: 18.6vw 0;
  }
  main section:last-of-type {
    padding: 18.6vw 0;
  }
}
main section.section-about, main section.section-flow {
  background: url(../images/program/about_bk.png) center center/contain repeat;
  padding-top: 12.5em;
  padding-bottom: 5em;
}
@media (min-width: 751px) {
  main section.section-about, main section.section-flow {
    background-size: 50%;
  }
}
@media (max-width: 750px) {
  main section.section-about, main section.section-flow {
    padding-top: 31.2vw;
  }
}
main section.section-about .h2default, main section.section-flow .h2default {
  margin-top: -8em;
}
main section.section-about .h2default .ja, main section.section-flow .h2default .ja {
  display: inline-block;
  background-color: white;
  padding-inline: 1em;
}
main section.section-about .wrap, main section.section-flow .wrap {
  position: relative;
  background-color: white;
  border: 1px solid #4A9D99;
  border-radius: 1.5em;
  padding: 3.75em;
  box-shadow: 8px 8px 15px -13px #4A9D99;
}
@media (max-width: 750px) {
  main section.section-about .wrap, main section.section-flow .wrap {
    padding: 3em 1em;
  }
}
@media (max-width: 750px) {
  main section.section-about {
    padding-bottom: 3.3em;
  }
}
main section.section-about .h2default {
  padding-bottom: 0;
}
main section.section-about .text {
  max-width: 34em;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 1em;
  padding: 1.5em;
  margin-top: 1.5em;
}
main section.section-about .text div {
  font-weight: bold;
  font-size: 1.1em;
}
main section.section-about .text p {
  padding-top: 0.5em;
}
main section.section-about .omoi {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  color: #4A9D99;
  background: linear-gradient(0deg, #4A9D99 0%, #246FBA 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 3em;
}
@media (max-width: 750px) {
  main section.section-about .omoi {
    font-size: 1.1em;
  }
}
main section.section-about .image1, main section.section-about .image2 {
  position: absolute;
}
@media (max-width: 750px) {
  main section.section-about .image1, main section.section-about .image2 {
    display: none;
  }
}
main section.section-about .image1 {
  top: 12em;
  left: 2.5em;
  width: 12.8em;
}
main section.section-about .image2 {
  top: 12em;
  right: 2.5em;
  width: 11.6em;
}
main section.section-course .startup {
  background-color: #86B341;
}
main section.section-course .basic {
  background-color: #3D81C2;
}
main section.section-course .advanced {
  background-color: #E1782D;
}
main section.section-course .premium {
  background-color: #DA2F4C;
}
main section.section-course .alpha {
  background-color: #333;
}
main section.section-course .course-nav ul {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
  gap: 1.25em;
}
@media (max-width: 750px) {
  main section.section-course .course-nav ul {
    flex-wrap: wrap;
    gap: 0.5em;
  }
}
main section.section-course .course-nav li {
  width: 25%;
}
@media (max-width: 750px) {
  main section.section-course .course-nav li {
    width: 48%;
  }
}
main section.section-course .course-nav a {
  position: relative;
  display: block;
  color: white;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 1px solid #333;
  border-radius: 2em;
  padding: 0.5em;
  padding-right: 1.5em;
  box-shadow: 5px 5px 15px -9px black;
}
@media (max-width: 750px) {
  main section.section-course .course-nav a {
    font-size: 1em;
    padding-right: 1em;
  }
}
main section.section-course .course-nav a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 1.1em;
  height: 1em;
  background: url(../images/program/icon_yajirushi.png) center center/contain no-repeat;
  margin: auto;
}
@media (max-width: 750px) {
  main section.section-course .course-nav a::after {
    right: 0.5em;
  }
}
main section.section-course .course-nav a:hover {
  opacity: 0.8;
}
main section.section-course .course-content {
  position: relative;
}
main section.section-course .course-content .title {
  padding: 1em;
  border-radius: 1.5em 1.5em 0 0;
}
@media (min-width: 751px) {
  main section.section-course .course-content .title {
    padding-left: 5em;
  }
}
main section.section-course .course-content .title span {
  color: white;
  font-size: 1.5em;
  font-weight: bold;
}
@media (max-width: 750px) {
  main section.section-course .course-content .title span {
    font-size: 1.1em;
  }
}
main section.section-course .course-content .course-contentwrap {
  border: 1px solid #333;
  border-top: 0;
  border-radius: 0 0 1.5em 1.5em;
  padding: 3em 5em;
}
@media (max-width: 750px) {
  main section.section-course .course-content .course-contentwrap {
    padding: 1.5em;
  }
}
main section.section-course .course-content .course-contentwrap.support {
  border-top: 1px solid #333;
  border-radius: 1.5em;
}
main section.section-course .course-content .title-support {
  padding-bottom: 1.5em;
}
main section.section-course .course-content .title-support span {
  color: #4A9D99;
  font-size: 1.5em;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 8px;
}
@media (max-width: 750px) {
  main section.section-course .course-content .title-support span {
    font-size: 1.1em;
    text-underline-offset: 5px;
  }
}
main section.section-course .course-content .box-support {
  max-width: 690px;
  width: 100;
  background-color: #f5f5f5;
  padding: 2em;
}
@media (max-width: 750px) {
  main section.section-course .course-content .box-support {
    padding: 1em;
  }
}
main section.section-course .course-content .box-support .dllist dt {
  -webkit-flex: 1 0 20em;
  flex: 1 0 20em;
  width: 20em;
  max-width: 20em;
}
@media (max-width: 750px) {
  main section.section-course .course-content .box-support .dllist dt {
    -webkit-flex: 1 0 10em;
    flex: 1 0 10em;
    width: 10em;
    max-width: 10em;
  }
}
@media (max-width: 750px) {
  main section.section-course .course-content .box-support .dllist dd {
    text-align: right;
  }
}
main section.section-course .course-content .dllist dl {
  width: 100%;
}
@media (min-width: 751px) {
  main section.section-course .course-content .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;
  }
}
main section.section-course .course-content .dllist div {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
  width: 100%;
}
main section.section-course .course-content .dllist div:not(:last-of-type) {
  border-bottom: 1px solid #333;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
main section.section-course .course-content .dllist dt {
  font-weight: bold;
  -webkit-flex: 1 0 5em;
  flex: 1 0 5em;
  width: 5em;
  max-width: 5em;
}
main section.section-course .course-content .dllist dd {
  width: 100%;
}
@media (max-width: 750px) {
  main section.section-course .course-content .dllist + p {
    margin-top: 2em;
  }
}
main section.section-course .course-content .badge {
  text-align: center;
  line-height: 1.4;
  background-color: #FCF200;
  font-weight: bold;
  font-size: 1.15em;
  padding: 0.5em;
}
@media (max-width: 750px) {
  main section.section-course .course-content .badge {
    margin-bottom: 1.5em;
    border-radius: 0.5em;
  }
}
@media (min-width: 751px) {
  main section.section-course .course-content .badge {
    position: absolute;
    top: 1em;
    right: 1.5em;
    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;
    border-radius: 50%;
    width: 7.6em;
    height: 7.6em;
  }
}
main section.section-course .course-content .badge b {
  font-weight: bold;
}
@media (min-width: 751px) {
  main section.section-course .course-content .badge b {
    font-size: 1.1em;
  }
}
main section.section-cta, main section.section-cta2 {
  background: url(../images/program/cta_pc.jpg) center center/cover no-repeat;
}
@media (max-width: 750px) {
  main section.section-cta, main section.section-cta2 {
    background-image: url(../images/program/cta_sp.jpg);
  }
}
main section.section-cta .h2cta, main section.section-cta2 .h2cta {
  font-size: 2.25em;
  font-weight: bold;
  line-height: 1.25;
}
@media (max-width: 750px) {
  main section.section-cta .h2cta, main section.section-cta2 .h2cta {
    line-height: 1.4;
    font-size: 1.4em;
  }
}
main section.section-cta .message, main section.section-cta2 .message {
  font-size: 1.25em;
  margin-top: 1em;
}
@media (max-width: 750px) {
  main section.section-cta .message, main section.section-cta2 .message {
    font-size: 1.05em;
  }
}
main section.section-cta2 {
  background: url(../images/program/cta2_pc.jpg) center center/cover no-repeat;
}
@media (max-width: 750px) {
  main section.section-cta2 {
    background-image: url(../images/program/cta2_sp.jpg);
  }
}
main section.section-strength .strength-list ul {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
  gap: 1.25em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list ul {
    flex-wrap: wrap;
    gap: 17vw 5.3vw;
  }
}
main section.section-strength .strength-list li {
  width: 25%;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list li {
    width: 46%;
  }
}
main section.section-strength .strength-list .strength-item {
  position: relative;
  height: 100%;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 1.5em;
  padding: 4em 1.5em;
  padding-top: 11.2em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item {
    padding: 2em 1em;
    padding-top: 5em;
  }
}
main section.section-strength .strength-list .strength-item .icon {
  position: absolute;
  top: -3.4em;
  right: 0;
  left: 0;
  width: 12.5em;
  margin-inline: auto;
}
main section.section-strength .strength-list .strength-item .icon img {
  width: 100%;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item .icon {
    width: 26.6vw;
  }
}
main section.section-strength .strength-list .strength-item .icon.icon_2 {
  width: 7.5em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item .icon.icon_2 {
    width: 16vw;
  }
}
main section.section-strength .strength-list .strength-item .icon.icon_3 {
  width: 11.5em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item .icon.icon_3 {
    width: 24.6vw;
  }
}
main section.section-strength .strength-list .strength-item .icon.icon_4 {
  width: 10.8em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item .icon.icon_4 {
    width: 23.3vw;
  }
}
main section.section-strength .strength-list .strength-item .title {
  font-size: 1.5em;
  font-weight: bold;
  color: #4A9D99;
  margin-bottom: 0.5em;
}
@media (max-width: 750px) {
  main section.section-strength .strength-list .strength-item .title {
    font-size: 1.1em;
  }
}
main section.section-voice {
  background-color: #246FBA;
}
main section.section-voice .h2default {
  text-align: left;
}
main section.section-voice .h2default .en {
  color: #FCF200;
}
main section.section-voice .h2default .ja {
  color: white;
}
main section.section-voice .h2default::after {
  background-color: #FCF200;
  margin-left: 0;
}
main section.section-voice .voice-content {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
}
main section.section-voice .voice-content .imgbox {
  -webkit-flex: 1 0 16.7%;
  flex: 1 0 16.7%;
  width: 16.7%;
  max-width: 16.7%;
  padding-top: 2em;
}
@media (min-width: 751px) {
  main section.section-voice .voice-content .imgbox {
    -webkit-flex: 1 0 12.7%;
    flex: 1 0 12.7%;
    width: 12.7%;
    max-width: 12.7%;
  }
}
main section.section-voice .voice-content .textbox {
  width: 100%;
  padding-left: 5%;
}
@media (max-width: 750px) {
  main section.section-voice .voice-content .textbox {
    padding-left: 7%;
  }
}
main section.section-voice .voice-content .textbox .content {
  position: relative;
  background-color: white;
  border-radius: 1.5em;
  padding: 2.5em;
  z-index: 1;
}
@media (max-width: 750px) {
  main section.section-voice .voice-content .textbox .content {
    padding: 1.5em;
  }
}
main section.section-voice .voice-content .textbox .content::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 5em;
  left: -1.5em;
  border-style: solid;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-right: 3em solid white;
  border-left: 0;
  z-index: -1;
}
@media (max-width: 750px) {
  main section.section-voice .voice-content .textbox .content::after {
    top: 2.5em;
    left: -0.8em;
  }
}
main section.section-flow .h2default {
  padding-bottom: 0;
}
@media (max-width: 750px) {
  main section.section-flow .h2default {
    margin-top: -6em;
  }
}
main section.section-flow .flow-list {
  margin-top: 4.8em;
}
@media (min-width: 751px) {
  main section.section-flow .flow-list ol {
    display: -ms-flexbox;
    /* prefix -> -webkit-*/
    display: -webkit-flex;
    /* no prefix*/
    display: flex;
    gap: 1.25em;
  }
}
main section.section-flow .flow-list li {
  margin-top: 3em;
}
@media (min-width: 751px) {
  main section.section-flow .flow-list li {
    width: 25%;
  }
}
main section.section-flow .flow-item {
  position: relative;
  background-color: #f5f5f5;
  height: 100%;
  padding: 2em 1em;
  padding-top: 3.7em;
}
@media (max-width: 750px) {
  main section.section-flow .flow-item {
    padding-top: 2.7em;
  }
}
main section.section-flow .flow-item .number {
  position: absolute;
  top: -1em;
  right: 0;
  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;
  width: 2.2em;
  height: 2.2em;
  line-height: 1;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  color: white;
  border-radius: 50%;
  margin-inline: auto;
}
main section.section-flow .flow-item .number_1 {
  background-color: #246FBA;
}
main section.section-flow .flow-item .number_2 {
  background-color: #317BB2;
}
main section.section-flow .flow-item .number_3 {
  background-color: #3A87AA;
}
main section.section-flow .flow-item .number_4 {
  background-color: #4A9D99;
}
main section.section-flow .flow-item .title {
  font-size: 1.37em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
}
main section.section-faq .faq_wrap {
  position: relative;
  border-bottom: 1px solid #4A9D99;
}
main section.section-faq .faq_wrap:not(:first-of-type) {
  margin-top: 3em;
}
main section.section-faq .faq_wrap::after {
  content: "";
  display: block;
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  border-bottom: 3px solid #4A9D99;
  border-left: 3px solid #4A9D99;
  margin: auto;
  transform: rotate(-45deg);
}
main section.section-faq .faq_wrap.open::after {
  transform: rotate(135deg);
}
main section.section-faq .accordion_wrap {
  margin-top: 2.5em;
}
main section.section-faq .accordion_header {
  cursor: pointer;
}
main section.section-faq .accordion_inner {
  display: none;
}
main section.section-faq .q_content, main section.section-faq .a_content {
  display: -ms-flexbox;
  /* prefix -> -webkit-*/
  display: -webkit-flex;
  /* no prefix*/
  display: flex;
  border-radius: 1em;
  border: 1px solid #333;
  padding: 1em 1.5em;
}
main section.section-faq .q_content span, main section.section-faq .a_content span {
  font-size: 1.3em;
  margin-right: 2em;
}
@media (max-width: 750px) {
  main section.section-faq .q_content span, main section.section-faq .a_content span {
    margin-right: 1em;
  }
}
main section.section-faq .q_content .text, main section.section-faq .a_content .text {
  margin-top: 0.2em;
}
main section.section-faq .q_content {
  position: relative;
  background-image: linear-gradient(90deg, #246fba, #4a9d99);
  color: white;
  font-weight: bold;
  padding-right: 2em;
}
main section.section-faq .q_content::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  content: "＋";
  font-size: 1em;
  color: white;
  line-height: 1;
  margin: auto;
}
main section.section-faq .accordion_header.open .q_content::after {
  content: "－";
}
main section.section-faq .a_content {
  border-top: none;
  border-radius: 0 0 1em 1em;
}