@charset "UTF-8";
@font-face {
  font-family: "myFont";
  src: url("../font/MOBO.eot?") format("eot"), url("../font/MOBO.woff") format("woff");
}

/*==============================
波紋アニメーション
===============================*/
svg.wave {
  height: 16vh;
  width: 100vw;
  position: absolute;
  bottom: -1px;
}

svg.wave02 {
  height: 16vh;
  width: 100vw;
  position: absolute;
  bottom: -2.66667vw;
}

svg.wave_r {
  height: 16vh;
  width: 100vw;
  position: absolute;
  bottom: -18.66667vw;
}

.wave_r.sp {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 10;
}

.wave_r.pc {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 10;
}

.sec07_img svg.wave02.sp {
  height: 14vh;
  width: 100vw;
  position: absolute;
  bottom: -2.66667vw;
}

/*=================*/
body {
  overflow-x: hidden;
}

p {
  font-family: "myFont";
}

.sec_ttl {
  font-size: 9.86667vw;
  color: #fff;
  font-family: brandon-grotesque, sans-serif;
  text-align: center;
}

.sec_ttl span {
  font-family: "myFont";
  font-size: 4vw;
  display: block;
}

h2 {
  font-family: "myFont";
}

body {
  background: #26A7E1;
}

img {
  width: 100%;
}

header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100vw;
  height: 17.33333vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}

header h1.sp {
  width: 51.2vw;
}

.pc {
  display: none;
}

#sec01 {
  background: #26A7E1;
  position: relative;
  height: 120vw;
  z-index: 0;
}

#sec01 h2 {
  width: 70.4vw;
  position: absolute;
  top: 9.73333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

#sec02 {
  background: #fff;
  position: relative;
  height: 133.86667vw;
}

.sec02_svg {
  width: 85.304vw;
  padding-top: 5.52vw;
  margin: 0 auto;
  margin-top: 0vw;
  text-align: center;
}

.sec02_svg svg {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  overflow: visible !important;
}

.sec07_img {
  position: relative;
}

#sec06 {
  position: relarive;
}

#sec02 p {
  font-size: 4vw;
  color: #26A7E1;
  line-height: 1.86;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

#sec02 p:nth-of-type(1) {
  margin-top: 9.68vw;
}

#sec02 p:nth-of-type(2) {
  margin-top: 4.45333vw;
}

#sec03 {
  position: relative;
}

#sec03 .sec03_container {
  padding: 4vw 5.33333vw 21.33333vw;
}

.sec03_pt_list li {
  position: relative;
}

.sec03_pt_list li:before {
  position: absolute;
  left: 1.36vw;
  top: 1.6vw;
  width: 24.45067vw;
  height: 6.16533vw;
  font-size: 3.2vw;
  border-radius: 3.2vw;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "myFont";
}

.sec03_pt_list li:nth-of-type(1):before,
.sec03_pt_list li:nth-of-type(2):before {
  color: #26A7E1;
  background: #fff;
  border: 2px solid #26A7E1;
  content: '5個セット';
}

.sec03_pt_list li:nth-of-type(3):before,
.sec03_pt_list li:nth-of-type(4):before {
  color: #fff;
  background: transparent linear-gradient(45deg, #0D94D1 0%, #26A7E1 100%) 0 0 no-repeat padding-box;
  content: '大容量タイプ';
}

.sec03_pt {
  margin-top: 11.01333vw;
}

.sec03_pt_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sec03_pt_list li {
  width: 42.13333vw;
  background: #fff;
  border-radius: 2.13333vw;
  padding: 3.2vw;
  -webkit-box-shadow: 0 2px 48px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 48px rgba(0, 0, 0, 0.04);
}

.sec03_pt_list li img {
  border-radius: 2.13333vw;
}

.sec03_text_wrapper {
  margin-top: 2.4vw;
}

.sec03_text_wrapper dl dt {
  font-size: 3.73333vw;
  color: #1A2C3C;
  font-family: "myFont";
}

.sec03_text_wrapper dl dd {
  font-size: 3.2vw;
  margin-top: 0.8vw;
  color: #26A7E1;
  font-family: "myFont";
}

.sec03_btn {
  margin-top: 2.13333vw;
  width: 36.53333vw;
  height: 8.26667vw;
}

.sec03_btn a {
  border-radius: 1.6vw;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 3.46667vw;
  text-align: center;
  color: #fff;
  background: transparent linear-gradient(45deg, #F7A100 0%, #FEC800 100%) 0 0 no-repeat padding-box;
}

.sec03_pt_list li:nth-of-type(3),
.sec03_pt_list li:nth-of-type(4) {
  margin-top: 6.77333vw;
}

.sec03_use {
  margin-top: 12.26667vw;
}

.sec03_use h2 {
  text-align: center;
  font-size: 5.6vw;
  color: #fff;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.sec03_use h2:before,
.sec03_use h2:after {
  content: '';
  display: block;
  width: 5.584vw;
  height: 0.53333vw;
  position: absolute;
  top: 50%;
  background: #fff;
}

.sec03_use h2:before {
  left: -4.37333vw;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.sec03_use h2:after {
  right: -4.37333vw;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.sec03_use_list {
  margin: 5.86667vw auto 0;
  width: 68.896vw;
}

.sec03_use_list li:nth-of-type(2),
.sec03_use_list li:nth-of-type(3),
.sec03_use_list li:nth-of-type(4) {
  margin-top: 2.58667vw;
}

#sec04 {
  background: #F9FAFA;
  position: relative;
  padding: 10.56vw 0 32.69333vw;
  margin-top: -1px;
}

#sec04 ul li p img {
  border-radius: 5.33333vw;
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}

#sec04 ul li div {
  position: relative;
  width: 89.33333vw;
  height: 64.19467vw;
}

#sec04 ul li div p:nth-of-type(1) {
  position: absolute;
  width: 52.69067vw;
  top: 0;
  left: 0;
  z-index: 1;
}

#sec04 ul li div p:nth-of-type(2) {
  position: absolute;
  width: 42.16vw;
  bottom: 0;
  right: 0;
  z-index: 0;
}

#sec04 ul li {
  padding: 0 5.33333vw;
}

#sec04 ul li dl {
  margin-top: 5.38667vw;
  position: relative;
}

#sec04 ul li:nth-of-type(1) dl:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  content: '';
  width: 13.03467vw;
  height: 20.72267vw;
  display: block;
  background: url(../image/common/point01.svg) no-repeat;
}

#sec04 ul li:nth-of-type(2) dl:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  content: '';
  width: 13.03467vw;
  height: 20.72267vw;
  display: block;
  background: url(../image/common/point02.svg) no-repeat;
}

#sec04 ul li dl dt {
  font-size: 6.4vw;
  font-family: "myFont";
  color: #26A7E1;
  position: relative;
}

#sec04 ul li dl dt:after {
  content: '';
  background: #FFE241;
  border-radius: 3.73333vw;
  width: 53.33333vw;
  height: 3.2vw;
  display: block;
  position: absolute;
  bottom: -1.06667vw;
  left: -1.06667vw;
  z-index: -1;
}

#sec04 ul li:nth-of-type(2) dl dt:after {
  display: none;
}

#sec04 ul li dl dd {
  color: #252525;
  line-height: 1.9;
  font-size: 3.2vw;
  margin-top: 5.38667vw;
  font-family: "myFont";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#sec04 ul li dl dd span {
  color: #26A7E1;
}

#sec04 ul li:nth-of-type(2) {
  margin-top: 12.64vw;
}

#sec05 {
  background: #fff;
  padding-top: 16vw;
}

#sec05 .sec_ttl,
#sec06 .sec_ttl,
#sec08 .sec_ttl,
#contact .sec_ttl {
  color: #26A7E1;
}

#sec05 .sec_ttl span,
#sec06 .sec_ttl span,
#sec08 .sec_ttl span,
#contact .sec_ttl span {
  color: #333333;
}

.swiper {
  margin-top: 4.85333vw;
  z-index: 0 !important;
}

#sec06 {
  background: #fff;
  padding: 16vw 0 5.46667vw;
  position: relative;
}

#sec06 p {
  margin-top: 5.38667vw;
  padding: 0 5.33333vw 0vw;
}

#sec07 {
  position: relative;
  padding-bottom: 37.33333vw;
}

#sec07 dl {
  color: #fff;
}

.sec07_container {
  padding: 5.33333vw 10.66667vw 0;
}

#sec07 dl dt {
  font-size: 4vw;
  font-family: noto-sans, sans-serif;
  font-weight: 700;
  position: relative;
  z-index: 10;
}

#sec07 dl dd:nth-of-type(1) {
  font-size: 6.4vw;
  font-family: "myFont";
  margin-top: 2.13333vw;
  position: relative;
  z-index: 10;
  line-height: 1.29;
}

#sec07 dl dd:nth-of-type(2) {
  font-size: 3.2vw;
  font-family: "myFont";
  margin-top: 5.68vw;
  line-height: 1.91;
}

#sec08 {
  background: #fff;
  padding: 3.38667vw 0 11.38667vw;
}

#sec08 .margin {
  margin-top: 8.10667vw;
  padding: 0 5.33333vw 0;
}

#sec08 div dl {
  position: relative;
  padding: 4.8vw 3.2vw;
}

#sec08 div dl:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  content: '';
  display: block;
  background: #CECECE;
}

#sec08 div dl dt {
  font-size: 3.2vw;
  font-family: "myFont";
  color: #262626;
}

#sec08 div dl dd {
  font-size: 3.2vw;
  font-family: "myFont";
  color: #262626;
  margin-top: 3.86667vw;
  line-height: 1.41;
}

#sec08 div dl.call dd {
  color: #26A7E1 !important;
}

#sec08 div dl.call dd span {
  color: #26A7E1 !important;
}

.call dd {
  color: #26A7E1 !important;
}

.call dd a {
  color: #26A7E1 !important;
  text-decoration: none;
}

#sec08 .map {
  color: #26A7E1;
  margin-top: 5.46667vw;
}

#sec08 .map span {
  margin-right: 1.06667vw;
  width: 3.2vw;
  height: 3.2vw;
}

#sec08 .map span img {
  vertical-align: baseline;
}

#sec08 .map a {
  color: #26A7E1;
  font-size: 3.2vw;
  font-family: "myFont";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contact {
  position: relative;
}

.contact_container {
  background: #fff;
  padding: 0 5.33333vw 25.33333vw;
  position: relative;
}

.contact_inner {
  background: #fff;
  border-radius: 5.33333vw;
  padding: 9.33333vw 5.33333vw 6.8vw;
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 16px rgba(0, 0, 0, 0.16);
}

form {
  margin-top: 7.2vw;
}

.contact_submit input {
  font-family: "myFont";
}

.contact_content .contact_item:nth-of-type(5) {
  margin-bottom: 7.68vw;
}

.footer_inner {
  position: relative;
}

footer {
  padding: 8.98667vw 10.66667vw 12.56vw;
}

.footer_sp ul li a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "myFont";
  font-size: 4vw;
}

.footer_sp ul li a span:nth-of-type(1) {
  width: 3.61867vw;
  margin-right: 3.30667vw;
}

.footer_sp ul li a span:nth-of-type(2) {
  font-family: "myFont";
}

.footer_sp ul li {
  margin-top: 5.86667vw;
}

.sns {
  margin: 15.73333vw auto 0;
  width: 20.89067vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.sns:before {
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: 1px;
  height: 4.61067vw;
}

.sns li:nth-of-type(1) {
  width: 8.23467vw;
}

.sns li:nth-of-type(2) {
  width: 6.70133vw;
}

.footer_logo {
  margin: 5.44vw auto 0;
  width: 59.82933vw;
}

.privacy {
  margin-top: 3.73333vw;
  text-align: center;
}

.privacy a {
  color: #fff;
  font-size: 3.2vw;
  font-family: noto-sans, sans-serif;
  font-weight: 500;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev,
.swiper-button-prev {
  display: none !important;
}

.scrolldown2 {
  display: none;
}

#fin {
  margin: 26.66667vw auto 0;
}

#fin h2 {
  width: 64vw;
  margin: 0 auto;
}

#fin .f_t {
  color: #fff;
  margin: 8vw auto 0;
  font-size: 3.73333vw;
  text-align: center;
}

#fin .f_btn a {
  width: 78.66667vw;
  border-radius: 1.6vw;
  height: 14.13333vw;
  line-height: 14.13333vw;
  font-size: 3.2vw;
  display: block;
  margin: 8vw auto 0;
  text-align: center;
  background: #fff;
  color: #26A7E1;
  font-family: "myFont";
}

@media screen and (max-width: 767px) {
  .contact_item.check label {
    cursor: pointer;
    padding-left: 13.41333vw;
    position: relative;
    color: #333;
    font-family: "myFont";
    font-size: 4.26667vw;
    display: block;
    background: #EFEFEF;
    width: 78.66667vw;
    height: 13.06667vw;
    line-height: 13.06667vw;
    border-radius: 1.33333vw;
    margin-bottom: 2.66667vw;
  }
  .visually-hidden {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
  }
  label::before,
  .contact_item.check label::after {
    content: "";
    display: block;
    position: absolute;
  }
  .contact_item.check label::before {
    border-radius: 0.8vw;
    border: 1.5px solid #333;
    width: 7.2vw;
    height: 7.2vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    left: 2.93333vw;
  }
  .contact_item.check label::after {
    border-bottom: 2.5px solid #fff;
    border-left: 2.5px solid #fff;
    opacity: 0;
    height: 2.50133vw;
    width: 3.74667vw;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: 4.53333vw;
    left: 4.26667vw;
  }
  .contact_item.check .contact_heading {
    display: none;
  }
  .contact_item.check input:checked + label::after {
    opacity: 1;
  }
  .contact_item.check input:checked + label::before {
    border: 1.5px solid #fff;
  }
  .contact_item.check input:checked + label {
    background: #26A7E1;
    color: #fff;
  }
}

#js-access-map {
  width: 82.13333vw;
  height: 38.4vw;
  margin-top: 3.46667vw !important;
}

#js-access-map > div {
  margin-top: 0;
}

/*==================================================
ふわっ
===================================*/
/* その場で */
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  /*1で解説*/
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
  /*2で解説*/
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  /*3で解説*/
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  /*5で解説*/
  -webkit-animation-direction: normal;
          animation-direction: normal;
  /*7で解説*/
}

@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}

a {
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

a:hover {
  opacity: 0.6;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}

.editorial {
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index: 5;
  bottom: 0;
  position: absolute;
  left: 0px;
  float: left;
}

.parallax1 > use {
  -webkit-animation: move-forever1 10s linear infinite;
          animation: move-forever1 10s linear infinite;
}

.parallax1 > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}

.parallax2 > use {
  -webkit-animation: move-forever2 8s linear infinite;
          animation: move-forever2 8s linear infinite;
}

.parallax2 > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}

.parallax3 > use {
  -webkit-animation: move-forever3 6s linear infinite;
          animation: move-forever3 6s linear infinite;
}

.parallax3 > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}

.parallax4 > use {
  -webkit-animation: move-forever4 4s linear infinite;
          animation: move-forever4 4s linear infinite;
}

.parallax4 > use:nth-child(1) {
  -webkit-animation-delay: -2s;
          animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
  100% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
  100% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
  100% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
  100% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever4 {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
}

@keyframes move-forever4 {
  0% {
    -webkit-transform: translate(-90px, 0%);
            transform: translate(-90px, 0%);
  }
  100% {
    -webkit-transform: translate(85px, 0%);
            transform: translate(85px, 0%);
  }
}

#welcome {
  position: relative;
}

#welcome h2 {
  position: absolute;
  top: 30.13333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 78.09333vw;
  opacity: 0;
  -webkit-filter: blur(0);
          filter: blur(0);
}

#welcome h2.anime {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-animation-name: blurAnime;
          animation-name: blurAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 1;
}

@-webkit-keyframes blurAnime {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02) translateX(-50%);
            transform: scale(1.02) translateX(-50%);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
}

@keyframes blurAnime {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02) translateX(-50%);
            transform: scale(1.02) translateX(-50%);
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
}

#meshi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -1px;
}

#meshi ul li {
  width: 50%;
}

.meshi_top {
  position: relative;
}

.meshi_top video {
  width: 100vw;
}

#meshi {
  position: relative;
}

#meshi h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  width: 81.6vw;
}

video {
  max-width: 100%;
}

#sec06 p img {
  padding: 10px 0px;
}

@media screen and (min-width: 768px) {
  #meshi h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    width: 81.10417vw;
  }
  #meshi ul li {
    width: 25%;
  }
  #welcome h2 {
    position: absolute;
    top: 22.96875vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 69.88333vw;
    opacity: 0;
  }
  .sec03_pt_list li img {
    border-radius: 0;
  }
  .sec02_svg svg {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .sec07_container {
    padding: 3.57292vw 0vw 0;
  }
  #fin {
    margin: 13.02083vw auto 0;
  }
  #fin h2 {
    width: 22.91667vw;
    margin: 0 auto;
  }
  #fin .f_t {
    color: #fff;
    margin: 3.125vw auto 0;
    font-size: 1.66667vw;
    text-align: center;
  }
  #fin .f_btn a {
    width: 16.92708vw;
    border-radius: 0.3125vw;
    height: 3.28125vw;
    line-height: 3.28125vw;
    font-size: 0.72917vw;
    display: block;
    margin: 2.08333vw auto 0;
    text-align: center;
    background: #fff;
    color: #26A7E1;
    font-family: "myFont";
  }
  #sec08 div dl.call dd span {
    color: #262626;
  }
  /*=== 9-1-2 丸が動いてスクロールを促す ====*/
  #sec01 {
    position: relative;
  }
  /*スクロールダウン全体の場所*/
  .scrolldown2 {
    /*描画位置※位置は適宜調整してください*/
    position: absolute;
    right: 4.01042vw;
    bottom: 0vw;
    height: 11.5625vw;
    display: block;
  }
  /*Scrollテキストの描写*/
  .scrolldown2 span {
    /*描画位置*/
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -3.125vw;
    /*テキストの形状*/
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 500;
    font-size: 0.625vw;
    /*縦書き設定*/
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  /* 丸の描写 */
  .scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    left: -4px;
    /*丸の形状*/
    width: 0.72917vw;
    height: 0.72917vw;
    border-radius: 50%;
    background: #fff;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
    -webkit-animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
            animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;
  }
  /*下からの距離が変化して丸の全体が上から下に動く*/
  @-webkit-keyframes circlemove {
    0% {
      bottom: 10.3125vw;
    }
    100% {
      bottom: 0;
    }
  }
  @keyframes circlemove {
    0% {
      bottom: 10.3125vw;
    }
    100% {
      bottom: 0;
    }
  }
  /*上から下にかけて丸が透過→不透明→透過する*/
  @-webkit-keyframes cirlemovehide {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    80% {
      opacity: 0.9;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes cirlemovehide {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    80% {
      opacity: 0.9;
    }
    100% {
      opacity: 0;
    }
  }
  /* 線の描写 */
  .scrolldown2:after {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    left: 0;
    /*線の形状*/
    width: 0.26042vw;
    height: 11.5625vw;
    border-radius: 0.26042vw;
    background: #fff;
  }
  /*=== 終了 ====*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  header {
    background: #fff;
    width: 77.39583vw;
    height: 4.0625vw;
    padding: 0.52083vw 0.78125vw 0.52083vw 2.21875vw;
    position: fixed;
    top: 1.30208vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 2.60417vw;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
  }
  header h1 {
    margin-right: 9.98958vw;
    width: 12.95vw;
  }
  header .pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  header .pc ul li a {
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-size: 0.83333vw;
    font-weight: bold;
  }
  .nav01 {
    margin-right: 1.61458vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav01 li {
    margin-right: 1.77083vw;
  }
  .nav01 li:last-of-type {
    margin-right: 0vw;
  }
  .nav01 li a {
    color: #000000;
  }
  .nav02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nav02 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 2.60417vw;
  }
  .nav02 li:nth-of-type(1) {
    text-align: center;
    width: 12.70833vw;
    height: 3.02083vw;
    margin-right: 0.72917vw;
  }
  .nav02 li:nth-of-type(1) a {
    width: 100%;
    height: 100%;
    color: #fff;
    background: #FCAD00;
  }
  .nav02 li:nth-of-type(2) {
    text-align: center;
    width: 10.3125vw;
    height: 3.02083vw;
  }
  .nav02 li:nth-of-type(2) a {
    width: 100%;
    height: 100%;
    color: #fff;
    background: #3CAFE4;
  }
  .nav02 li:nth-of-type(2) a span {
    margin-right: 0.55729vw;
    width: 1.26562vw;
  }
  #sec01 {
    height: 41.14583vw;
  }
  #sec01 h2 {
    width: 26.85885vw;
    top: 4.16667vw;
  }
  .sec02_svg.pc svg {
    width: 28.98958vw !important;
    margin-top: -1.5625vw;
    height: auto;
  }
  .sec02_svg {
    padding-top: 0.55729vw;
    margin: 0 auto;
    text-align: center;
  }
  #sec02 p:nth-of-type(1) {
    font-size: 1.04167vw;
    line-height: 1.95;
    text-align: center;
    margin-top: 2.71875vw;
  }
  #sec02 p:nth-of-type(2) {
    font-size: 1.04167vw;
    line-height: 1.95;
    margin-top: 0;
    text-align: center;
  }
  #sec02 {
    height: auto;
    padding-bottom: 13.02083vw;
    padding-top: 3.90625vw;
  }
  .sec_ttl {
    font-size: 3.17708vw;
    position: relative;
    z-index: 10;
  }
  .sec_ttl span {
    font-size: 1.25vw;
    margin-top: 0.20833vw;
  }
  .sec03_pt_list {
    width: 48.67969vw;
    margin: 0 auto;
  }
  .sec03_pt_list li {
    width: 22.85729vw;
    padding: 0;
    overflow: hidden;
  }
  .sec03__img img {
    width: 22.85729vw;
    height: 15.26042vw;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 60%;
       object-position: 50% 60%;
  }
  .sec03_pt_list li:before {
    width: 7.34844vw;
    height: 2.04896vw;
    font-size: 0.9375vw;
    top: 1.00521vw;
    top: 1.05729vw;
  }
  .sec03_text_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.98958vw 1.06771vw 1.01562vw 1.59375vw;
    margin-top: 0;
  }
  .sec03_text_wrapper dl dt {
    font-size: 1.04167vw;
  }
  .sec03_text_wrapper dl dd {
    font-size: 0.83333vw;
    margin-top: 0.27083vw;
  }
  .sec03_btn {
    width: 9.58333vw;
    height: 2.44792vw;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec03_btn a {
    font-size: 0.83333vw;
    border-radius: 0.67708vw;
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 700;
    background: #26A6E0;
  }
  .sec03_btn a span {
    width: 1.17552vw;
    margin-left: 0.40625vw;
  }
  .sec03_btn a span img {
    border-radius: 0;
  }
  .sec03_pt_list li:nth-of-type(3),
  .sec03_pt_list li:nth-of-type(4) {
    margin-top: 1.80208vw;
  }
  .sec03_pt {
    margin-top: 3.9375vw;
  }
  .sec03_use {
    margin-top: 2.52604vw;
  }
  .sec03_use h2 {
    font-size: 1.45833vw;
  }
  .sec03_use h2:before, .sec03_use h2:after {
    width: 1.82292vw;
    height: 0.11458vw;
    border-radius: 2.60417vw;
  }
  .sec03_use h2:before {
    left: -0.9375vw;
  }
  .sec03_use h2:after {
    right: -0.9375vw;
  }
  .sec03_use_list {
    width: 41.41406vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec03_use_list li {
    position: relative;
  }
  .sec03_use_list li:nth-of-type(1):after {
    width: 0.8724vw;
    height: 0.75104vw;
    position: absolute;
    top: 5.32292vw;
    left: 9.32292vw;
    content: '';
    display: block;
    background: url(../image/common/flow_arrow.svg) no-repeat;
    background-size: contain;
  }
  .sec03_use_list li:nth-of-type(2):after {
    width: 0.8724vw;
    height: 0.75104vw;
    position: absolute;
    top: 5.32292vw;
    left: 9.32292vw;
    content: '';
    display: block;
    background: url(../image/common/flow_arrow.svg) no-repeat;
    background-size: contain;
  }
  .sec03_use_list li:nth-of-type(3):after {
    width: 0.8724vw;
    height: 0.75104vw;
    position: absolute;
    top: 5.32292vw;
    left: 9.32292vw;
    content: '';
    display: block;
    background: url(../image/common/flow_arrow.svg) no-repeat;
    background-size: contain;
  }
  .sec03_use_list li {
    width: 8.79688vw;
  }
  .sec03_use_list.sp {
    display: none;
  }
  .sec03_use_list li:nth-of-type(2),
  .sec03_use_list li:nth-of-type(3),
  .sec03_use_list li:nth-of-type(4) {
    margin-top: 0;
  }
  .sec03_use_list {
    margin-top: 1.88542vw;
  }
  #sec03 .sec03_container {
    padding: 1.30208vw 1.04167vw 10.3125vw;
  }
  #sec04 ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 61.30208vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    padding: 0;
  }
  #sec04 ul li:nth-of-type(2) {
    margin-top: 4.22917vw;
  }
  #sec04 ul li dl {
    width: 31.40625vw;
    margin: 0;
  }
  #sec04 ul li dl dt {
    font-size: 2.1875vw;
  }
  #sec04 ul li dl dt:after {
    content: '';
    background: #FFE241;
    border-radius: 0.72917vw;
    width: 24.73958vw;
    height: 1.19792vw;
    display: block;
    position: absolute;
    bottom: -0.52083vw;
    left: -0.46875vw;
    z-index: -1;
  }
  #sec04 ul li dl dd {
    font-size: 1.25vw;
    margin-top: 1.25vw;
    width: 100%;
    line-height: 1.75;
    color: #3C3C3C;
  }
  #sec04 ul li div {
    width: 24.03125vw;
    height: 25.0474vw;
  }
  #sec04 ul li > p {
    width: 25.9375vw;
  }
  #sec04 ul li:nth-of-type(2) dl dd {
    width: 32.29167vw;
  }
  #sec04 ul li:nth-of-type(1) dl {
    width: 31.40625vw;
  }
  #sec04 ul li:nth-of-type(2) dl {
    width: 32.29167vw;
  }
  #sec04 ul li:nth-of-type(1) p {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #sec04 ul li:nth-of-type(2) div {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #sec04 ul li:nth-of-type(2) dl {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #sec04 ul li p img {
    border-radius: 0.98958vw;
  }
  #sec04 ul li:nth-of-type(1) dl:after,
  #sec04 ul li:nth-of-type(2) dl:after {
    display: none;
  }
  #sec04 ul li div p:nth-of-type(1),
  #sec04 ul li div p:nth-of-type(2) {
    width: 14.79063vw;
  }
  #sec04 ul li:nth-of-type(1) p img {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  }
  #sec04 ul li:nth-of-type(2) p img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #sec04 {
    padding: 5.72917vw 0 5.20833vw;
  }
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev,
  .swiper-button-prev {
    display: block !important;
  }
  .swiper-button-prev:after {
    content: '';
    background: url(../image/common/btn_back.svg) no-repeat;
    width: 3.125vw;
    height: 3.125vw;
    display: block;
    background-size: contain;
  }
  .swiper-button-next:after {
    content: '';
    background: url(../image/common/btn_next.svg) no-repeat;
    width: 3.125vw;
    height: 3.125vw;
    display: block;
    background-size: contain;
  }
  .swiper-button-prev {
    left: 1.14583vw;
    width: 3.125vw;
    height: 3.125vw;
  }
  .swiper-button-next {
    right: 1.14583vw;
    height: 3.125vw;
    width: 3.125vw;
  }
  #sec05 {
    padding-top: 4.46354vw;
  }
  .swiper {
    margin-top: 2.61458vw;
  }
  #sec06 {
    padding: 3.59375vw 0 9.40104vw;
  }
  #sec06 p {
    width: 57.44792vw;
    padding: 0;
    margin: 3.53646vw auto 0;
  }
  #sec04 ul li:nth-of-type(2) dl dt:after {
    display: none;
  }
  .wave_r.pc {
    bottom: -6.25vw;
  }
  #sec07 {
    padding-bottom: 0.52083vw;
  }
  .sec07text {
    padding: 9.375vw 0 9.89583vw;
    margin-top: -6.25vw;
  }
  #sec07 dl dt {
    font-size: 1.25vw;
  }
  #sec07 dl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0;
    text-align: center;
  }
  #sec07 dl dd:nth-of-type(1) {
    font-size: 2.1875vw;
    margin-top: 0.625vw;
    line-height: 1.26;
  }
  #sec07 dl dd:nth-of-type(2) {
    font-size: 1.09375vw;
    margin-top: 2.0625vw;
    line-height: 1.28;
  }
  #sec08 {
    padding: 3.125vw 0 0vw;
  }
  #sec08 div dl {
    padding: 1.58854vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48.88958vw;
    margin: 0 auto;
  }
  #sec08 div dl dt {
    font-size: 0.78125vw;
    width: 12.13542vw;
    text-align: center;
    line-height: 1;
  }
  #sec08 div dl dd {
    width: 36.71875vw;
    font-size: 0.78125vw;
    margin: 0;
    line-height: 1;
    padding-left: 2.98438vw;
  }
  #sec08 div dl:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 12.13542vw;
    content: '';
    display: block;
    background: #000;
  }
  #sec08 div dl:last-of-type:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 12.13542vw;
    content: '';
    display: block;
    background: #000;
  }
  #sec08 .margin {
    margin-top: 4.54167vw;
    padding: 0;
  }
  .call span {
    margin-left: 0.83333vw;
  }
  #sec08 div dl.call dd {
    color: #262626;
  }
  .contact_container {
    padding: 0 0 11.45833vw;
  }
  .contact_inner {
    width: 48.88958vw;
    border-radius: 0.88542vw;
    padding: 1.92708vw 4.56771vw 3.14583vw;
  }
  .contact_content {
    padding: 0;
  }
  .contact_data_input, .contact_form_textarea {
    width: 28.2901vw;
    height: 2.3875vw;
    font-size: 0.83333vw;
  }
  .contact_form_textarea {
    height: 10.72083vw;
  }
  .contact_heading_required {
    font-size: 0.625vw;
    font-family: heisei-maru-gothic-std,sans-serif;
    font-weight: 400;
  }
  .contact_data {
    width: 28.2901vw;
  }
  .contact_heading {
    font-size: 0.88542vw;
  }
  .contact_content .contact_item:nth-of-type(4) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .contact_submit_input {
    width: 15.10417vw;
    height: 3.28125vw;
    font-size: 0.9375vw;
  }
  .contact_agree_link {
    color: #000;
    font-size: 0.83333vw;
    border-radius: 50%;
  }
  .contact_content .contact_item:nth-of-type(5) {
    margin-bottom: 1.47396vw;
  }
  form {
    margin-top: 2.51562vw;
  }
  footer {
    padding: 0.55729vw 0vw 0vw;
  }
  .footer_sec01.pc {
    width: 85.97917vw;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
    padding: 0vw 0 13.23958vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer_sec01.pc:after {
    position: absolute;
    content: '';
    display: block;
    background: url(../image/common/footer_bg.svg) no-repeat;
    background-size: contain;
    width: 29.88125vw;
    height: 24.63542vw;
    top: 7.8;
    right: 0;
  }
  .footer_sec01.pc h3 {
    font-size: 1.35417vw;
    color: #fff;
    font-family: brandon-grotesque, sans-serif;
  }
  .footer_sec01.pc ul li {
    margin-top: 1.1875vw;
  }
  .footer_sec01.pc ul li:nth-of-type(1) {
    margin-top: 0.83333vw;
  }
  .footer_sec01.pc ul li a {
    color: #fff;
    font-size: 0.88542vw;
    font-family: "myFont";
  }
  .menu01 {
    width: 7.96875vw;
    margin-right: 6.45833vw;
    margin-top: 2.27604vw;
  }
  .menu02 {
    width: 7.96875vw;
    margin-right: 6.82292vw;
    margin-top: 2.27604vw;
  }
  .menu03 {
    width: 6.19792vw;
    margin-right: 6.19792vw;
    margin-top: 2.27604vw;
  }
  .menu04 {
    width: 5.3125vw;
    margin-right: 5.3125vw;
    margin-top: 2.27604vw;
  }
  .footer_sec02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 85.97917vw;
    margin: 0 auto;
    padding: 1.58854vw 0;
  }
  .footer_logo {
    width: 11.68542vw;
    margin: 0;
  }
  .copy_right {
    font-size: 0.625vw;
    color: #fff;
    font-family: noto-sans, sans-serif;
    width: 13.85417vw;
    font-weight: bold;
  }
  .privacy {
    margin: 0;
  }
  .privacy a {
    font-size: 0.625vw;
    color: #fff;
    font-family: noto-sans-cjk-jp, sans-serif;
    width: 6.25vw;
    font-weight: bold;
  }
  .contact_item {
    margin-bottom: 1.78125vw;
  }
  .contact_heading_required {
    border-radius: 0.3125vw;
  }
  .contact_agree_text,
  .contact_agree_label {
    font-size: 0.83333vw;
  }
  label {
    margin: 0;
  }
  #contact {
    padding-top: 2.08333vw;
    background: #fff;
  }
  .contact_item.check label {
    font-size: 0.83333vw;
    font-family: "myFont";
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 1.25vw;
    position: relative;
    cursor: pointer;
    margin-right: 0.46875vw;
  }
  .contact_item.check .contact_data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact_item.check label:nth-of-type(1),
  .contact_item.check label:nth-of-type(2) {
    margin-right: 0.9375vw;
  }
  .visually-hidden {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
  }
  .contact_item.check label {
    position: relative;
    cursor: pointer;
    padding-left: 1.25vw;
  }
  .contact_item.check label::before,
  .contact_item.check label::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
  }
  .contact_item.check label::before {
    border: 1px solid #26A7E1;
    border-radius: 50%;
    width: 1.04167vw;
    height: 1.04167vw;
    left: 0vw;
  }
  .contact_item.check label::after {
    background-color: #26A7E1;
    border-radius: 50%;
    opacity: 0;
    width: 0.625vw;
    height: 0.625vw;
    left: 0.20833vw;
  }
  .contact_item.check input:checked + label::after {
    opacity: 1;
  }
  .contact_agree {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
}
/*# sourceMappingURL=style.css.map */