@charset "UTF-8";
/*
@function vw( $size: 16 ) {
  $vw: $size * (math.div(100,$pcDesignSize)) + vw;
  @return $vw;
}
@function svw( $size: 16 ) {
  $svw: $size * (math.div(100, $spDesignSize)) + vw;
  @return $svw;
}
*/
/* =========================================================
 * reset　　　    /*リセット
========================================================= */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
blockquote, body, div, dl, dt, dd, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, select, span, textarea, td, th, ul, figure, figcaption {
  margin: 0px;
  padding: 0px;
}

fieldset, img {
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ol {
  list-style-type: none;
}

ul {
  list-style-type: none;
}
ul li {
  list-style-type: none;
}
ul li img {
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

img {
  width: 100%;
  border: none;
  vertical-align: bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

iframe {
  border: none;
}

a:focus {
  outline: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* IE */
* html ul li dl, * html ol li dl {
  display: inline;
}
*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline;
}

/* =========================================================
 * default settings      　   /*デフォルトセッティング
========================================================= */
html {
  font-size: 62.5%;
  overflow: auto;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-break: break-all; /*CJK (中国語、台湾語、日本語、韓国語) 以外のテキストにおいて、単語中などでの文字の改行に関する禁則処理を解除し、どの文字の間でも改行するようにします。*/
}

body {
  -webkit-text-size-adjust: 100%;
  font: inherit;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.4;
  color: #231815;
  background: #fff;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1vw;
  }
}
a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
  color: #000;
  transition: opacity 0.3s ease-out;
}
a:hover {
  opacity: 0.7;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.soon {
  pointer-events: none;
  opacity: 0.5;
}

.hide, .hidden {
  visibility: hidden;
}

p {
  line-break: strict;
}

img {
  max-width: 100%;
}

main {
  display: block;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    min-width: 100%;
  }
  a {
    transition: none;
  }
  a:hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)";
    /* IE 8 */
  }
  img {
    width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}
/* =========================================================
 * font
========================================================= */
/*noto-sans*/
.font-noto {
  font-family: "Noto Sans JP", sans-serif;
}

/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1;
}
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* =========================================================
 * fade Animation　　   /*フェード アニメーション
========================================================= */
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  position: relative;
  opacity: 0;
  transition: opacity 0.875s ease-in-out, transform 0.875s ease-in-out;
}

.fade {
  transform: translate(0, 0);
}

.fadein {
  transform: translate(0, 50px);
}

.fadein-top {
  transform: translate(0, -50px);
}

.fadein-left {
  transform: translate(-50px, 0);
}

.fadein-right {
  transform: translate(50px, 0);
}

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0);
}

/* =========================================================
 * scrollbar　　   /*フスクロールバー
========================================================= */
::-webkit-scrollbar {
  display: none;
  -webkit-appearance: none;
}

img {
  width: 100%;
}
@keyframes arrow-move {
  0% {
    top: -100%;
  }
  50% {
    top: 0;
  }
  100% {
    top: 100%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.fade,
.fadein,
.fadein-top,
.fadein-left,
.fadein-right,
.opening {
  opacity: 0;
  transition: all 0.875s ease-in-out;
}

.fade {
  transform: translate(0, 0);
}

.fadein {
  transform: translate(0, 50px);
}

.fadein-top {
  transform: translate(0, -50px);
}

.fadein-left {
  transform: translate(-50px, 0);
}

.fadein-right {
  transform: translate(50px, 0);
}

.fade.scrollin,
.fadein.scrollin,
.fadein-top.scrollin,
.fadein-left.scrollin,
.fadein-right.scrollin,
.opening.active {
  opacity: 1;
  transform: translate(0, 0);
}

* {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

body {
  width: 100%;
  background: #fff;
  position: relative;
}
body header {
  width: 100%;
  height: 8.6rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body header h1 {
  width: 22.2rem;
  margin-left: 3.4rem;
}
body header h1 a {
  display: block;
  width: 100%;
  height: 100%;
}
body header .header-btns {
  margin-right: 4.2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body header .header-btns .btn {
  width: 15.4rem;
  height: 4.2rem;
  border-radius: 2.1rem;
}
body header .header-btns .btn a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 2.1rem;
  border: 1px solid #0092E5;
  font-size: 1.4rem;
  line-height: 4.2rem;
  font-weight: 700;
  text-align: center;
  box-sizing: content-box;
}
body header .header-btns .btn.download {
  margin-right: 0.9rem;
}
body header .header-btns .btn.download a {
  color: #0092E5;
  background: #fff;
}
body header .header-btns .btn.contact a {
  color: #fff;
  background: #0092E5;
}
body header .head-colors {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  display: flex;
  justify-content: center;
}
body header .head-colors .color {
  width: 11.1111111111%;
  height: 100%;
}
body header .head-colors .color.color1 {
  background: #009EF1;
}
body header .head-colors .color.color2 {
  background: #E34165;
}
body header .head-colors .color.color3 {
  background: #1254A7;
}
body header .head-colors .color.color4 {
  background: #03BCAC;
}
body header .head-colors .color.color5 {
  background: #EF8B00;
}
body header .head-colors .color.color6 {
  background: #9083F0;
}
body header .head-colors .color.color7 {
  background: #DE0E1C;
}
body header .head-colors .color.color8 {
  background: #E35DAA;
}
body header .head-colors .color.color9 {
  background: #FFE400;
}
body footer {
  width: 100%;
  padding: 1.8rem 2.8rem 1.8rem 7.8rem;
  background: #231815;
  display: flex;
  justify-content: space-between;
  position: relative;
}
body footer #pagetop {
  position: fixed;
  right: 1.6rem;
  z-index: 4;
  width: 3.3rem;
  height: 3.3rem;
}
body footer #pagetop a {
  display: block;
  width: 100%;
  height: 100%;
}
body footer #pagetop.landing {
  position: absolute;
  top: -3vw;
  bottom: auto;
}
body footer .footer-left ul {
  width: 40rem;
  display: flex;
}
body footer .footer-left ul li {
  margin-right: 2em;
  position: relative;
}
body footer .footer-left ul li a {
  display: block;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
}
body footer .footer-left ul li:not(:first-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  width: 1px;
  height: 100%;
  background: #fff;
}
body footer .footer-right .copyright small {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.025em;
}

@media screen and (max-width: 767px) {
  body {
    overflow-x: visible;
  }
  body header {
    height: 13.3333333333vw;
  }
  body header h1 {
    width: 29.6vw;
    margin-left: 2.6666666667vw;
  }
  body header .header-btns {
    margin-right: 2.6666666667vw;
  }
  body header .header-btns .btn {
    width: 29.3333333333vw;
    height: 6.9333333333vw;
    border-radius: 3.4666666667vw;
  }
  body header .header-btns .btn a {
    border-radius: 3.4666666667vw;
    font-size: 3.2vw;
    line-height: 6.9333333333vw;
  }
  body header .header-btns .btn.download {
    margin-right: 2.6666666667vw;
  }
  body footer {
    padding: 6.6666666667vw 3.3333333333vw;
    display: block;
  }
  body footer #pagetop {
    right: 2.1333333333vw;
    bottom: 2.1333333333vw;
    width: 8.8vw;
    height: 8.8vw;
  }
  body footer #pagetop.landing {
    top: -4vw;
  }
  body footer .footer-left ul {
    width: 100%;
    display: flex;
  }
  body footer .footer-left ul li {
    margin-right: 8em;
  }
  body footer .footer-left ul li a {
    font-size: 2.6666666667vw;
  }
  body footer .footer-left ul li:not(:first-of-type)::before {
    left: -4em;
  }
  body footer .footer-right {
    margin-top: 5.3333333333vw;
  }
  body footer .footer-right .copyright small {
    font-size: 2.6666666667vw;
  }
}
#top .gl-nav {
  top: 12rem;
  z-index: 10;
  width: 16vw;
  padding: 0 1vw;
  white-space: nowrap;
}
#top .gl-nav ul {
  width: 100%;
  position: sticky;
  top: 100px;
  left: 0;
}
#top .gl-nav ul li {
  width: 100%;
  height: 3.6rem;
  border-radius: 1.8rem;
}
#top .gl-nav ul li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1.8rem;
  padding: 0 2rem 0 3.3rem;
  color: #7B7473;
  background: #fff;
  font-size: clamp(0.8rem, 1vw, 1.6rem);
  line-height: 3.6rem;
  position: relative;
}
#top .gl-nav ul li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #C4C1C0;
}
#top .gl-nav ul li a.active {
  color: #fff;
  background: #231815;
}
#top .gl-nav ul li a.active::before {
  background: #fff;
}
#top .gl-nav ul li:not(:first-of-type) {
  margin-top: 0.8rem;
}
#top .gl-nav.pc {
  transition: all 0.3s ease-out;
}
#top .main {
  width: 100%;
  max-width: 1800px;
  margin: auto;
  padding: 20rem 5rem 9.5rem;
  padding: 14vw 3vw 7vw;
  position: relative;
  display: flex;
  justify-content: center;
  gap: 1%;
}
#top .main--txt {
  width: 36%;
}
#top .main--txt--p {
  margin-top: 3vw;
  font-size: clamp(1.6rem, 1.6vw, 2.2rem);
  letter-spacing: 0.025em;
  line-height: 2.2;
  font-weight: 500;
}
#top .main--illust {
  width: 63%;
  /*
  width: vw(772);
  position: absolute;
  left: vw(530);
  top: vw(154);
  */
}
#top #section-wrap {
  display: flex;
}
#top #section-wrap #section-body {
  flex: 1;
  padding: 0 0 0 3%;
}
#top .section {
  width: 100%;
  max-width: 1400px;
  margin: auto;
}
#top .section .to-contact {
  width: 100%;
  padding: 6.7rem 0;
}
#top .section .to-contact--inner {
  margin: 0 auto;
  width: 56%;
}
#top .section .to-contact--inner h2 {
  width: 36.2rem;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(2.6rem, -0.8348623853rem + 0.4472477064vw, 6.5rem);
  color: #0095ec;
  letter-spacing: 0.025em;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
}
#top .section .to-contact--inner h2::before, #top .section .to-contact--inner h2::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 2px;
  height: 3.4rem;
  background: #0095ec;
}
#top .section .to-contact--inner h2::before {
  left: -1vw;
  transform: translateY(-50%) rotate(-30deg);
}
#top .section .to-contact--inner h2::after {
  right: -1vw;
  transform: translateY(-50%) rotate(30deg);
}
#top .section .to-contact--inner--btn {
  margin-top: 1.8rem;
  width: 100%;
  height: 10.3vw;
}
#top .section .to-contact--inner--btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#top .section .to-contact--inner--btn a h3 {
  font-size: 1.8vw;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.6;
}
#top .section .to-contact--inner--btn a h3 span {
  font-size: 1.7vw;
}
#top .section .what {
  width: 100%;
  padding: 6.2rem 0 6.8rem 3.4rem;
  background: #ECECEC;
  position: relative;
}
#top .section .what::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -0.5vw;
  width: 52%;
  height: 100%;
  background: #fff;
  border-radius: 0 500px 500px 0;
}
#top .section .what--txt {
  width: 34%;
  position: relative;
  z-index: 2;
}
#top .section .what--txt--ttl {
  width: 34.6rem;
}
#top .section .what--txt--block {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #444444;
}
#top .section .what--txt--block--h2 {
  font-size: clamp(1.5rem, 1.9vw, 2.8rem);
  line-height: 1.5;
  letter-spacing: 0.025em;
  font-weight: 700;
  color: #0092E5;
}
#top .section .what--txt--block--p {
  margin-top: 2.6rem;
  font-size: clamp(1.2rem, 1.05vw, 1.8rem);
  line-height: 1.7;
  text-align: justify;
  color: #000000;
}
#top .section .what--illust {
  width: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
  z-index: 2;
}
#top .section .more {
  width: 90%;
  margin: 0 auto 7.3rem;
  padding: 1.4rem;
  border-radius: 1rem;
  background: linear-gradient(0.25turn, #c9e9fb, #73c5f4, #c9e9fb);
}
#top .section .more--inner {
  background: #fff;
  border-radius: 1rem;
  padding: 2.4rem 4rem 0.6rem 0.6rem;
}
#top .section .more--inner--ttl {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#top .section .more--inner--ttl .more-icon {
  width: 4.9rem;
}
#top .section .more--inner--ttl h2 {
  color: #251714;
  font-size: clamp(2.7rem, -0.8669724771rem + 0.4644495413vw, 6.75rem);
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-left: 2.2rem;
}
#top .section .more--inner--main {
  width: 100%;
  display: flex;
  align-items: center;
}
#top .section .more--inner--main .more-img {
  width: 50%;
}
#top .section .more--inner--main--bnr {
  width: 42.5rem;
  margin-top: -2vw;
}
#top .section .more--inner--main--bnr h2 {
  width: 25.6rem;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(1.9rem, -0.6100917431rem + 0.3268348624vw, 4.75rem);
  color: #0095ec;
  letter-spacing: 0.025em;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
}
#top .section .more--inner--main--bnr h2::before, #top .section .more--inner--main--bnr h2::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 2px;
  height: 3rem;
  background: #0095ec;
}
#top .section .more--inner--main--bnr h2::before {
  left: -1vw;
  transform: translateY(-50%) rotate(-30deg);
}
#top .section .more--inner--main--bnr h2::after {
  right: -1vw;
  transform: translateY(-50%) rotate(30deg);
}
#top .section .more--inner--main--bnr--btn {
  margin-top: 1.3rem;
  width: 100%;
  height: 10rem;
}
#top .section .more--inner--main--bnr--btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#top .section .more--inner--main--bnr--btn a h3 {
  font-size: 1.25vw;
  color: #fff;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.6;
}
#top .section .more--inner--main--bnr--btn a h3 span {
  font-size: clamp(1.6rem, -0.5137614679rem + 0.2752293578vw, 4rem);
}
#top .section .templete {
  padding: 7rem 0 7.7rem;
}
#top .section .templete--en {
  width: 100%;
  max-width: 41.4vw;
  margin: 0 auto;
}
#top .section .templete--ttl {
  margin: 2.7rem auto 0;
  font-size: clamp(2.4rem, -0.7706422018rem + 0.4128440367vw, 6rem);
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.4;
  text-align: center;
}
#top .section .templete--txt {
  margin: 3rem auto 0;
  font-size: clamp(1.8rem, -0.5779816514rem + 0.3096330275vw, 4.5rem);
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 1.9;
  text-align: center;
  margin-bottom: 4vw;
}
#top .about .merit--main {
  width: 100%;
}
#top .about .merit--main ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7%;
}
#top .about .merit--main ul .merit-li {
  width: 26.333%;
  margin-bottom: 5vw;
}
#top .about .merit--main ul .merit-li--circle {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #9ED6F5;
  position: relative;
}
#top .about .merit--main ul .merit-li--circle--en {
  width: 12rem;
  position: absolute;
  top: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
#top .about .merit--main ul .merit-li--circle--h3 {
  padding-top: 6.4rem;
  font-size: clamp(1.8rem, -0.5779816514rem + 0.3096330275vw, 4.5rem);
  line-height: 1.4;
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 700;
}
#top .about .merit--main ul .merit-li--circle--h3.line01 {
  padding: 6.8rem 0 1.1rem;
}
#top .about .merit--main ul .merit-li--circle--img {
  margin: 0.5rem auto 0;
  width: 75%;
}
#top .about .merit--main ul .merit-li--txt {
  margin-top: 1.6rem;
  font-size: clamp(1.3rem, -0.4174311927rem + 0.2236238532vw, 3.25rem);
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: center;
}
#top .problem .problem-c {
  position: relative;
  padding-bottom: 15rem;
}
#top .problem .problem-c::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #0092E5;
}
#top .problem .problem-c--main {
  width: 80%;
  margin: 0 auto;
}
#top .problem .problem-c--main ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top .problem .problem-c--main ul .problem-c-li {
  width: 47%;
  height: auto;
  margin-top: 6.8rem;
  padding: 2rem 2.7rem clamp(10rem, 12vw, 20rem);
  border: 4px solid #E1E1E1;
  border-radius: 2rem;
  position: relative;
}
#top .problem .problem-c--main ul .problem-c-li--h3 {
  font-size: clamp(1.8rem, -0.5779816514rem + 0.3096330275vw, 4.5rem);
  font-weight: 700;
  text-align: center;
}
#top .problem .problem-c--main ul .problem-c-li--h3.green {
  color: #03BCAC;
}
#top .problem .problem-c--main ul .problem-c-li--h3.pink {
  color: #FF668A;
}
#top .problem .problem-c--main ul .problem-c-li--h3.purple {
  color: #8B67D3;
}
#top .problem .problem-c--main ul .problem-c-li--h3.orange {
  color: #EE8C00;
}
#top .problem .problem-c--main ul .problem-c-li--h3.line01 {
  padding: 1rem 0;
}
#top .problem .problem-c--main ul .problem-c-li--txt {
  font-size: clamp(1.4rem, -0.4495412844rem + 0.2408256881vw, 3.5rem);
  line-height: 1.8;
  letter-spacing: 0.025em;
  text-align: justify;
}
#top .problem .problem-c--main ul .problem-c-li--illust {
  width: 100%;
  position: absolute;
}
#top .problem .problem-c--main ul .problem-c-li--illust.illust03 {
  margin-top: 2rem;
}
#top .realize {
  position: relative;
}
#top .realize::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #0092E5;
}
#top .realize .realize-c--main {
  margin-top: 6.8rem;
}
#top .realize .realize-c--main--block01 {
  width: 100%;
  max-width: 57.4264705882vw;
  margin: 0 auto;
  position: relative;
}
#top .realize .realize-c--main--block01 .realize-fig01 {
  width: 100%;
}
#top .realize .realize-c--main--block01--txt01 {
  font-size: clamp(1rem, 1.25vw, 3.4rem);
  line-height: 1.4;
  letter-spacing: 0.025em;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 36%;
  left: 50%;
  transform: translateX(-50%);
}
#top .realize .realize-c--main--block01--txt02 {
  margin-top: 2rem;
  font-size: clamp(2rem, -0.6422018349rem + 0.3440366972vw, 5rem);
  line-height: 1.4;
  letter-spacing: 0.025em;
  font-weight: 700;
  text-align: center;
}
#top .realize .realize-c--main--block02 {
  width: 80%;
  margin: 9.6rem auto 0;
  position: relative;
}
#top .realize .realize-c--main--block02 .realize-fig02 {
  width: 100%;
}
#top .realize .realize-c--main--block02--txt {
  margin-top: 2rem;
  font-size: clamp(2rem, 1.47vw, 3rem);
  line-height: 1.4;
  letter-spacing: 0.025em;
  font-weight: 700;
  color: #0092E5;
  text-align: center;
  transform: translateY(-100%);
}
#top .feature .feature-c {
  position: relative;
  padding-bottom: 0;
}
#top .feature .feature-c::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #0092E5;
}
#top .feature .feature-c--main .feature-block {
  width: 84%;
  margin: 7.6rem auto 0;
}
#top .feature .feature-c--main .feature-block ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top .feature .feature-c--main .feature-block ul li {
  width: 46%;
  height: 44rem;
  border-radius: 1rem;
  padding: 3.7rem 3.4rem 0;
  margin-bottom: 9rem;
  background: #BFE4F8;
  position: relative;
}
#top .feature .feature-c--main .feature-block ul li .feature-h3 {
  font-size: clamp(1.8rem, -0.5779816514rem + 0.3096330275vw, 4.5rem);
  line-height: 1.5;
  letter-spacing: 0.025em;
  font-weight: 700;
  text-align: center;
}
#top .feature .feature-c--main .feature-block ul li .feature-h3.line01 {
  padding: 1.6rem 0;
}
#top .feature .feature-c--main .feature-block ul li .feature-txt {
  margin-top: 2.4rem;
  font-size: clamp(1.4rem, -0.4495412844rem + 0.2408256881vw, 3.5rem);
  line-height: 1.8;
  letter-spacing: 0.025em;
  text-align: justify;
}
#top .feature .feature-c--main .feature-block ul li .feature-fig {
  width: 100%;
  margin-top: 1rem;
}
#top .feature .feature-c--main .feature-block ul li .feature-number {
  width: 14.6rem;
  position: absolute;
  top: -1.176vw;
  left: -1.912vw;
}
#top .feature .feature-c--main .function-block {
  margin: 1rem auto 0;
  max-width: 90%;
}
#top .feature .feature-c--main .function-block h3 {
  font-size: clamp(2.3rem, -0.7385321101rem + 0.3956422018vw, 5.75rem);
  letter-spacing: 0.025em;
  text-align: center;
  font-weight: 700;
}
#top .feature .feature-c--main .function-block--c {
  width: 100%;
  margin-top: 5.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top .feature .feature-c--main .function-block--c--li {
  width: 29%;
  padding: 3.5rem 0;
  margin-bottom: 7.4rem;
  background: #F8F8F8;
  border: 1px solid #00296F;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#top .feature .feature-c--main .function-block--c--li .function-h4 {
  color: #00296F;
  font-size: clamp(2rem, -0.6422018349rem + 0.3440366972vw, 5rem);
  letter-spacing: 0.025em;
  font-weight: 700;
  text-align: center;
}
#top .feature .feature-c--main .function-block--c--li .function-fig {
  width: 11.3rem;
  margin-top: 1.8rem;
}
#top .feature .feature-c--main .function-block--c--li .function-list {
  margin-top: 2rem;
}
#top .feature .feature-c--main .function-block--c--li .function-list--li {
  color: #00296F;
  font-size: clamp(1.6rem, -0.5137614679rem + 0.2752293578vw, 4rem);
  line-height: 1.4;
  letter-spacing: 0.025em;
  position: relative;
}
#top .feature .feature-c--main .function-block--c--li .function-list--li::before {
  content: "●";
  display: block;
  position: absolute;
  top: 0;
  left: -1em;
  font-size: clamp(1.7rem, -0.5458715596rem + 0.2924311927vw, 4.25rem);
}
#top .feature .feature-c--main .function-block--c--li .function-number {
  position: absolute;
  top: -1.03vw;
  left: 50%;
  transform: translateX(-50%);
  width: 10.8rem;
}
#top .qa .qa-c {
  width: 100%;
  background: #E5E5E5;
}
#top .qa .qa-c--main {
  width: 80%;
  max-width: 840px;
  margin: 2.3rem auto 0;
}
#top .qa .qa-c--main--block {
  width: 100%;
}
#top .qa .qa-c--main--block .qa-h3 {
  font-size: clamp(1.8rem, -0.5779816514rem + 0.3096330275vw, 4.5rem);
  line-height: 2.5;
  font-weight: 700;
}
#top .qa .qa-c--main--block .qa-ul {
  width: 100%;
}
#top .qa .qa-c--main--block .qa-ul li {
  width: 100%;
  background: #fff;
  border-radius: 1rem 6.7rem 6.7rem 1rem;
  padding: 0.8rem 3.2rem 0.4rem 4.2rem;
  position: relative;
}
#top .qa .qa-c--main--block .qa-ul li .question {
  border-bottom: 1px solid #D6D6D6;
  padding: 1rem 0 1rem 2.6rem;
  font-size: clamp(1.6rem, -0.5137614679rem + 0.2752293578vw, 4rem);
  font-weight: 700;
  min-height: 5rem;
}
#top .qa .qa-c--main--block .qa-ul li .answer {
  padding: 1rem 0 1rem 2.6rem;
  font-size: clamp(1.4rem, -0.4495412844rem + 0.2408256881vw, 3.5rem);
  min-height: 8.4rem;
}
#top .qa .qa-c--main--block .qa-ul li .qa-number {
  width: 4.1rem;
  position: absolute;
  top: 1rem;
  left: 2rem;
}
#top .qa .qa-c--main--block .qa-ul li:not(:first-of-type) {
  margin-top: 2.6rem;
}
#top .qa .qa-c--main--block:not(:first-of-type) {
  margin-top: 5.4rem;
}
#top .footlogo {
  padding: 10rem 0;
}
#top .footlogo .footlogoimg {
  width: 37rem;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  #top .main--txt--p {
    font-size: clamp(1.4rem, -0.4495412844rem + 0.2408256881vw, 3.5rem);
  }
  #top .section .templete--ttl {
    font-size: clamp(2rem, -0.6422018349rem + 0.3440366972vw, 5rem);
  }
  #top .section .templete--txt {
    font-size: clamp(1.6rem, -0.5137614679rem + 0.2752293578vw, 4rem);
  }
  #top .about .merit--main ul .merit-li {
    width: 43%;
  }
  #top .about .merit--main ul .merit-li--txt {
    font-size: clamp(1.2rem, -0.3853211009rem + 0.2064220183vw, 3rem);
  }
  #top .problem .problem-c--main ul .problem-c-li--h3 {
    font-size: clamp(1.5rem, -0.4816513761rem + 0.2580275229vw, 3.75rem);
  }
  #top .feature .feature-c--main .feature-block ul li .feature-h3 {
    font-size: clamp(1.6rem, -0.5137614679rem + 0.2752293578vw, 4rem);
  }
  #top .feature .feature-c--main .function-block--c--li {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  #top #section-wrap #section-body {
    padding: 0 0;
  }
  #top .menu-trigger {
    display: block;
    width: 13.3333333333vw;
    height: 13.3333333333vw;
    position: fixed;
    bottom: 2vw;
    left: 8vw;
    z-index: 10;
    background: #231815;
    border: 1px solid #fff;
    border-radius: 50%;
    transform: translateX(-50%);
    transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
  }
  #top .menu-trigger span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 6.6666666667vw;
    height: 0.4vw;
    background: #fff;
    transition: all 0.4s ease-in-out;
    box-sizing: border-box;
    cursor: pointer;
  }
  #top .menu-trigger span:nth-of-type(1) {
    top: 4vw;
  }
  #top .menu-trigger span:nth-of-type(2) {
    top: 6.5333333333vw;
  }
  #top .menu-trigger span:nth-of-type(3) {
    top: 9.0666666667vw;
  }
  #top .menu-trigger.active span:nth-of-type(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #top .menu-trigger.active span:nth-of-type(2) {
    display: none;
  }
  #top .menu-trigger.active span:nth-of-type(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #top .gl-nav {
    display: none;
    position: fixed;
    left: 0 !important;
    right: 0;
    top: 50vh;
    bottom: -50vh;
    z-index: 8;
    width: 100%;
    height: auto;
    background: #ECECEC;
    transition: bottom 0.3s ease-in-out;
  }
  #top .gl-nav ul {
    width: 53.3333333333vw;
    margin: 13.3333333333vw auto;
  }
  #top .gl-nav ul li {
    width: 100%;
    height: 9.6vw;
    border-radius: 4.8vw;
  }
  #top .gl-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4.8vw;
    padding: 0 5.3333333333vw 0 8.8vw;
    color: #fff;
    background: #231815;
    font-size: clamp(1.1rem, 1.2vw, 1.6rem);
    line-height: 9.6vw;
    position: relative;
  }
  #top .gl-nav ul li a::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 3.7333333333vw;
    transform: translateY(-50%);
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-radius: 50%;
    background: #fff;
  }
  #top .gl-nav ul li:not(:first-of-type) {
    margin-top: 2.1333333333vw;
  }
  #top .gl-nav.sp.active {
    display: block;
    bottom: 0;
  }
  #top .main {
    padding: 20vw 6.6666666667vw 73.3333333333vw;
    display: block;
  }
  #top .main--txt {
    width: 100%;
  }
  #top .main--txt .fig-txt {
    width: 60.1333333333vw;
  }
  #top .main--txt--p {
    margin-top: 6.1333333333vw;
    font-size: 4vw;
    line-height: 2;
  }
  #top .main--illust {
    position: absolute;
    width: 80vw;
    left: 50%;
    top: 100vw;
    transform: translateX(-50%);
  }
  #top .section {
    width: 100%;
  }
  #top .section .to-contact {
    padding: 8.9333333333vw 0;
  }
  #top .section .to-contact--inner {
    width: 95%;
  }
  #top .section .to-contact--inner h2 {
    width: 56vw;
    font-size: 4vw;
  }
  #top .section .to-contact--inner h2::before, #top .section .to-contact--inner h2::after {
    height: 4.5333333333vw;
  }
  #top .section .to-contact--inner--btn {
    margin-top: 2.4vw;
    height: 21.3333333333vw;
  }
  #top .section .to-contact--inner--btn a h3 {
    font-size: 4vw;
  }
  #top .section .to-contact--inner--btn a h3 span {
    font-size: 3.7333333333vw;
  }
  #top .section .what {
    padding: 13.3333333333vw 6.6666666667vw 86.6666666667vw;
  }
  #top .section .what::before {
    top: 80vw;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vw;
    background: url("../image/about_01-circle.png") no-repeat left top/cover;
    transform: rotate(90deg);
  }
  #top .section .what::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80vw;
    background: #fff;
  }
  #top .section .what--txt {
    width: 100%;
  }
  #top .section .what--txt--ttl {
    width: 80vw;
  }
  #top .section .what--txt--block {
    margin-top: 4.6666666667vw;
    padding-top: 4.6666666667vw;
  }
  #top .section .what--txt--block--h2 {
    font-size: 4.9333333333vw;
  }
  #top .section .what--txt--block--p {
    margin-top: 4.8vw;
    font-size: 3.7333333333vw;
  }
  #top .section .what--illust {
    width: 90%;
    top: 140vw;
    left: 50%;
    transform: translateX(-50%);
  }
  #top .section .more {
    width: 95%;
    margin: 0 auto 18.6666666667vw;
    padding: 1.8666666667vw;
    border-radius: 1.3333333333vw;
  }
  #top .section .more--inner {
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw 5%;
  }
  #top .section .more--inner--ttl .more-icon {
    width: 6.5333333333vw;
  }
  #top .section .more--inner--ttl h2 {
    font-size: 4.2666666667vw;
    margin-left: 2.9333333333vw;
  }
  #top .section .more--inner--main {
    display: block;
  }
  #top .section .more--inner--main .more-img {
    width: 65.3333333333vw;
    margin: 1.3333333333vw auto 0;
  }
  #top .section .more--inner--main--bnr {
    width: 100%;
    margin: 4vw auto 0;
  }
  #top .section .more--inner--main--bnr h2 {
    width: 70%;
    font-size: 4vw;
  }
  #top .section .more--inner--main--bnr h2::before, #top .section .more--inner--main--bnr h2::after {
    height: 4vw;
  }
  #top .section .more--inner--main--bnr--btn {
    margin-top: 1.7333333333vw;
    height: 20vw;
  }
  #top .section .more--inner--main--bnr--btn a h3 {
    font-size: 3.7333333333vw;
  }
  #top .section .more--inner--main--bnr--btn a h3 span {
    font-size: 3.4666666667vw;
  }
  #top .section .templete {
    padding: 18.6666666667vw 0 19.6vw;
  }
  #top .section .templete--en {
    width: 80%;
  }
  #top .section .templete--ttl {
    margin: 4.9333333333vw auto 0;
    font-size: 4.9333333333vw;
  }
  #top .section .templete--txt {
    margin: 5.3333333333vw auto 0;
    font-size: 3.4666666667vw;
  }
  #top .about .merit--main ul {
    display: block;
  }
  #top .about .merit--main ul .merit-li {
    width: 90%;
    margin: 13.3333333333vw auto 0;
  }
  #top .about .merit--main ul .merit-li--circle {
    width: 66.6666666667vw;
    height: 66.6666666667vw;
    margin: 0 auto;
  }
  #top .about .merit--main ul .merit-li--circle--en {
    width: 32vw;
    top: 6.6666666667vw;
  }
  #top .about .merit--main ul .merit-li--circle--h3 {
    padding-top: 18.6666666667vw;
    font-size: 4.5333333333vw;
  }
  #top .about .merit--main ul .merit-li--circle--h3.line01 {
    padding: 20vw 0 0;
  }
  #top .about .merit--main ul .merit-li--circle--img {
    margin: 2.6666666667vw auto 0;
    width: 40vw;
  }
  #top .about .merit--main ul .merit-li--txt {
    margin-top: 2.1333333333vw;
    font-size: 3.7333333333vw;
  }
  #top .problem .problem-c {
    padding-bottom: 26.6666666667vw;
  }
  #top .problem .problem-c::before {
    width: 90%;
  }
  #top .problem .problem-c--main {
    width: 90%;
  }
  #top .problem .problem-c--main ul {
    display: block;
  }
  #top .problem .problem-c--main ul .problem-c-li {
    width: 100%;
    height: auto;
    margin-top: 13.3333333333vw;
    padding: 5.3333333333vw 3.6vw 37.3333333333vw;
    border-radius: 2.6666666667vw;
  }
  #top .problem .problem-c--main ul .problem-c-li--h3 {
    height: auto;
    font-size: 4.2666666667vw;
  }
  #top .problem .problem-c--main ul .problem-c-li--h3.line01 {
    padding: 0;
  }
  #top .problem .problem-c--main ul .problem-c-li--txt {
    font-size: 3.2vw;
    margin-top: 4vw;
  }
  #top .problem .problem-c--main ul .problem-c-li--illust {
    position: absolute;
    width: 80vw;
    bottom: -10vw;
    left: 50%;
    transform: translateX(-50%);
  }
  #top .problem .problem-c--main ul .problem-c-li--illust.illust01 {
    bottom: -10vw;
    margin-bottom: 0;
  }
  #top .problem .problem-c--main ul .problem-c-li--illust.illust02 {
    left: 60%;
    bottom: -10vw;
    margin-bottom: 0;
  }
  #top .problem .problem-c--main ul .problem-c-li--illust.illust03 {
    bottom: -10vw;
    margin-bottom: 0;
  }
  #top .problem .problem-c--main ul .problem-c-li--illust.illust04 {
    bottom: -10vw;
    margin-bottom: 0;
  }
  #top .realize::before {
    width: 90%;
  }
  #top .realize .realize-c {
    padding-bottom: 0;
  }
  #top .realize .realize-c--main {
    margin-top: 13.3333333333vw;
  }
  #top .realize .realize-c--main--block01 {
    width: 95%;
    max-width: none;
  }
  #top .realize .realize-c--main--block01--txt01 {
    font-size: 2.9333333333vw;
    top: 22.6666666667vw;
  }
  #top .realize .realize-c--main--block01--txt02 {
    margin-top: 4vw;
    font-size: 4vw;
  }
  #top .realize .realize-c--main--block02 {
    width: 95%;
    margin: 20vw auto 0;
  }
  #top .realize .realize-c--main--block02--txt {
    margin-top: 12vw;
    font-size: 3.4666666667vw;
  }
  #top .feature .feature-c {
    padding-bottom: 0;
  }
  #top .feature .feature-c::before {
    width: 90%;
  }
  #top .feature .feature-c--main .feature-block {
    width: 90%;
    margin: 13.3333333333vw auto 0;
  }
  #top .feature .feature-c--main .feature-block ul {
    display: block;
  }
  #top .feature .feature-c--main .feature-block ul li {
    width: 100%;
    height: auto;
    border-radius: 1.3333333333vw;
    padding: 6.6666666667vw 4.5333333333vw 26.6666666667vw;
    margin-bottom: 24vw;
  }
  #top .feature .feature-c--main .feature-block ul li .feature-h3 {
    font-size: 4.2666666667vw;
  }
  #top .feature .feature-c--main .feature-block ul li .feature-h3.line01 {
    padding: 0;
  }
  #top .feature .feature-c--main .feature-block ul li .feature-txt {
    margin-top: 4.5333333333vw;
    font-size: 3.2vw;
  }
  #top .feature .feature-c--main .feature-block ul li .feature-fig {
    position: absolute;
    width: 47.3333333333vw;
    top: auto;
    bottom: -8vw;
    left: 50%;
    transform: translateX(-50%);
  }
  #top .feature .feature-c--main .feature-block ul li .feature-number {
    width: 38.9333333333vw;
    top: -4vw;
    left: -1.912vw;
  }
  #top .feature .feature-c--main .function-block {
    width: 90%;
    margin: 1.3333333333vw auto 0;
  }
  #top .feature .feature-c--main .function-block h3 {
    font-size: 4.4vw;
  }
  #top .feature .feature-c--main .function-block--c {
    margin-top: 7.7333333333vw;
  }
  #top .feature .feature-c--main .function-block--c--li {
    width: 48%;
    padding: 6vw 0 4.6666666667vw;
    margin-bottom: 9.8666666667vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-h4 {
    font-size: 4vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-fig {
    width: 15.0666666667vw;
    margin-top: 2.4vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-list {
    margin-top: 2.6666666667vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-list--li {
    font-size: 2.8vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-list--li::before {
    font-size: 2.8vw;
  }
  #top .feature .feature-c--main .function-block--c--li .function-number {
    top: -3vw;
    width: 20vw;
  }
  #top .qa .qa-c--main {
    width: 90%;
    margin: 3.0666666667vw auto 0;
  }
  #top .qa .qa-c--main--block .qa-h3 {
    font-size: 3.7333333333vw;
  }
  #top .qa .qa-c--main--block .qa-ul li {
    border-radius: 1.3333333333vw 8.9333333333vw 8.9333333333vw 1.3333333333vw;
    padding: 1.0666666667vw 4.2666666667vw 0.5333333333vw 8.2666666667vw;
  }
  #top .qa .qa-c--main--block .qa-ul li .question {
    padding: 2.6666666667vw 0 2.6666666667vw 3.4666666667vw;
    font-size: 3.4666666667vw;
    min-height: auto;
  }
  #top .qa .qa-c--main--block .qa-ul li .answer {
    padding: 2.6666666667vw 0 2.6666666667vw 3.4666666667vw;
    font-size: 3.2vw;
    min-height: auto;
  }
  #top .qa .qa-c--main--block .qa-ul li .qa-number {
    width: 8vw;
    top: 2.6666666667vw;
    left: 1.6vw;
  }
  #top .qa .qa-c--main--block .qa-ul li:not(:first-of-type) {
    margin-top: 5.3333333333vw;
  }
  #top .qa .qa-c--main--block:not(:first-of-type) {
    margin-top: 10.6666666667vw;
  }
  #top .footlogo {
    padding: 13.3333333333vw 0;
  }
  #top .footlogo .footlogoimg {
    width: 49.3333333333vw;
  }
}
#contact .contents {
  width: 100%;
  margin-top: 19rem;
  padding: 0 5% 9.6rem;
}
#contact .contents h2 {
  width: 220px;
  white-space: nowrap;
  font-size: 35px;
  letter-spacing: 0.025em;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
}
#contact .contents h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #80caf5;
}
#contact .contents--inner {
  max-width: 1200px;
  margin: 116px auto 0;
  display: flex;
  justify-content: space-between;
}
#contact .contents--inner--intro {
  width: 47%;
}
#contact .contents--inner--intro .intro-txt01 {
  font-size: 22px;
  line-height: 2;
  font-weight: 700;
}
#contact .contents--inner--intro--list {
  width: 100%;
  margin-top: 50px;
  padding: 20px 14px 20px 60px;
  border-radius: 10px;
  background: #f8f8f8;
}
#contact .contents--inner--intro--list ul {
  width: 100%;
}
#contact .contents--inner--intro--list ul li {
  position: relative;
  font-size: 18px;
  line-height: 2.2;
}
#contact .contents--inner--intro--list ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
  width: 27px;
  height: 27px;
  background: url("../image/contactpage_icon-check.png") no-repeat center/contain;
}
#contact .contents--inner--intro--img01 {
  margin: 58px auto 0;
  width: 396px;
}
#contact .contents--inner--intro--img01 img {
  width: 100%;
}
#contact .contents--inner--intro .waiting {
  margin-top: 72px;
}
#contact .contents--inner--intro .waiting .intro-txt02 {
  color: #0095ec;
  font-size: 21px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
#contact .contents--inner--intro .waiting .intro-txt03 {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
#contact .contents--inner--intro .waiting--inner {
  width: 100%;
  display: flex;
  align-items: center;
}
#contact .contents--inner--intro .waiting--inner--img02 {
  width: 54px;
  margin-left: 30px;
}
#contact .contents--inner--intro .waiting--inner--img02 img {
  width: 100%;
}
#contact .contents--inner--intro .waiting--inner--info {
  width: 350px;
  margin-left: 10px;
}
#contact .contents--inner--intro .waiting--inner--info--number {
  font-size: 52px;
  font-weight: 700;
  color: #0095ec;
  text-align: center;
  white-space: nowrap;
}
#contact .contents--inner--intro .waiting--inner--info--time {
  margin: 10px auto 0;
  width: 340px;
  height: 30px;
  border-radius: 15px;
  border: 1px solid #251714;
  font-size: 17px;
  line-height: 30px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
#contact .contents--inner--form {
  width: 44%;
}
#contact .contents--inner--form--box {
  width: 100%;
  height: 1750px;
}
#contact .contents--inner--form--box iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  #contact .contents--inner {
    display: block;
  }
  #contact .contents--inner--intro {
    width: 100%;
  }
  #contact .contents--inner--intro .waiting--inner {
    justify-content: center;
  }
  #contact .contents--inner--intro .waiting--inner--img02 {
    margin-left: 0;
  }
  #contact .contents--inner--intro .waiting--inner--info {
    margin-left: 5px;
  }
  #contact .contents--inner--form {
    width: 100%;
    margin-top: 100px;
  }
  #contact .contents--inner--form--box {
    height: 1700px;
  }
}
@media screen and (max-width: 767px) {
  #contact .contents {
    margin-top: 25.3333333333vw;
    padding: 0 0 12.8vw;
  }
  #contact .contents h2 {
    width: 58.6666666667vw;
    font-size: 8vw;
    text-align: center;
  }
  #contact .contents h2::after {
    bottom: -2vw;
  }
  #contact .contents--inner {
    max-width: 100%;
    margin: 6.6666666667vw auto 0;
  }
  #contact .contents--inner--intro .intro-txt01 {
    font-size: 4.2666666667vw;
    text-align: center;
  }
  #contact .contents--inner--intro--list {
    width: 90%;
    margin: 6.6666666667vw auto 0;
    padding: 2.6666666667vw 5% 2.6666666667vw 15%;
    border-radius: 2.6666666667vw;
  }
  #contact .contents--inner--intro--list ul li {
    font-size: 4.5333333333vw;
  }
  #contact .contents--inner--intro--list ul li::before {
    left: -9vw;
    width: 7.2vw;
    height: 7.2vw;
  }
  #contact .contents--inner--intro--img01 {
    margin: 8vw auto 0;
    width: 90%;
  }
  #contact .contents--inner--intro .waiting {
    margin-top: 13.3333333333vw;
  }
  #contact .contents--inner--intro .waiting .intro-txt02 {
    font-size: 5.3333333333vw;
  }
  #contact .contents--inner--intro .waiting .intro-txt03 {
    margin-top: 8vw;
    font-size: 4.8vw;
  }
  #contact .contents--inner--intro .waiting--inner {
    margin-top: 2.6666666667vw;
  }
  #contact .contents--inner--intro .waiting--inner--img02 {
    width: 14.4vw;
  }
  #contact .contents--inner--intro .waiting--inner--info {
    width: 60vw;
    margin-left: 5%;
  }
  #contact .contents--inner--intro .waiting--inner--info--number {
    font-size: 8.8vw;
  }
  #contact .contents--inner--intro .waiting--inner--info--time {
    margin: 1.3333333333vw auto 0;
    width: 60vw;
    height: 8vw;
    border-radius: 4vw;
    font-size: 4.5333333333vw;
    line-height: 8vw;
  }
  #contact .contents--inner--form {
    margin-top: 13.3333333333vw;
  }
  #contact .contents--inner--form--box {
    height: 493.3333333333vw;
  }
}