@charset "UTF-8";
/* VRLP1 */
@font-face {
  font-family: 'M+ 1c regular';
  src: url("../fonts/mplus-1c-regular.ttf") format("truetype"); }
@font-face {
  font-family: 'M+ 1c medium';
  src: url("../fonts/mplus-1c-medium.ttf") format("truetype"); }
@font-face {
  font-family: 'M+ 1c bold';
  src: url("../fonts/mplus-1c-bold.ttf") format("truetype"); }
*, *:before, *:after {
  box-sizing: border-box; }

html {
  font-size: 62.5%; }
  html:focus {
    outline: none; }
  html * {
    box-sizing: border-box; }

body {
  font-family: "M+ 1c regular", sans-serif;
  line-height: 1.6;
  font-size: 16px;
  color: #333;
  font-weight: 400; }

main {
  overflow: hidden; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  flex-shrink: 0; }

.mb0 {
  margin-bottom: 0px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.imgcenter {
  display: block;
  margin: 0 auto;
  text-align: center; }

.border08 {
  border-radius: 8px; }

/* ----------------------------------- */
/* コンテナ
/* ----------------------------------- */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  @media print, screen and (min-width: 768px) {
    .container {
      max-width: 750px;
      width: 100%;
      transition: ease-in .1s; } }
  @media print, screen and (min-width: 992px) {
    .container {
      max-width: 970px;
      transition: ease-in .1s; } }

@media print, screen and (min-width: 768px) {
  .outsidePadding {
    padding-left: 15px;
    padding-right: 15px; } }
@media print, screen and (min-width: 992px) {
  .outsidePadding {
    padding-left: 45px;
    padding-right: 45px; } }

/* ----------------------------------- */
/* 配置 */
/* ----------------------------------- */
.alignleft {
  display: inline;
  float: left; }

.alignright {
  display: inline;
  float: right; }

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto; }

ul.iconList {
  padding-left: 25px;
  margin: 0; }
  ul.iconList li {
    list-style: none;
    position: relative; }
    ul.iconList li::before {
      content: "";
      position: absolute;
      width: 6px;
      height: 6px;
      background: #00B4E8;
      border-radius: 50%;
      display: block;
      left: -20px;
      top: 10px; }

/* ----------------------------------- */
/* ボタン */
/* ----------------------------------- */
.btnWrap {
  margin: 0; }

.btn {
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  font-family: "M+ 1c bold", sans-serif;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  text-decoration: none;
  transition: none;
  user-select: none;
  position: relative;
  border-radius: 40px;
  color: #fff;
  background: #ED263E;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  max-width: 340px;
  z-index: 0;
  transition: all ease .3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }
@-moz-document url-prefix() {
  .btn {
    font-weight: 500;
    font-family: 'M+ 1c medium'; } }
  .btn:hover, .btn:focus {
    text-decoration: none;
    color: #ffffff;
    transition: all ease .3s; }
    .btn:hover:before, .btn:focus:before {
      opacity: 1;
      transition: all ease .3s; }
  .btn.arrow:after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%) rotate(45deg); }
  .btn.arrow:hover:after, .btn.arrow:focus:after {
    color: #26303E; }
  .btn.btnLeft {
    margin: 0; }
  .btn.btnRight {
    margin: 0 auto 0 0; }
  .btn.btnCenter {
    margin-left: auto;
    margin-right: auto; }

/* ---------------------------------------------------------------- */
/* ヘッダー */
/* ---------------------------------------------------------------- */
#header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff; }
  #header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    animation: slideDown 0.5s;
    z-index: 99; }
@keyframes slideDown {
  0% {
    margin-top: -70px; }
  100% {
    margin-top: 0; } }
    #header.fixed + #main {
      margin-top: 80px !important; }
  #header #headerCnt {
    width: 100%;
    height: 60px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    #header #headerCnt #logo {
      flex-basis: 176px;
      width: 176px;
      margin: 0; }
      #header #headerCnt #logo a {
        width: 100%;
        display: flex; }
        #header #headerCnt #logo a img {
          width: 100%; }
    #header #headerCnt #contactWrap {
      flex-basis: auto;
      width: auto;
      margin-left: auto; }
      #header #headerCnt #contactWrap .freeSoudanBtn {
        height: 50px;
        background: #ED263E;
        border-radius: 25px;
        margin-right: 0;
        border: #ED263E solid 2px;
        display: block;
        width: 140px; }
        #header #headerCnt #contactWrap .freeSoudanBtn a {
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
          text-decoration: none;
          font-size: 14px;
          font-weight: 700;
          font-family: "M+ 1c bold", sans-serif;
          width: 100%;
          height: 100%; }
        @media print, screen and (min-width: 768px) {
          #header #headerCnt #contactWrap .freeSoudanBtn:hover, #header #headerCnt #contactWrap .freeSoudanBtn:focus {
            background: #fff; }
            #header #headerCnt #contactWrap .freeSoudanBtn:hover a, #header #headerCnt #contactWrap .freeSoudanBtn:focus a {
              color: #ED263E; } }
  @media print, screen and (min-width: 992px) {
    #header.fixed {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      transition: ease-in .1s; }
      #header.fixed + #main {
        margin-top: 100px !important; }
    #header .container {
      position: relative; }
    #header #headerCnt {
      height: 80px; }
      #header #headerCnt #logo {
        flex-basis: 176px;
        width: 176px; }
      #header #headerCnt #contactWrap {
        margin-left: 25px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #header #headerCnt #contactWrap .freeSoudanBtn {
          height: 50px;
          background: #ED263E;
          border-radius: 25px;
          margin-right: 0;
          border: #ED263E solid 2px;
          display: block;
          width: 200px; }
          #header #headerCnt #contactWrap .freeSoudanBtn a {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-decoration: none;
            font-size: 16px;
            font-weight: 700;
            font-family: "M+ 1c bold", sans-serif;
            width: 100%;
            height: 100%; } }
      @media print, screen and (min-width: 992px) and (min-width: 768px) {
        #header #headerCnt #contactWrap .freeSoudanBtn:hover, #header #headerCnt #contactWrap .freeSoudanBtn:focus {
          background: #fff; }
          #header #headerCnt #contactWrap .freeSoudanBtn:hover a, #header #headerCnt #contactWrap .freeSoudanBtn:focus a {
            color: #ED263E; } }

  @media print, screen and (min-width: 1200px) {
    #header #headerCnt #logo {
      flex-basis: 240px;
      width: 240px; } }

#Navi01, #Navi02, #Navi03, #Navi04, #Navi05 {
  height: 1px;
  display: block;
  padding-top: 80px;
  margin-top: -80px; }

/* ---------------------------------------------------------------- */
/* ヘッダーメニュー */
/* ---------------------------------------------------------------- */
/* SPメニュー */
/* ----------------------------------- */
.openSpNavi {
  width: 100%;
  height: 100%;
  overflow: hidden !important; }

/* ----------------------------------- */
/* PCメニュー */
/* ----------------------------------- */
#mainNaviArea {
  flex-basis: auto;
  width: auto;
  display: block;
  margin-left: auto; }
  #mainNaviArea ul {
    margin: 0;
    padding: 0; }
    #mainNaviArea ul li {
      padding: 0;
      list-style-type: none;
      display: inline-block; }
      #mainNaviArea ul li + li {
        padding-left: 20px; }
      #mainNaviArea ul li a {
        text-decoration: none;
        color: #333;
        font-size: 14px;
        font-weight: 400;
        font-family: 'M+ 1c regular'; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #mainNaviArea ul li a {
    font-size: 12px; }
  #mainNaviArea ul li + li {
    padding-left: 10px; } }
@media print, screen and (max-width: 768px) {
  #mainNaviArea {
    display: none; } }
/* ---------------------------------------------------------------- */
/* フッター */
/* ---------------------------------------------------------------- */
#footer {
  padding: 110px 0 120px;
  text-align: center;
  background: #26303E;
  position: relative;
  color: #fff; }
  #footer h2 {
    font-size: 22px;
    margin: 0 0 37px;
    font-weight: 500;
    font-family: 'M+ 1c medium'; }
    #footer h2 span {
      font-size: 14px; }
  #footer .f_txt01 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 5px; }
  #footer .f_txt02 {
    font-size: 18px;
    font-weight: 400;
    font-family: 'M+ 1c regular';
    margin: 0 0 15px; }
    #footer .f_txt02 a {
      color: #fff;
      text-decoration: none; }
  #footer .copy {
    font-size: 14px;
    font-weight: 400;
    font-family: 'M+ 1c regular';
    padding: 37px 0 0;
    color: #fff; }

.page_top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50px;
  background: #FFF100; }
  .page_top a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }

@media print, screen and (max-width: 768px) {
  #footer .f_txt01 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 5px; }
  #footer .f_txt02 {
    font-size: 16px; }
  #footer .copy {
    font-size: 12px; }

  .page_top {
    right: auto;
    left: 50%;
    transform: translateX(-50%); } }
/* ---------------------------------------------------------------- */
/* LP TOP */
/* ---------------------------------------------------------------- */
/* スマホ、PC　表示・非表示 */
.spDisp {
  display: inline; }
  @media print, screen and (min-width: 768px) {
    .spDisp {
      display: none; } }

.pcDisp {
  display: none; }
  @media print, screen and (min-width: 768px) {
    .pcDisp {
      display: inline; } }

/* フォント */
.fstyleRegular {
  font-weight: 400;
  font-family: 'M+ 1c regular'; }

.fstyleMedium {
  font-weight: 500;
  font-family: 'M+ 1c medium'; }

.fstyleBold {
  font-weight: 700;
  font-family: "M+ 1c bold", sans-serif; }
@-moz-document url-prefix() {
  .fstyleBold {
    font-weight: 500;
    font-family: 'M+ 1c medium'; } }
#main h2 {
  margin: 0;
  text-align: center; }
  #main h2 p {
    margin: 0; }
#main .textCenter {
  text-align: center; }
#main .cntImg {
  text-align: center; }
#main .pageLinkPoint {
  margin-top: -80px;
  padding-top: 80px; }
  @media print, screen and (min-width: 992px) {
    #main .pageLinkPoint {
      margin-top: -110px;
      padding-top: 110px; } }
#main .mainImgWrap {
  background: url("../images/fv_bg_sp.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  position: relative;
  margin-top: 60px; }
  #main .mainImgWrap::before {
    display: none; }
  #main .mainImgWrap .mainImgWrap_top {
    position: absolute;
    top: 0;
    left: 0;
    background: #26303E;
    font-size: 14px;
    font-weight: 400;
    font-family: 'M+ 1c regular';
    color: #fff;
    text-align: center;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; }
    #main .mainImgWrap .mainImgWrap_top span {
      color: #FFF100; }
  #main .mainImgWrap .mainImgWrap_okinawa {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1; }
  #main .mainImgWrap .inner {
    padding: 90px 0 40px; }
    #main .mainImgWrap .inner .mainImgBox {
      margin-bottom: 20px; }
      #main .mainImgWrap .inner .mainImgBox .mainspImg {
        border-radius: 8px;
        width: calc(100% - 75px);
        margin-left: auto;
        margin-right: 0;
        position: relative; }
        #main .mainImgWrap .inner .mainImgBox .mainspImg .swiper_icon {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -75px;
          z-index: 2; }
        #main .mainImgWrap .inner .mainImgBox .mainspImg .swiper-container {
          border-radius: 8px; }
          #main .mainImgWrap .inner .mainImgBox .mainspImg .swiper-container .swiper-wrapper .swiper-slide .slideimgbox {
            width: 100%;
            padding-bottom: 60%;
            border-radius: 8px;
            position: relative;
            overflow: hidden; }
            #main .mainImgWrap .inner .mainImgBox .mainspImg .swiper-container .swiper-wrapper .swiper-slide .slideimgbox img {
              position: absolute;
              width: 100%;
              height: 100%;
              border-radius: 8px;
              object-fit: cover;
              left: 0; }
    #main .mainImgWrap .inner .btnWrap {
      margin-top: -10px; }
      #main .mainImgWrap .inner .btnWrap .btn {
        margin: 0 auto; }
#main #nayamiArea {
  position: relative;
  z-index: 1;
  padding-top: 30px; }
  #main #nayamiArea::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 97%;
    border-radius: 0 0 0 32px;
    background: #26303E;
    height: 154px;
    display: block; }
  #main #nayamiArea .nayami__inner {
    margin-bottom: 40px; }
    #main #nayamiArea .nayami__inner h2 {
      color: #fff;
      font-size: 20px;
      margin-bottom: 20px;
      text-align: center;
      font-weight: 700;
      font-family: "M+ 1c bold", sans-serif; }
      #main #nayamiArea .nayami__inner h2 .yellowText {
        font-size: 18px;
        color: #F8EF36;
        display: block;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif; }
    #main #nayamiArea .nayami__inner .cntImg {
      text-align: center;
      position: relative;
      margin-bottom: 20px; }
    #main #nayamiArea .nayami__inner .cntImgInner {
      position: relative;
      z-index: 1; }
    #main #nayamiArea .nayami__inner .nayami__box {
      background: #333333;
      border-radius: 16px;
      padding: 50px 20px 35px;
      position: relative; }
      #main #nayamiArea .nayami__inner .nayami__box::before {
        position: absolute;
        content: "";
        width: 76px;
        height: 97px;
        display: block;
        background: url("../images/nayami02.svg") no-repeat;
        background-position: center;
        background-size: 76px;
        top: -47px;
        left: 10px; }
      #main #nayamiArea .nayami__inner .nayami__box p {
        margin: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        font-family: 'M+ 1c medium';
        text-align: center;
        line-height: 1.9; }
        #main #nayamiArea .nayami__inner .nayami__box p .nayami_color {
          color: #FFF100; }
        #main #nayamiArea .nayami__inner .nayami__box p .naminami {
          text-decoration: underline wavy #F8EF36;
          -webkit-text-decoration: underline wavy #F8EF36; }
  #main #nayamiArea .nayami__inner02 {
    position: relative;
    top: -30px; }
    #main #nayamiArea .nayami__inner02 h3 {
      text-align: center;
      margin: 0 0 15px;
      font-size: 24px;
      font-weight: 700;
      font-family: "M+ 1c bold", sans-serif; }
    #main #nayamiArea .nayami__inner02 .nayamiImg {
      margin: 0 auto;
      text-align: center;
      display: block; }
    #main #nayamiArea .nayami__inner02 .nayamiImg02 {
      margin: 0 auto 20px;
      text-align: center; }
    #main #nayamiArea .nayami__inner02 .nayami__wrap02 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      position: relative;
      gap: 0 15px; }
      #main #nayamiArea .nayami__inner02 .nayami__wrap02::after {
        position: absolute;
        content: "";
        width: 200px;
        height: 150px;
        background: url("../images/onayami06.svg") no-repeat;
        background-position: center;
        background-size: 200px;
        bottom: -120px;
        left: 50%;
        transform: translateX(-50%); }
      #main #nayamiArea .nayami__inner02 .nayami__wrap02 .nayami__col {
        margin-bottom: 10px;
        padding-bottom: 100%;
        position: relative;
        overflow: hidden;
        border-radius: 8px; }
        #main #nayamiArea .nayami__inner02 .nayami__wrap02 .nayami__col img {
          border-radius: 8px;
          position: absolute;
          width: 100%;
          height: 100%;
          object-fit: cover; }
    #main #nayamiArea .nayami__inner02 .onayamiimgsp {
      border-radius: 8px;
      margin-bottom: 10px; }
    #main #nayamiArea .nayami__inner02 .nayamiText {
      font-size: 18px;
      font-weight: 700;
      text-align: center;
      margin: 0;
      font-family: "M+ 1c bold", sans-serif; }
    #main #nayamiArea .nayami__inner02 .kaiketsuImg {
      max-width: 345px;
      margin: 30px auto 0; }
  #main #nayamiArea .kaiketsuImgArrowsp {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 85%;
    z-index: -2;
    top: 310px; }
#main #BusinessArea {
  background: #FFFDD8;
  padding: 166px 0 60px; }
  #main #BusinessArea h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 30px;
    font-weight: 500;
    font-family: 'M+ 1c medium'; }
    #main #BusinessArea h2 span {
      font-weight: 500;
      font-family: 'M+ 1c medium';
      display: inline;
      background: linear-gradient(transparent 60%, #FFF100 60%); }
  #main #BusinessArea h3 {
    font-size: 20px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    text-align: center;
    position: relative;
    margin: 0 0 20px; }
    #main #BusinessArea h3::before {
      position: absolute;
      content: "";
      width: 26px;
      height: 30px;
      background: url("../images/business_icon.svg") no-repeat;
      background-position: center;
      background-size: 26px;
      display: block;
      left: 50%;
      transform: translateX(-50%);
      top: -30px; }
    #main #BusinessArea h3.bsicon_none::before {
      display: none; }
  #main #BusinessArea .bs_txt {
    color: #DC010B;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    margin: 0;
    text-align: center; }
  #main #BusinessArea .business_txt {
    position: relative;
    z-index: 1;
    width: 345px;
    height: 80px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    padding-left: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px; }
    #main #BusinessArea .business_txt::before {
      position: absolute;
      content: "";
      background: url("../images/business.svg") no-repeat;
      background-size: 33px;
      background-position: center;
      width: 33px;
      height: 42px;
      display: block;
      left: 20px;
      top: 50%;
      transform: translateY(-50%); }
    #main #BusinessArea .business_txt::after {
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: skewX(-16deg);
      content: "";
      background-color: #26303E; }
  #main #BusinessArea .bstxt {
    font-size: 16px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    text-align: center;
    margin: 0 0 30px; }
  #main #BusinessArea .BusinessWrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-columns-gap: 0px;
    margin-bottom: 40px; }
    #main #BusinessArea .BusinessWrap .Businesscol {
      background: #fff;
      padding: 40px 0 40px;
      margin: 0 auto;
      text-align: center;
      width: 100%;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px; }
      #main #BusinessArea .BusinessWrap .Businesscol img {
        margin-bottom: 15px;
        max-width: 200px; }
      #main #BusinessArea .BusinessWrap .Businesscol span {
        position: absolute;
        font-size: 36px;
        font-weight: 500;
        font-family: 'M+ 1c medium';
        color: #00B4E8;
        top: -25px;
        left: 40px;
        display: block; }
      #main #BusinessArea .BusinessWrap .Businesscol p {
        font-size: 16px;
        font-weight: 500;
        font-family: 'M+ 1c medium';
        margin: 0; }
      #main #BusinessArea .BusinessWrap .Businesscol .bstxt02 {
        font-size: 14px;
        font-weight: 500;
        font-family: 'M+ 1c medium';
        margin: 0;
        color: #00B4E8; }
  #main #BusinessArea .Business__inner {
    background: #26303E;
    margin-bottom: 70px;
    padding: 15px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    #main #BusinessArea .Business__inner::before {
      display: none; }
    #main #BusinessArea .Business__inner .Business__tll {
      font-size: 16px;
      font-weight: 500;
      font-family: 'M+ 1c medium';
      color: #fff;
      text-align: center;
      margin: 10px 0 0; }
      #main #BusinessArea .Business__inner .Business__tll .businesstxticon, #main #BusinessArea .Business__inner .Business__tll .businesstxticon02 {
        display: none; }
  #main #BusinessArea .Business__inner02 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    grid-columns-gap: 0px; }
    #main #BusinessArea .Business__inner02 .Businesscol02 {
      margin-bottom: 20px;
      background: #fff;
      padding: 20px 12px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center; }
      #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox {
        max-width: 80px;
        flex-basis: 80px;
        display: flex;
        justify-content: center; }
        #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox img {
          max-width: 70px; }
      #main #BusinessArea .Business__inner02 .Businesscol02 .Businesstxtbox {
        max-width: calc(100% - 100px);
        flex-basis: calc(100% - 100px); }
        #main #BusinessArea .Business__inner02 .Businesscol02 .Businesstxtbox p {
          font-size: 16px;
          font-weight: 500;
          font-family: 'M+ 1c medium';
          text-align: left;
          margin: 0; }
#main .bnrArea {
  padding: 80px 0 60px;
  z-index: 0; }
  #main .bnrArea.bnrArea02 {
    padding: 110px 0 90px; }
  #main .bnrArea .bnr_inner {
    background: #26303E;
    color: #fff;
    border-radius: 32px 0 32px 0;
    position: relative;
    padding: 40px 20px 180px; }
    #main .bnrArea .bnr_inner::after {
      position: absolute;
      content: "";
      width: 214px;
      height: 122px;
      background: url("../images/cta_img02.svg") no-repeat;
      background-position: center;
      background-size: 214px;
      display: block;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
    #main .bnrArea .bnr_inner span {
      position: absolute;
      width: 300px;
      height: 40px;
      border: #26303E solid 4px;
      background: #FFF100;
      border-radius: 25px;
      font-size: 20px;
      font-weight: 700;
      font-family: "M+ 1c bold", sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      left: 50%;
      transform: translateX(-50%);
      top: -25px;
      color: #26303E; }
    #main .bnrArea .bnr_inner img {
      margin-bottom: 20px; }
    #main .bnrArea .bnr_inner h2 {
      font-size: 32px;
      font-weight: 700;
      font-family: "M+ 1c bold", sans-serif;
      margin: 0 0 5px; }
    #main .bnrArea .bnr_inner p {
      font-size: 14px;
      font-weight: 400;
      font-family: 'M+ 1c regular';
      margin: 0; }
    #main .bnrArea .bnr_inner .btnWrap {
      display: flex;
      justify-content: center; }
#main #supportArea {
  background: #00B4E8;
  padding: 60px 0;
  color: #fff; }
  #main #supportArea h2 {
    font-size: 28px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 30px; }
  #main #supportArea p {
    font-size: 18px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 30px;
    text-align: center; }
  #main #supportArea .support_scrollbox {
    position: relative; }
    #main #supportArea .support_scrollbox::before {
      position: absolute;
      content: "";
      width: 60px;
      height: 60px;
      display: block;
      background: url("../images/scroll_icon.svg") no-repeat;
      background-position: center;
      background-size: 60px;
      top: 0;
      left: 0;
      z-index: 1; }
  #main #supportArea .support_scroll {
    overflow-x: auto;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch; }
    #main #supportArea .support_scroll img {
      max-width: 100%;
      min-width: 640px;
      vertical-align: top; }
#main #introductionArea {
  background: #26303E;
  padding: 60px 0; }
  #main #introductionArea h2 {
    font-size: 28px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 30px;
    color: #fff; }
  #main #introductionArea .introduction__inner {
    background: #fff;
    padding: 30px 10px; }
  #main #introductionArea .introductionwrap {
    margin-bottom: 0; }
  #main #introductionArea .introductionbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 25px; }
    #main #introductionArea .introductionbox .introductionimgbox {
      max-width: 105px;
      flex-basis: 105px; }
      #main #introductionArea .introductionbox .introductionimgbox p {
        font-size: 14px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif;
        text-align: center;
        line-height: 1.2; }
        #main #introductionArea .introductionbox .introductionimgbox p span {
          font-size: 10px; }
    #main #introductionArea .introductionbox .introductiontxtbox {
      max-width: calc(100% - 115px);
      flex-basis: calc(100% - 115px); }
      #main #introductionArea .introductionbox .introductiontxtbox img {
        margin-bottom: 12px; }
      #main #introductionArea .introductionbox .introductiontxtbox h3 {
        font-size: 12px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif;
        margin: 0 0 12px; }
      #main #introductionArea .introductionbox .introductiontxtbox p {
        font-size: 12px;
        font-weight: 400;
        font-family: 'M+ 1c regular';
        margin: 0; }
#main #implementationArea {
  background: #F5F5F5;
  padding: 60px 0; }
  #main #implementationArea h2 {
    font-size: 22px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 53px; }
  #main #implementationArea h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    text-align: center; }
  #main #implementationArea h4 {
    font-size: 16px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    text-align: center;
    margin: 0 0 10px; }
  #main #implementationArea .implementation__txt02 {
    background: #F5F5F5;
    padding: 10px;
    text-align: center; }
  #main #implementationArea .implementationtll {
    width: 90%;
    height: 40px;
    background-color: #6EC1E4;
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px; }
    #main #implementationArea .implementationtll::after {
      content: "";
      position: absolute;
      right: -38px;
      border-left: 29px solid #6EC1E4;
      border-top: 19px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 22px solid transparent; }
    #main #implementationArea .implementationtll.implementationtll02 {
      background: #00B4E8; }
      #main #implementationArea .implementationtll.implementationtll02::after {
        border-left: 29px solid #00B4E8; }
    #main #implementationArea .implementationtll.implementationtll03 {
      background: #26303E; }
      #main #implementationArea .implementationtll.implementationtll03::after {
        border-left: 29px solid #26303E; }
  #main #implementationArea .implementation_img {
    text-align: center;
    margin: 0 auto 17px;
    display: block;
    max-width: 200px; }
  #main #implementationArea .implementation_img02sp {
    text-align: center;
    margin: 0 auto 38px;
    display: block; }
  #main #implementationArea .implementation_img02pc {
    text-align: center;
    margin: 0 auto 38px;
    display: none; }
  #main #implementationArea .implementation__box {
    padding: 40px 20px;
    background: #fff;
    position: relative;
    margin-bottom: 85px; }
    #main #implementationArea .implementation__box.implementation__box02 {
      margin-bottom: 0; }
  #main #implementationArea .implementation__txt {
    top: -25px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 230px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px 0 50px; }
    #main #implementationArea .implementation__txt::before {
      position: absolute;
      content: "";
      background: url("../images/business.svg") no-repeat;
      background-size: 33px;
      background-position: center;
      width: 33px;
      height: 42px;
      display: block;
      left: 15px;
      top: 50%;
      transform: translateY(-50%); }
    #main #implementationArea .implementation__txt::after {
      position: absolute;
      z-index: -1;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      transform: skewX(-20deg);
      content: "";
      background-color: #26303E; }
  #main #implementationArea .balloon01 {
    position: relative;
    display: block;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    width: 120px;
    height: 36px;
    text-align: center;
    background: #00B4E8;
    border-radius: 8px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    margin: 0; }
    #main #implementationArea .balloon01.balloon02 {
      width: 200px; }
    #main #implementationArea .balloon01::before {
      content: "";
      position: absolute;
      bottom: -21px;
      left: 50%;
      margin-left: -12px;
      border: 9px solid transparent;
      border-top: 14px solid #00B4E8;
      z-index: 0; }
  #main #implementationArea .implementation__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    #main #implementationArea .implementation__inner .implementation__col {
      max-width: 60px;
      flex-basis: 60px;
      margin-bottom: 10px; }
      #main #implementationArea .implementation__inner .implementation__col img {
        margin-bottom: 0; }
    #main #implementationArea .implementation__inner .implementation__col02 {
      max-width: calc(100% - 71px);
      flex-basis: calc(100% - 71px); }
      #main #implementationArea .implementation__inner .implementation__col02 p {
        font-size: 16px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif;
        margin: 0;
        line-height: 1.2; }
        #main #implementationArea .implementation__inner .implementation__col02 p .implementation_fs14 {
          font-size: 14px; }
        #main #implementationArea .implementation__inner .implementation__col02 p .implementation_fs12 {
          font-size: 12px;
          font-weight: 400;
          font-family: 'M+ 1c regular'; }
  #main #implementationArea .implementation__txtbox {
    background: #F5F5F5;
    padding: 20px 30px 20px 15px;
    margin-bottom: 20px; }
    #main #implementationArea .implementation__txtbox .iconList li {
      font-size: 14px; }
    #main #implementationArea .implementation__txtbox.implementation__txtbox02 {
      height: 180px; }
  #main #implementationArea .implementationWrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    #main #implementationArea .implementationWrap .implementationcol03 {
      max-width: 100%;
      flex-basis: 100%; }
  #main #implementationArea .implementation__subtll {
    background: #26303E;
    font-size: 18px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    color: #FFFFFF;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 20px; }
  #main #implementationArea .ilbox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 15px; }
    #main #implementationArea .ilbox .ilcol {
      padding-bottom: 100%;
      position: relative;
      overflow: hidden;
      border-radius: 4px; }
      #main #implementationArea .ilbox .ilcol img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px; }
#main #scheduleArea {
  background: #00B4E8;
  padding: 60px 0; }
  #main #scheduleArea h2 {
    font-size: 28px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 34px; }
  #main #scheduleArea h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    margin: 0 0 30px;
    text-align: center; }
  #main #scheduleArea .schedule__inner {
    background: #fff;
    padding: 40px 20px; }
  #main #scheduleArea .scheduledayWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; }
    #main #scheduleArea .scheduledayWrap .scheduledaycol {
      max-width: 100%;
      flex-basis: 100%;
      margin-bottom: 10px; }
      #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox {
        max-width: 100%;
        flex-basis: 100%;
        margin: 0 auto;
        display: block;
        text-align: center; }
      #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 {
        display: block;
        max-width: 100%;
        flex-basis: 100%; }
        #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 .day03 {
          font-size: 38px;
          font-weight: 800;
          margin: 0;
          line-height: 1.2;
          font-family: "Noto Sans JP", sans-serif; }
          #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 .day03 .day01 {
            font-size: 18px; }
  #main #scheduleArea .implementation__subtll {
    background: #26303E;
    font-size: 22px;
    font-weight: 500;
    font-family: 'M+ 1c medium';
    color: #FFFFFF;
    padding: 8px 0;
    text-align: center;
    margin-bottom: 17px; }
  #main #scheduleArea .scheduletxt {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    font-family: "M+ 1c bold", sans-serif; }
  #main #scheduleArea .scheduletxt02 {
    background: #F5F5F5;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    padding: 15px 30px;
    margin: 0;
    text-align: center; }
  #main #scheduleArea .sd_txt {
    margin: 0 0 25px;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    text-align: center; }
    #main #scheduleArea .sd_txt span {
      font-size: 16px;
      font-weight: 400;
      font-family: 'M+ 1c regular'; }
#main #faqArea {
  margin-top: -80px;
  padding-top: 80px; }
  #main #faqArea .bg {
    padding: 60px 0;
    background-color: #FFFAF5; }
  #main #faqArea h2 {
    background: url("../images/faq_icon.svg") no-repeat top center;
    padding-top: 40px;
    margin-bottom: 30px; }
  #main #faqArea .toggleWrap {
    margin: 0; }
    #main #faqArea .toggleWrap dl.qa {
      padding: 0;
      margin: 0;
      position: relative; }
    #main #faqArea .toggleWrap dt {
      padding: 16px 50px;
      position: relative;
      color: #ffffff;
      border-radius: 4px;
      min-height: 60px;
      font-size: 18px;
      display: flex;
      align-items: center;
      background-color: #333333; }
      #main #faqArea .toggleWrap dt:before {
        content: 'Q';
        position: absolute;
        top: 8px;
        left: 20px;
        font-size: 26px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif; }
@-moz-document url-prefix() {
  #main #faqArea .toggleWrap dt:before {
    font-weight: 500;
    font-family: 'M+ 1c medium'; } }
      #main #faqArea .toggleWrap dt::after {
        content: '';
        background: url("../images/faq_icon3.svg") no-repeat center center;
        background-size: 20px auto;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px; }
      #main #faqArea .toggleWrap dt:hover, #main #faqArea .toggleWrap dt:focus {
        cursor: pointer; }
      #main #faqArea .toggleWrap dt.active::after {
        background: url("../images/faq_icon2.svg") no-repeat center center;
        background-size: 20px auto;
        height: 4px;
        top: 28px; }
    #main #faqArea .toggleWrap dd {
      padding: 15px 0 0;
      margin: 0;
      position: relative;
      display: none;
      font-size: 16px;
      margin-bottom: 0;
      font-weight: 500;
      font-family: 'M+ 1c medium'; }
      #main #faqArea .toggleWrap dd + dt {
        margin-top: 30px; }
#main .btnWrap {
  margin: 30px 0 0;
  position: relative;
  text-align: left;
  z-index: 1; }
  #main .btnWrap .mouseover {
    width: 290px;
    height: 70px;
    border-radius: 40px;
    background-image: linear-gradient(90deg, #F3990E, #ED263E);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    margin: 0 auto; }
    #main .btnWrap .mouseover::before {
      position: absolute;
      content: "";
      background: url("../images/icon-mail.svg") no-repeat;
      background-size: 21px;
      background-position: center;
      width: 21px;
      height: 16px;
      display: block;
      left: 25px;
      top: 50%;
      transform: translateY(-50%); }
    #main .btnWrap .mouseover::after {
      position: absolute;
      content: "";
      background: url("../images/arrow-right.svg") no-repeat;
      background-size: 12px;
      background-position: center;
      width: 12px;
      height: 12px;
      display: block;
      right: 35px;
      top: 50%;
      transform: translateY(-50%); }
    @media print, screen and (min-width: 768px) {
      #main .btnWrap .mouseover:hover, #main .btnWrap .mouseover:focus {
        background-image: linear-gradient(90deg, #ED263E, #F3990E); } }
@media print, screen and (min-width: 768px) {
  #main .btnWrap .mouseover {
    width: 340px; }
  #main .mainImgWrap {
    background: url("../images/fv_bg_pc.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 0;
    margin-top: 80px; }
    #main .mainImgWrap .mainImgWrap_top {
      font-size: 16px; }
    #main .mainImgWrap .inner {
      height: 680px;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0; }
      #main .mainImgWrap .inner .mainText {
        width: calc(100% - 15px);
        margin: 0 0 30px; }
      #main .mainImgWrap .inner .mainImgBox.textBox {
        max-width: calc(100% - 57%);
        flex-basis: calc(100% - 57%);
        width: 100%;
        display: block; }
      #main .mainImgWrap .inner .mainImgBox.imgBox {
        max-width: 55%;
        flex-basis: 55%;
        width: 100%; }
        #main .mainImgWrap .inner .mainImgBox.imgBox .swiperWrap {
          border-radius: 50%;
          position: relative;
          width: 98%; }
          #main .mainImgWrap .inner .mainImgBox.imgBox .swiperWrap .swiper_icon {
            position: absolute;
            top: -10px;
            left: -10px;
            z-index: 2;
            transform: translateY(0%); }
          #main .mainImgWrap .inner .mainImgBox.imgBox .swiperWrap .swiper-container {
            border-radius: 50%; }
            #main .mainImgWrap .inner .mainImgBox.imgBox .swiperWrap .swiper-container .swiper-wrapper .swiper-slide .slideimgbox {
              width: 100%;
              padding-bottom: 100%;
              position: relative;
              overflow: hidden;
              border-radius: 50%; }
              #main .mainImgWrap .inner .mainImgBox.imgBox .swiperWrap .swiper-container .swiper-wrapper .swiper-slide .slideimgbox img {
                position: absolute;
                width: 100%;
                border-radius: 50%;
                height: 100%;
                object-fit: cover; }
  #main #nayamiArea {
    padding: 60px 0 0;
    position: relative; }
    #main #nayamiArea::before {
      position: absolute;
      content: "";
      top: 0;
      right: 0;
      width: 90%;
      border-radius: 0 0 0 32px;
      background: #26303E;
      height: 333px;
      display: block; }
    #main #nayamiArea .nayami__inner {
      margin-bottom: 68px; }
      #main #nayamiArea .nayami__inner h2 {
        font-size: 28px;
        text-align: left; }
        #main #nayamiArea .nayami__inner h2 .yellowText {
          font-size: 22px; }
      #main #nayamiArea .nayami__inner .nayami__box {
        padding: 24px 85px; }
        #main #nayamiArea .nayami__inner .nayami__box::before {
          width: 175px;
          height: 202px;
          display: block;
          background: url("../images/nayami02.svg") no-repeat;
          background-position: center;
          background-size: 175px;
          top: 30px;
          left: -40px; }
        #main #nayamiArea .nayami__inner .nayami__box p {
          font-size: 16px; }
      #main #nayamiArea .nayami__inner .cntImg {
        margin-bottom: 30px; }
      #main #nayamiArea .nayami__inner .spDisp {
        display: none; }
    #main #nayamiArea .nayami__inner02 {
      position: relative;
      top: -30px; }
      #main #nayamiArea .nayami__inner02 h3 {
        font-size: 28px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif;
        text-align: center;
        margin: 0 0 33px; }
      #main #nayamiArea .nayami__inner02 .nayamiImg {
        margin: 0 auto;
        text-align: center;
        display: block; }
      #main #nayamiArea .nayami__inner02 .nayami__wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 65px; }
        #main #nayamiArea .nayami__inner02 .nayami__wrap::after {
          position: absolute;
          content: "";
          width: 240px;
          height: 177px;
          background-size: 240px;
          bottom: -120px;
          left: 50%;
          transform: translateX(-50%);
          background: url("../images/onayami06.svg") no-repeat;
          background-position: center;
          background-size: 240px; }
        #main #nayamiArea .nayami__inner02 .nayami__wrap .nayami__col {
          padding-bottom: 60%; }
          #main #nayamiArea .nayami__inner02 .nayami__wrap .nayami__col img {
            border-radius: 8px; }
      #main #nayamiArea .nayami__inner02 .nayamiText {
        font-size: 24px;
        font-weight: 700;
        font-family: "M+ 1c bold", sans-serif;
        text-align: center;
        display: block;
        margin: 0 auto; }
      #main #nayamiArea .nayami__inner02 .kaiketsuImg {
        max-width: 100%; }
      #main #nayamiArea .nayami__inner02 .kaiketsuImgArrowpc {
        position: absolute;
        width: auto;
        height: 834px;
        bottom: -130px;
        top: auto;
        z-index: -2;
        left: 50%; }
  #main #BusinessArea {
    padding: 166px 0 90px; }
    #main #BusinessArea h2 {
      font-size: 28px; }
    #main #BusinessArea h3 {
      font-size: 22px; }
      #main #BusinessArea h3.bsicon_none {
        margin-bottom: 10px; }
    #main #BusinessArea .business_txt {
      position: relative;
      z-index: 1;
      width: 700px;
      height: 82px;
      font-size: 20px;
      padding-left: 40px;
      padding-top: 0; }
      #main #BusinessArea .business_txt::before {
        background: url("../images/business.svg") no-repeat;
        background-size: 45px;
        width: 45px;
        height: 42px;
        display: block;
        left: 48px;
        top: 50%;
        transform: translateY(-50%); }
      #main #BusinessArea .business_txt::after {
        transform: skewX(-30deg); }
    #main #BusinessArea h2 {
      font-size: 28px; }
    #main #BusinessArea .bstxt {
      font-size: 18px;
      margin: 0 0 55px; }
    #main #BusinessArea .BusinessWrap {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      margin-bottom: 40px; }
      #main #BusinessArea .BusinessWrap .Businesscol p {
        font-size: 18px; }
      #main #BusinessArea .BusinessWrap .Businesscol img {
        margin-bottom: 20px;
        max-width: 305px; }
      #main #BusinessArea .BusinessWrap .Businesscol.Businesscol01_2 img {
        max-width: 274px; }
      #main #BusinessArea .BusinessWrap .Businesscol.Businesscol01_3 img {
        max-width: 212px; }
      #main #BusinessArea .BusinessWrap .Businesscol.Businesscol01_3 img {
        max-width: 265px; }
    #main #BusinessArea .Business__inner {
      padding: 35px 200px 30px;
      margin-bottom: 100px; }
      #main #BusinessArea .Business__inner .Business__tll {
        font-size: 18px;
        height: 70px;
        text-align: left;
        margin: 0;
        position: relative; }
        #main #BusinessArea .Business__inner .Business__tll .businesstxticon {
          position: absolute;
          left: -70px;
          display: block; }
        #main #BusinessArea .Business__inner .Business__tll .businesstxticon02 {
          position: absolute;
          right: -70px;
          top: -7px;
          display: block; }
    #main #BusinessArea .Business__inner02 {
      grid-template-columns: repeat(3, 1fr);
      gap: 0 20px;
      margin-bottom: 20px; }
      #main #BusinessArea .Business__inner02 .Businesscol02 {
        margin-bottom: 0;
        padding: 40px 28px 33px;
        max-height: 280px;
        align-content: center; }
        #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox {
          max-width: 100%;
          flex-basis: 100%;
          margin-bottom: 17.5px; }
          #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox img {
            max-width: 136px; }
          #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox.Businessimgbox02 {
            margin-bottom: 21.5px; }
            #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox.Businessimgbox02 img {
              max-width: 210px; }
          #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox.Businessimgbox03 {
            margin-bottom: 21.5px; }
            #main #BusinessArea .Business__inner02 .Businesscol02 .Businessimgbox.Businessimgbox03 img {
              max-width: 251px; }
        #main #BusinessArea .Business__inner02 .Businesscol02 .Businesstxtbox {
          max-width: 100%;
          flex-basis: 100%; }
          #main #BusinessArea .Business__inner02 .Businesscol02 .Businesstxtbox p {
            font-size: 16px;
            font-weight: 500;
            font-family: 'M+ 1c medium';
            text-align: center;
            margin: 0; } }
@media print, screen and (min-width: 992px) {
  #main .mainImgWrap .inner {
    padding: 30px 0 0;
    height: 720px; }
  #main #nayamiArea {
    height: auto;
    position: relative; }
    #main #nayamiArea:before {
      width: calc(100% - 45px); }
    #main #nayamiArea .kaiketsuImgArrowpc {
      height: 834px;
      bottom: -45px;
      top: auto; }
    #main #nayamiArea h2 {
      text-align: left; }
      #main #nayamiArea h2 .yellowText {
        font-size: 22px;
        display: block; }
      #main #nayamiArea h2 br {
        display: none; }
  #main .bnrArea {
    padding: 90px 0; }
    #main .bnrArea .bnr_inner {
      background: #26303E;
      color: #fff;
      border-radius: 32px 0 32px 0;
      padding: 56px 0 45px; }
      #main .bnrArea .bnr_inner::after {
        right: 30px;
        left: auto;
        transform: translateX(0%); }
      #main .bnrArea .bnr_inner span {
        width: 320px;
        height: 50px;
        font-size: 22px; }
      #main .bnrArea .bnr_inner h2 {
        font-size: 43px; }
  #main #supportArea {
    padding: 90px 0; }
    #main #supportArea .support_scrollbox::before {
      display: none; }
  #main #introductionArea {
    padding: 90px 0; }
    #main #introductionArea .introduction__inner {
      padding: 50px 40px; }
    #main #introductionArea .introductionwrap {
      display: flex;
      justify-content: space-between;
      margin-bottom: 60px; }
      #main #introductionArea .introductionwrap.introductionwrap02 {
        margin-bottom: 40px; }
      #main #introductionArea .introductionwrap.introductionwrap03 {
        margin-bottom: 0; }
    #main #introductionArea .introductionbox {
      max-width: 48%;
      flex-basis: 48%;
      margin-bottom: 0; }
      #main #introductionArea .introductionbox .introductionimgbox {
        max-width: 140px;
        flex-basis: 140px; }
        #main #introductionArea .introductionbox .introductionimgbox img {
          margin-bottom: 17px; }
        #main #introductionArea .introductionbox .introductionimgbox p {
          font-size: 18px;
          margin: 0; }
          #main #introductionArea .introductionbox .introductionimgbox p span {
            font-size: 12px; }
      #main #introductionArea .introductionbox .introductiontxtbox {
        max-width: calc(100% - 162px);
        flex-basis: calc(100% - 162px); }
  #main #implementationArea {
    padding: 90px 0; }
    #main #implementationArea h2 {
      font-size: 28px; }
    #main #implementationArea h3 {
      font-size: 22px; }
    #main #implementationArea h4 {
      font-size: 18px; }
    #main #implementationArea .implementation__box {
      padding: 60px 100px; }
    #main #implementationArea .implementation__txt {
      font-size: 20px;
      width: 270px;
      height: 60px; }
    #main #implementationArea .implementation__txtbox {
      margin-bottom: 13px; }
      #main #implementationArea .implementation__txtbox .iconList li {
        font-size: 16px; }
      #main #implementationArea .implementation__txtbox.implementation__txtbox_icon {
        position: relative; }
        #main #implementationArea .implementation__txtbox.implementation__txtbox_icon::before {
          position: absolute;
          content: "";
          width: 141px;
          height: 140px;
          display: block;
          background: url("../images/implementation_icon.png") no-repeat;
          background-size: 141px;
          background-position: center;
          right: 70px;
          top: 75px; }
    #main #implementationArea .implementation_img {
      max-width: 305px; }
    #main #implementationArea .implementation_img02sp {
      text-align: center;
      margin: 0 auto 38px;
      display: none; }
    #main #implementationArea .implementation_img02pc {
      text-align: center;
      margin: 0 auto 38px;
      display: block; }
    #main #implementationArea .implementationWrap .implementationcol03 {
      max-width: 48.5%;
      flex-basis: 48.5%; }
    #main #implementationArea .implementationtll {
      width: 97%; }
      #main #implementationArea .implementationtll.implementationtll_icon {
        position: relative; }
        #main #implementationArea .implementationtll.implementationtll_icon::before {
          position: absolute;
          content: "";
          width: 155px;
          height: 110px;
          display: block;
          background: url("../images/onayami06.svg") no-repeat;
          background-size: 155px;
          background-position: center;
          right: 15px;
          top: 5px; }
    #main #implementationArea .implementation__inner .implementation__col02 p {
      font-size: 18px; }
      #main #implementationArea .implementation__inner .implementation__col02 p span {
        font-size: 14px; }
    #main #implementationArea .ilbox {
      gap: 0 40px; }
      #main #implementationArea .ilbox .ilcol {
        padding-bottom: 60%; }
  #main #scheduleArea {
    padding: 90px 0; }
    #main #scheduleArea .schedule__inner {
      padding: 40px 100px 60px; }
    #main #scheduleArea .scheduledayWrap .scheduledaycol {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox {
        max-width: 100px;
        flex-basis: 100px; }
      #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 {
        max-width: calc(100% - 120px);
        flex-basis: calc(100% - 120px);
        display: block; }
        #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 .day03 {
          font-size: 48px; }
          #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 .day03 .day01 {
            font-size: 20px; }
        #main #scheduleArea .scheduledayWrap .scheduledaycol .scheduledaybox02 .day02 {
          font-size: 16px; }
    #main #scheduleArea .sd_txt {
      font-size: 22px; }
      #main #scheduleArea .sd_txt span {
        font-size: 18px; }
  #main #faqArea {
    margin-top: -110px;
    padding-top: 110px; }
    #main #faqArea .bg {
      padding: 90px 0;
      background-color: #FFFAF5; }
    #main #faqArea h2 {
      margin-bottom: 40px; }
    #main #faqArea .toggleWrap {
      margin: 0; }
      #main #faqArea .toggleWrap dl.qa {
        padding: 0;
        margin: 0;
        position: relative; }
      #main #faqArea .toggleWrap dt {
        padding: 14px 50px 14px 50px;
        font-size: 20px; }
        #main #faqArea .toggleWrap dt:before {
          top: 8px;
          font-size: 28px; }
  #main .btnWrap .mouseover::before {
    left: 40px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .Business__inner02 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important; } }
.effectFade.effectFirst {
  opacity: 0;
  transition: opacity .3s linear, transform .3s linear; }
.effectFade.effectScale {
  animation: zoomAnimeFirst 1s ease;
  opacity: 0; }
  .effectFade.effectScale.effectActiveFirstScale {
    opacity: 1; }
@keyframes zoomAnimeFirst {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.effectFade.effectFirstScale1 {
  transition-delay: 1s;
  animation-delay: 1s; }
.effectFade.effectFirstScale2 {
  transition-delay: 2s;
  animation-delay: 2s; }
.effectFade.effectFirstIllust {
  opacity: 0;
  transition: opacity .4s linear, transform .8s linear;
  animation: firstAnimeIllust 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
  transition-delay: 1s;
  animation-delay: 1s; }
@keyframes firstAnimeIllust {
  0% {
    transform: translate(0, 140px);
    opacity: 0; }
  50% {
    transform: translate(0, 0); }
  65% {
    transform: translate(0, 30px); }
  100% {
    transform: translate(0, 0); }
  20%,100% {
    opacity: 1; } }
  .effectFade.effectFirstIllust.effectActiveFirstIllust {
    opacity: 1; }
  @media print, screen and (min-width: 768px) {
    @keyframes firstAnimeIllust {
      0% {
        transform: translate(-50%, 140px);
        opacity: 0; }
      50% {
        transform: translate(-50%, 0); }
      65% {
        transform: translate(-50%, 30px); }
      100% {
        transform: translate(-50%, 0); }
      20%,100% {
        opacity: 1; } }
    .effectFade.effectFirstIllust.effectActiveFirstIllust {
      opacity: 1;
      transform: translateX(-50%); } }
.effectFade.effectFadeUp {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s linear, transform .5s linear; }
.effectFade.effectFadeDown {
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity .8s ease-out, transform .5s ease-out; }
  .effectFade.effectFadeDown.kaiketsuImgArrow {
    transform: translate(-50%, -100px); }
    .effectFade.effectFadeDown.kaiketsuImgArrow.kaiketsuImgActive {
      transform: translate(-50%, 0);
      transition-delay: 2s; }
.effectFade.effectRight {
  opacity: 0;
  transform: translateX(20px);
  transition: opacity .5s linear, transform .5s linear; }
.effectFade.effectLeft {
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity .5s linear, transform .5s linear; }
.effectFade.effectActive {
  opacity: 1;
  transform: translate(0, 0); }
  .effectFade.effectActive.fukidashiAnime {
    animation: balloonAnime 2.5s linear 1;
    transform: translate(-50%, 0); }
@keyframes balloonAnime {
  0%, 7% {
    transform: translateX(-50%) rotateZ(0); }
  15% {
    transform: translateX(-50%) rotateZ(-10deg); }
  20% {
    transform: translateX(-50%) rotateZ(5deg); }
  25% {
    transform: translateX(-50%) rotateZ(-5deg); }
  30% {
    transform: translateX(-50%) rotateZ(3deg); }
  35% {
    transform: translateX(-50%) rotateZ(-2deg); }
  40%, 100% {
    transform: translateX(-50%) rotateZ(0); } }
.effectFade.td1 {
  transition-delay: 0.1s; }
.effectFade.td2 {
  transition-delay: 0.2s; }
.effectFade.td3 {
  transition-delay: 0.3s; }
.effectFade.td4 {
  transition-delay: 0.4s; }
.effectFade.td5 {
  transition-delay: 0.5s; }
.effectFade.td6 {
  transition-delay: 0.6s; }
.effectFade.td7 {
  transition-delay: 0.7s; }
.effectFade.td8 {
  transition-delay: 0.8s; }
.effectFade.td9 {
  transition-delay: 0.9s; }
.effectFade.td10 {
  transition-delay: 1s; }
.effectFade.td11 {
  transition-delay: 1.1s; }

/* ---------------------------------------------------------------- */
/* SPフローティングバナー */
/* ---------------------------------------------------------------- */
#floatingBox {
  display: block;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 340px;
  height: 70px;
  z-index: 999;
  background-image: linear-gradient(90deg, #ED263E, #F3990E);
  border: #fff solid 2px;
  border-radius: 40px 40px 0 0; }
  #floatingBox .mouseover {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: "M+ 1c bold", sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    position: relative; }
    #floatingBox .mouseover::before {
      position: absolute;
      content: "";
      background: url("../images/icon-mail.svg") no-repeat;
      background-size: 21px;
      background-position: center;
      width: 21px;
      height: 16px;
      display: block;
      left: 40px;
      top: 50%;
      transform: translateY(-50%); }
    #floatingBox .mouseover::after {
      position: absolute;
      content: "";
      background: url("../images/arrow-right.svg") no-repeat;
      background-size: 12px;
      background-position: center;
      width: 12px;
      height: 12px;
      display: block;
      right: 35px;
      top: 50%;
      transform: translateY(-50%); }
  @media print, screen and (min-width: 768px) {
    #floatingBox {
      display: none; } }

/* ---------------------------------------------------------------- */
/* PCフローティングバナー */
/* ---------------------------------------------------------------- */
#floatingbanner {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 3;
  display: none; }
  #floatingbanner a {
    width: 100%;
    height: 100%;
    display: block; }

@media print, screen and (min-width: 768px) {
  #floatingbanner {
    display: block; } }