@charset "UTF-8";
#leaveittome h2, #voice h2, #service h2, #about h2 {
  display: flex;
  align-items: center;
  background-color: #f79729;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  padding: 10px 30px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
#leaveittome h2::before, #voice h2::before, #service h2::before, #about h2::before {
  content: "";
  width: 8px;
  height: 40px;
  background-color: #fff;
}
@media (max-width: 999px) {
  #leaveittome h2, #voice h2, #service h2, #about h2 {
    font-size: 18px;
    padding: 10px 20px;
  }
  #leaveittome h2::before, #voice h2::before, #service h2::before, #about h2::before {
    height: 35px;
  }
}
@media (max-width: 767px) {
  #leaveittome h2, #voice h2, #service h2, #about h2 {
    font-size: 16px;
    padding: 10px;
  }
  #leaveittome h2::before, #voice h2::before, #service h2::before, #about h2::before {
    height: 30px;
    width: 6px;
  }
}

#selecter .map .HTMLBlock {
  height: 100%;
}

/* ----------------------------------------------
mainimg
------------------------------------------------- */
#mainimg {
  margin-bottom: 60px;
  position: relative;
  padding: 37px 0 75px;
}
#mainimg .image {
  max-width: 1400px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
#mainimg .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#mainimg .image img,
#mainimg .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#mainimg .top {
  /* padding: 75px 0;
  //background: url(../images/mainbg.webp)no-repeat center/cover;

  position: relative;
  &::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: url(../images/mainbg.webp)no-repeat center/cover;
  }
  .contents{
    @include contSize(false);
    max-width: 1200px;
    padding-bottom: 10px;
    //background-color: rgba(#fff,0.87);

    position: relative;
    &::before{
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -2;
      background-color: rgba(#fff,0.87);
    }
    &::after{
      content: "";
      position: absolute;
      right: perCalc(24,1200);
      bottom: 20px;
      width: 363px;
      aspect-ratio: 363/347;
      background: url(../images/shape6.webp)no-repeat center/cover;
      z-index: -2;
    }
    .coment{
      @include fontshin(700);
      font-size: 50px;
      line-height: 1.6;
      letter-spacing: 0.08em;
      color: #ff1112;
      //text-shadow: 0 0 6px #fff100, 0 0 6px #fff100, 0 0 6px #fff100;
      text-shadow: rgb(255, 241, 0) 6px 0px 0px, rgb(255, 241, 0) 5.91686px 0.995377px 0px, rgb(255, 241, 0) 5.66974px 1.96317px 0px, rgb(255, 241, 0) 5.2655px 2.87655px 0px, rgb(255, 241, 0) 4.71532px 3.71022px 0px, rgb(255, 241, 0) 4.03447px 4.44106px 0px, rgb(255, 241, 0) 3.24181px 5.04883px 0px, rgb(255, 241, 0) 2.35931px 5.51667px 0px, rgb(255, 241, 0) 1.41143px 5.83163px 0px, rgb(255, 241, 0) 0.424423px 5.98497px 0px, rgb(255, 241, 0) -0.574341px 5.97245px 0px, rgb(255, 241, 0) -1.55719px 5.79441px 0px, rgb(255, 241, 0) -2.49688px 5.45578px 0px, rgb(255, 241, 0) -3.36738px 4.96596px 0px, rgb(255, 241, 0) -4.14455px 4.33852px 0px, rgb(255, 241, 0) -4.80686px 3.59083px 0px, rgb(255, 241, 0) -5.33596px 2.74364px 0px, rgb(255, 241, 0) -5.71718px 1.8204px 0px, rgb(255, 241, 0) -5.93995px 0.84672px 0px, rgb(255, 241, 0) -5.99811px -0.150428px 0px, rgb(255, 241, 0) -5.89004px -1.14341px 0px, rgb(255, 241, 0) -5.61874px -2.1047px 0px, rgb(255, 241, 0) -5.19172px -3.00766px 0px, rgb(255, 241, 0) -4.62082px -3.82727px 0px, rgb(255, 241, 0) -3.92186px -4.54081px 0px, rgb(255, 241, 0) -3.11421px -5.12852px 0px, rgb(255, 241, 0) -2.22026px -5.57409px 0px, rgb(255, 241, 0) -1.26477px -5.86518px 0px, rgb(255, 241, 0) -0.274238px -5.99373px 0px, rgb(255, 241, 0) 0.723898px -5.95617px 0px, rgb(255, 241, 0) 1.70197px -5.75355px 0px, rgb(255, 241, 0) 2.63288px -5.39147px 0px, rgb(255, 241, 0) 3.49082px -4.87998px 0px, rgb(255, 241, 0) 4.25202px -4.23324px 0px, rgb(255, 241, 0) 4.89538px -3.46919px 0px, rgb(255, 241, 0) 5.40307px -2.60899px 0px, rgb(255, 241, 0) 5.76102px -1.67649px 0px, rgb(255, 241, 0) 5.95932px -0.697531px 0px;
      display: inline-block;
      position: relative;
      margin-left: -25px;
      padding-bottom: 31px;
      &::before{
        content: "";
        position: absolute;
        bottom: 0;
        left: -23px;
        background: url(../images/shape1.webp)no-repeat center/cover;
        width: calc(100% + 54px);
        aspect-ratio: 486/70;
        z-index: -1;
      }
    }
    .trank{
      @include fontshin(700);
      font-size: 40px;
      line-height: 1.6;
      letter-spacing: 0.05em;
      color: #010000;
      position: absolute;
      top: -10px;
      right: perCalc(30,1200);
      text-align: center;
      .red{
        color: #ff1112;
      }
      .small{
        font-size: 30px;
      }
      p{
        transform: rotate(-9deg);
      }
      &::before{
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 207px;
        aspect-ratio: 207/186;
        background: url(../images/shape4.webp)no-repeat center/cover;
        z-index: -1;
      }
    }
    .content{
      display: flex;
      .character{
        @include fontshin(700);
        font-size: 20px;
        line-height: 1.6;
        letter-spacing: 0.05em;
        color: #f79729;
        //text-shadow: 0 0 2px #010000, 0 0 1px #010000, 0 0 1px #010000;
        text-shadow: rgb(1, 0, 0) 2px 0px 0px, rgb(1, 0, 0) 1.75517px 0.958851px 0px, rgb(1, 0, 0) 1.0806px 1.68294px 0px, rgb(1, 0, 0) 0.141474px 1.99499px 0px, rgb(1, 0, 0) -0.832294px 1.81859px 0px, rgb(1, 0, 0) -1.60229px 1.19694px 0px, rgb(1, 0, 0) -1.97998px 0.28224px 0px, rgb(1, 0, 0) -1.87291px -0.701566px 0px, rgb(1, 0, 0) -1.30729px -1.5136px 0px, rgb(1, 0, 0) -0.421592px -1.95506px 0px, rgb(1, 0, 0) 0.567324px -1.91785px 0px, rgb(1, 0, 0) 1.41734px -1.41108px 0px, rgb(1, 0, 0) 1.92034px -0.558831px 0px;
        writing-mode: vertical-rl;
        margin-left: -17px;
        margin-top: 24px;
        p{
          &:first-child{
            transform: rotate(7deg);
            margin-left: 9px;
            margin-top: 2px;
          }
          &:last-child{
            transform: rotate(-5deg);
            margin-top: 37px;
            margin-right: 10px;
          }
        }
      }
      .txtbox{
        .catch{
          @include fontshin(700);
          font-size: 100px;
          line-height: 1;
          letter-spacing: 0.08em;
          display: inline-block;
          position: relative;
          //-webkit-text-fill-color:transparent;
          //text-shadow: rgb(1, 0, 0) 6px 0px 0px, rgb(1, 0, 0) 5.91686px 0.995377px 0px, rgb(1, 0, 0) 5.66974px 1.96317px 0px, rgb(1, 0, 0) 5.2655px 2.87655px 0px, rgb(1, 0, 0) 4.71532px 3.71022px 0px, rgb(1, 0, 0) 4.03447px 4.44106px 0px, rgb(1, 0, 0) 3.24181px 5.04883px 0px, rgb(1, 0, 0) 2.35931px 5.51667px 0px, rgb(1, 0, 0) 1.41143px 5.83163px 0px, rgb(1, 0, 0) 0.424423px 5.98497px 0px, rgb(1, 0, 0) -0.574341px 5.97245px 0px, rgb(1, 0, 0) -1.55719px 5.79441px 0px, rgb(1, 0, 0) -2.49688px 5.45578px 0px, rgb(1, 0, 0) -3.36738px 4.96596px 0px, rgb(1, 0, 0) -4.14455px 4.33852px 0px, rgb(1, 0, 0) -4.80686px 3.59083px 0px, rgb(1, 0, 0) -5.33596px 2.74364px 0px, rgb(1, 0, 0) -5.71718px 1.8204px 0px, rgb(1, 0, 0) -5.93995px 0.84672px 0px, rgb(1, 0, 0) -5.99811px -0.150428px 0px, rgb(1, 0, 0) -5.89004px -1.14341px 0px, rgb(1, 0, 0) -5.61874px -2.1047px 0px, rgb(1, 0, 0) -5.19172px -3.00766px 0px, rgb(1, 0, 0) -4.62082px -3.82727px 0px, rgb(1, 0, 0) -3.92186px -4.54081px 0px, rgb(1, 0, 0) -3.11421px -5.12852px 0px, rgb(1, 0, 0) -2.22026px -5.57409px 0px, rgb(1, 0, 0) -1.26477px -5.86518px 0px, rgb(1, 0, 0) -0.274238px -5.99373px 0px, rgb(1, 0, 0) 0.723898px -5.95617px 0px, rgb(1, 0, 0) 1.70197px -5.75355px 0px, rgb(1, 0, 0) 2.63288px -5.39147px 0px, rgb(1, 0, 0) 3.49082px -4.87998px 0px, rgb(1, 0, 0) 4.25202px -4.23324px 0px, rgb(1, 0, 0) 4.89538px -3.46919px 0px, rgb(1, 0, 0) 5.40307px -2.60899px 0px, rgb(1, 0, 0) 5.76102px -1.67649px 0px, rgb(1, 0, 0) 5.95932px -0.697531px 0px;
          margin-left: 38px;
          margin-top: -68px;
          margin-bottom: 35px;
          p{
            &:first-child{
              text-shadow: rgb(1, 0, 0) 6px 0px 0px, rgb(1, 0, 0) 5.91686px 0.995377px 0px, rgb(1, 0, 0) 5.66974px 1.96317px 0px, rgb(1, 0, 0) 5.2655px 2.87655px 0px, rgb(1, 0, 0) 4.71532px 3.71022px 0px, rgb(1, 0, 0) 4.03447px 4.44106px 0px, rgb(1, 0, 0) 3.24181px 5.04883px 0px, rgb(1, 0, 0) 2.35931px 5.51667px 0px, rgb(1, 0, 0) 1.41143px 5.83163px 0px, rgb(1, 0, 0) 0.424423px 5.98497px 0px, rgb(1, 0, 0) -0.574341px 5.97245px 0px, rgb(1, 0, 0) -1.55719px 5.79441px 0px, rgb(1, 0, 0) -2.49688px 5.45578px 0px, rgb(1, 0, 0) -3.36738px 4.96596px 0px, rgb(1, 0, 0) -4.14455px 4.33852px 0px, rgb(1, 0, 0) -4.80686px 3.59083px 0px, rgb(1, 0, 0) -5.33596px 2.74364px 0px, rgb(1, 0, 0) -5.71718px 1.8204px 0px, rgb(1, 0, 0) -5.93995px 0.84672px 0px, rgb(1, 0, 0) -5.99811px -0.150428px 0px, rgb(1, 0, 0) -5.89004px -1.14341px 0px, rgb(1, 0, 0) -5.61874px -2.1047px 0px, rgb(1, 0, 0) -5.19172px -3.00766px 0px, rgb(1, 0, 0) -4.62082px -3.82727px 0px, rgb(1, 0, 0) -3.92186px -4.54081px 0px, rgb(1, 0, 0) -3.11421px -5.12852px 0px, rgb(1, 0, 0) -2.22026px -5.57409px 0px, rgb(1, 0, 0) -1.26477px -5.86518px 0px, rgb(1, 0, 0) -0.274238px -5.99373px 0px, rgb(1, 0, 0) 0.723898px -5.95617px 0px, rgb(1, 0, 0) 1.70197px -5.75355px 0px, rgb(1, 0, 0) 2.63288px -5.39147px 0px, rgb(1, 0, 0) 3.49082px -4.87998px 0px, rgb(1, 0, 0) 4.25202px -4.23324px 0px, rgb(1, 0, 0) 4.89538px -3.46919px 0px, rgb(1, 0, 0) 5.40307px -2.60899px 0px, rgb(1, 0, 0) 5.76102px -1.67649px 0px, rgb(1, 0, 0) 5.95932px -0.697531px 0px;
              span{
                position: relative;
                &::before{
                  content: "";
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%,-50%);
                  width: 302px;
                  aspect-ratio: 302/293;
                  background: url(../images/shape2.webp)no-repeat center/cover;
                  z-index: -1;
                }
                &::after{
                  content: "";
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%,-50%);
                  width: 163px;
                  aspect-ratio: 163/192;
                  background: url(../images/shape3.webp)no-repeat center/cover;
                  z-index: -1;
                }
              }
            }
            &:last-child{
              position: absolute;
              top: 0;
              left: 0;
              color: transparent;
              background: linear-gradient(180deg, rgba(250,204,34,1) 0%, rgba(248,54,0,1) 100%);
              -webkit-background-clip: text;
            }
          }
          span{
            font-size: 200px;
          }
        }
        .catch2{
          @include fontshin(700);
          font-size: 40px;
          line-height: 1.6;
          letter-spacing: 0.05em;
          color: #ff1112;
          text-shadow: rgb(1, 0, 0) 4px 0px 0px, rgb(1, 0, 0) 3.87565px 0.989616px 0px, rgb(1, 0, 0) 3.51033px 1.9177px 0px, rgb(1, 0, 0) 2.92676px 2.72656px 0px, rgb(1, 0, 0) 2.16121px 3.36588px 0px, rgb(1, 0, 0) 1.26129px 3.79594px 0px, rgb(1, 0, 0) 0.282949px 3.98998px 0px, rgb(1, 0, 0) -0.712984px 3.93594px 0px, rgb(1, 0, 0) -1.66459px 3.63719px 0px, rgb(1, 0, 0) -2.51269px 3.11229px 0px, rgb(1, 0, 0) -3.20457px 2.39389px 0px, rgb(1, 0, 0) -3.69721px 1.52664px 0px, rgb(1, 0, 0) -3.95997px 0.56448px 0px, rgb(1, 0, 0) -3.97652px -0.432781px 0px, rgb(1, 0, 0) -3.74583px -1.40313px 0px, rgb(1, 0, 0) -3.28224px -2.28625px 0px, rgb(1, 0, 0) -2.61457px -3.02721px 0px, rgb(1, 0, 0) -1.78435px -3.57996px 0px, rgb(1, 0, 0) -0.843183px -3.91012px 0px, rgb(1, 0, 0) 0.150409px -3.99717px 0px, rgb(1, 0, 0) 1.13465px -3.8357px 0px, rgb(1, 0, 0) 2.04834px -3.43574px 0px, rgb(1, 0, 0) 2.83468px -2.82216px 0px, rgb(1, 0, 0) 3.44477px -2.03312px 0px, rgb(1, 0, 0) 3.84068px -1.11766px 0px, rgb(1, 0, 0) 3.9978px -0.132717px 0px;
          display: flex;
          flex-wrap: wrap;
          gap: 5px 45px;
          margin-left: -28px;
          span{
            font-size: 50px;
            color: #fff100;
          }
        }
      }
    }
  } */
}
#mainimg .bottom {
  /*  display: flex;
  justify-content: center;
  align-items: start;
  position: relative;
  overflow: clip;
  padding: 44px 0 49px;
  column-gap: 29px;
  padding-left: 24px;
  &::before,
  &::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  &::before{
    top: 0;
    height: 100%;
    background-color: #007ac0;
  }
  &::after{
    top: 50%;
    transform: translateY(-50%);
    aspect-ratio: 1600/1200;
    min-height: 100%;
    background: url(../images/shape7.webp)no-repeat center/cover;
  }
  .catch{
    @include fontshin(500);
    font-size: 30px;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #fff;
    margin-top: 13px;
    .big{
      font-weight: 700;
      font-size: 75px;
      line-height: 1.1em;
    }
    .yellow{
      color: #fff100;
    }
  }
  .price{
    @include fontshin(700);
    font-size: 100px;
    line-height: 1.6;
    color: #fff100;
    background-color: #010000;
    border-radius: 50%;
    position: relative;
    padding: 20px 39px;
    &::before{
      content: "";
      position: absolute;
      width: 15px;
      aspect-ratio: 15/25;
      background-color: #010000;
      clip-path: polygon(0 0,100% 0,50% 100%);
      left: 34px;
      bottom: 2px;
      transform: rotate(55deg);
    }
    span{
      font-size: 80px;
    }
  } */
}
@media (max-width: 1350px) {
  #mainimg .top {
    /* .contents{
      .coment{
        margin-left: 23px;
      }
      .content{
        .character{
          margin-left: 0;
        }
        .txtbox{
          .catch{
            font-size: 90px;
          }
        }
      }
    } */
  }
  #mainimg .bottom {
    /* column-gap: 20px;
    .image{
      max-width: 180px;
    }
    .catch{
      font-size: 24px;
      .big{
        font-size: 50px;
      }
    }
    .price{
      font-size: 80px;
      padding: 20px 30px;
    } */
  }
}
@media (max-width: 999px) {
  #mainimg {
    margin-bottom: 50px;
    padding: 25px 0 55px;
  }
  #mainimg .top {
    /* padding: 55px 0;
    .contents{
      &::after{
        width: 310px;
      }
      .coment{
        font-size: 40px;
      }
      .trank{
        font-size: 30px;
        .small{
          font-size: 24px;
        }
        &::before{
          width: 180px;
        }
      }
      .content{
        .character{
          font-size: 18px;
          img{
            max-width: 130px;
          }
        }
        .txtbox{
          .catch{
            font-size: 60px;
            margin-top: 0;
            p{
              span{
                font-size: 150px;
              }
              &:first-child{
                span{
                  &::before{
                    width: 230px;
                  }
                  &::after{
                    width: 125px;
                  }
                }
              }
            }
          }
          .catch2{
            font-size: 30px;
            line-height: 1.3;
            span{
              font-size: 40px;
            }
          }
        }
      }
    } */
  }
  #mainimg .bottom {
    /* column-gap: 10px;
    padding: 40px 10px;
    .image{
      max-width: 140px;
    }
    .catch{
      font-size: 18px;
      .big{
        font-size: 38px;
      }
    }
    .price{
      font-size: 60px;
      padding: 10px 20px;
    } */
  }
}
@media (max-width: 767px) {
  #mainimg {
    margin-bottom: 10px;
    padding: 10px 0 40px;
  }
  #mainimg .top {
    /* padding: 40px 0;
    .contents{
      padding: 0 10px 10px;
      &::after{
        width: 280px;
      }
      .coment{
        font-size: 30px;
        padding-bottom: 20px;
        &::before{
          width: calc(100% + 25px);
          left: -15px;
        }
      }
      .trank{
        font-size: 20px;
        right: 0;
        .small{
          font-size: 18px;
        }
        p{
          transform: rotate(-6deg);
        }
        &::before{
          width: 160px;
        }
      }
      .content{
        flex-direction: column;
        row-gap: 30px;
        margin-top: 40px;
        .character{
          font-size: 16px;
          order: 1;
          margin-top: 0;
          img{
            max-width: 110px;
          }
        }
        .txtbox{
          text-align: center;
          .catch{
            font-size: 40px;
            margin-left: 0;
            p{
              span{
                font-size: 100px;
              }
              &:first-child{
                span{
                  &::before{
                    width: 180px;
                  }
                  &::after{
                    width: 110px;
                  }
                }
              }
            }
          }
          .catch2{
            font-size: 24px;
            margin-left: 0;
            justify-content: center;
            span{
              font-size: 30px;
            }
          }
        }
      }
    } */
  }
  #mainimg .bottom {
    /* flex-direction: column;
    align-items: center;
    row-gap: 10px;
    padding: 30px 10px;
    .image{
      max-width: 110px;
    }
    .catch{
      font-size: 16px;
      line-height: 1.6;
      .big{
        font-size: 26px;
      }
    }
    .price{
      font-size: 40px;
      padding: 5px 15px;
    } */
  }
}
@media (max-width: 500px) {
  #mainimg .top {
    /* .contents{
      .coment{
        font-size: 24px;
      }
      .trank{
        display: none;
      }
      .content{
        .txtbox{
          .catch{
            font-size: 30px;
            span{
              font-size: 80px;
            }
          }
          .catch2{
            font-size: 20px;
          }
        }
      }
    } */
  }
}

/* ----------------------------------------------
map
------------------------------------------------- */
#mapcheck {
  margin-bottom: 63px;
  /* イメージマップを重ねるためのスタイル */
  /* グラデーションのオーバーレイ */
  /* マウスオーバー時にオーバーレイを表示 */
}
#mapcheck .inner {
  max-width: 1100px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  background-color: #f9e9c8;
  padding: 58px 0 50px;
}
#mapcheck .head {
  /* writing-mode: vertical-rl;
  @include fontshin(700);
  width: 100%; */
  display: flex;
  justify-content: center;
  -moz-column-gap: 6.6428571429%;
       column-gap: 6.6428571429%;
  /* flex-direction: column;
  justify-content: center; */
  /* position: relative;
  z-index: 1; */
  padding-left: 3.9285714286%;
  margin-bottom: 40px;
  /* .city{
    font-size: 60px;
    color: #010000;
    text-shadow: rgb(255, 255, 255) 8px 0px 0px, rgb(255, 255, 255) 7.93758px 0.997398px 0px, rgb(255, 255, 255) 7.7513px 1.97923px 0px, rgb(255, 255, 255) 7.44406px 2.93018px 0px, rgb(255, 255, 255) 7.02066px 3.8354px 0px, rgb(255, 255, 255) 6.4877px 4.68078px 0px, rgb(255, 255, 255) 5.85351px 5.45311px 0px, rgb(255, 255, 255) 5.12797px 6.14035px 0px, rgb(255, 255, 255) 4.32242px 6.73177px 0px, rgb(255, 255, 255) 3.44941px 7.21814px 0px, rgb(255, 255, 255) 2.52258px 7.59188px 0px, rgb(255, 255, 255) 1.55638px 7.84714px 0px, rgb(255, 255, 255) 0.565898px 7.97996px 0px, rgb(255, 255, 255) -0.433417px 7.98825px 0px, rgb(255, 255, 255) -1.42597px 7.87189px 0px, rgb(255, 255, 255) -2.39627px 7.63269px 0px, rgb(255, 255, 255) -3.32917px 7.27438px 0px, rgb(255, 255, 255) -4.21013px 6.80256px 0px, rgb(255, 255, 255) -5.02539px 6.22459px 0px, rgb(255, 255, 255) -5.76223px 5.54948px 0px, rgb(255, 255, 255) -6.40915px 4.78778px 0px, rgb(255, 255, 255) -6.95606px 3.95136px 0px, rgb(255, 255, 255) -7.39442px 3.05329px 0px, rgb(255, 255, 255) -7.71739px 2.10757px 0px, rgb(255, 255, 255) -7.91994px 1.12896px 0px, rgb(255, 255, 255) -7.9989px 0.132735px 0px, rgb(255, 255, 255) -7.95304px -0.865561px 0px, rgb(255, 255, 255) -7.78307px -1.85035px 0px, rgb(255, 255, 255) -7.49165px -2.80627px 0px, rgb(255, 255, 255) -7.08333px -3.71839px 0px, rgb(255, 255, 255) -6.56448px -4.57249px 0px, rgb(255, 255, 255) -5.94318px -5.35524px 0px, rgb(255, 255, 255) -5.22915px -6.05442px 0px, rgb(255, 255, 255) -4.43352px -6.65912px 0px, rgb(255, 255, 255) -3.5687px -7.15991px 0px, rgb(255, 255, 255) -2.6482px -7.54898px 0px, rgb(255, 255, 255) -1.68637px -7.82024px 0px, rgb(255, 255, 255) -0.698222px -7.96947px 0px, rgb(255, 255, 255) 0.300817px -7.99434px 0px, rgb(255, 255, 255) 1.29516px -7.89446px 0px, rgb(255, 255, 255) 2.2693px -7.67139px 0px, rgb(255, 255, 255) 3.20802px -7.32862px 0px, rgb(255, 255, 255) 4.09668px -6.87148px 0px, rgb(255, 255, 255) 4.92142px -6.30711px 0px, rgb(255, 255, 255) 5.66936px -5.64432px 0px, rgb(255, 255, 255) 6.32883px -4.89346px 0px, rgb(255, 255, 255) 6.88954px -4.06623px 0px, rgb(255, 255, 255) 7.34274px -3.17555px 0px, rgb(255, 255, 255) 7.68136px -2.23532px 0px, rgb(255, 255, 255) 7.90012px -1.26021px 0px, rgb(255, 255, 255) 7.9956px -0.265434px 0px;
    transform: rotate(4deg);
    margin-top: 22px;
    span{
      color: #ff1112;
    }
  }
  .check{
    font-size: 70px;
    color: #fff100;
    text-shadow: rgb(1, 0, 0) 10px 0px 0px, rgb(1, 0, 0) 9.95004px 0.998334px 0px, rgb(1, 0, 0) 9.80067px 1.98669px 0px, rgb(1, 0, 0) 9.55336px 2.9552px 0px, rgb(1, 0, 0) 9.21061px 3.89418px 0px, rgb(1, 0, 0) 8.77583px 4.79426px 0px, rgb(1, 0, 0) 8.25336px 5.64642px 0px, rgb(1, 0, 0) 7.64842px 6.44218px 0px, rgb(1, 0, 0) 6.96707px 7.17356px 0px, rgb(1, 0, 0) 6.2161px 7.83327px 0px, rgb(1, 0, 0) 5.40302px 8.41471px 0px, rgb(1, 0, 0) 4.53596px 8.91207px 0px, rgb(1, 0, 0) 3.62358px 9.32039px 0px, rgb(1, 0, 0) 2.67499px 9.63558px 0px, rgb(1, 0, 0) 1.69967px 9.8545px 0px, rgb(1, 0, 0) 0.707372px 9.97495px 0px, rgb(1, 0, 0) -0.291995px 9.99574px 0px, rgb(1, 0, 0) -1.28844px 9.91665px 0px, rgb(1, 0, 0) -2.27202px 9.73848px 0px, rgb(1, 0, 0) -3.2329px 9.463px 0px, rgb(1, 0, 0) -4.16147px 9.09297px 0px, rgb(1, 0, 0) -5.04846px 8.63209px 0px, rgb(1, 0, 0) -5.88501px 8.08496px 0px, rgb(1, 0, 0) -6.66276px 7.45705px 0px, rgb(1, 0, 0) -7.37394px 6.75463px 0px, rgb(1, 0, 0) -8.01144px 5.98472px 0px, rgb(1, 0, 0) -8.56889px 5.15501px 0px, rgb(1, 0, 0) -9.04072px 4.2738px 0px, rgb(1, 0, 0) -9.42222px 3.34988px 0px, rgb(1, 0, 0) -9.70958px 2.39249px 0px, rgb(1, 0, 0) -9.89993px 1.4112px 0px, rgb(1, 0, 0) -9.99135px 0.415807px 0px, rgb(1, 0, 0) -9.98295px -0.583741px 0px, rgb(1, 0, 0) -9.8748px -1.57746px 0px, rgb(1, 0, 0) -9.66798px -2.55541px 0px, rgb(1, 0, 0) -9.36457px -3.50783px 0px, rgb(1, 0, 0) -8.96758px -4.4252px 0px, rgb(1, 0, 0) -8.481px -5.29836px 0px, rgb(1, 0, 0) -7.90968px -6.11858px 0px, rgb(1, 0, 0) -7.25932px -6.87766px 0px, rgb(1, 0, 0) -6.53644px -7.56803px 0px, rgb(1, 0, 0) -5.74824px -8.18277px 0px, rgb(1, 0, 0) -4.90261px -8.71576px 0px, rgb(1, 0, 0) -4.00799px -9.16166px 0px, rgb(1, 0, 0) -3.07333px -9.51602px 0px, rgb(1, 0, 0) -2.10796px -9.7753px 0px, rgb(1, 0, 0) -1.12153px -9.93691px 0px, rgb(1, 0, 0) -0.123887px -9.99923px 0px, rgb(1, 0, 0) 0.87499px -9.96165px 0px, rgb(1, 0, 0) 1.86512px -9.82453px 0px, rgb(1, 0, 0) 2.83662px -9.58924px 0px, rgb(1, 0, 0) 3.77978px -9.25815px 0px, rgb(1, 0, 0) 4.68517px -8.83455px 0px, rgb(1, 0, 0) 5.54374px -8.32267px 0px, rgb(1, 0, 0) 6.34693px -7.72764px 0px, rgb(1, 0, 0) 7.0867px -7.0554px 0px, rgb(1, 0, 0) 7.75566px -6.31267px 0px, rgb(1, 0, 0) 8.34713px -5.50686px 0px, rgb(1, 0, 0) 8.8552px -4.64602px 0px, rgb(1, 0, 0) 9.27478px -3.73877px 0px, rgb(1, 0, 0) 9.6017px -2.79415px 0px, rgb(1, 0, 0) 9.83268px -1.82162px 0px, rgb(1, 0, 0) 9.96542px -0.830894px 0px;
    position: relative;
    transform: rotate(-3deg);
    margin-right: 26px;
    margin-top: 18px;
    &::before{
      content: "";
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 45px;
      width: 224px;
      aspect-ratio: 1/1;
      background: url(../images/shape9.webp)no-repeat center/cover;
      z-index: -1;
    }
  } */
}
#mapcheck .btns {
  padding: 0 2.1428571429%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 1.4925373134%;
}
#mapcheck .btns .btn {
  width: 49.2537313433%;
}
#mapcheck .btns .btn a {
  text-decoration: none;
  transition: all 0.5s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  max-width: 100%;
  border-radius: 10px;
  height: 100px;
  font-size: 36px;
  background: url(../images/arow1.webp) no-repeat center right 30px, linear-gradient(180deg, rgb(250, 204, 34) 0%, rgb(248, 54, 0) 100%);
  /*  background-image:url(../images/arow1.webp)  ;
    background-position: center right 30px;
    background-repeat: no-repeat;
     */
  text-shadow: rgb(1, 0, 0) 1px 0px 0px, rgb(1, 0, 0) 0.540302px 0.841471px 0px, rgb(1, 0, 0) -0.416147px 0.909297px 0px, rgb(1, 0, 0) -0.989992px 0.14112px 0px, rgb(1, 0, 0) -0.653644px -0.756802px 0px, rgb(1, 0, 0) 0.283662px -0.958924px 0px, rgb(1, 0, 0) 0.96017px -0.279415px 0px;
  width: 100%;
}
#mapcheck .btns .btn a:hover {
  opacity: 0.6;
}
#mapcheck .btns .btn a span {
  color: #fff100;
}
@media (max-width: 999px) {
  #mapcheck .btns .btn a {
    font-size: 28px;
    height: 80px;
    background-size: 40px auto;
    background-position: center right 10px;
  }
}
@media (max-width: 767px) {
  #mapcheck .btns .btn a {
    font-size: 22px;
    height: 60px;
    background-size: 30px auto;
    background: linear-gradient(180deg, rgb(250, 204, 34) 0%, rgb(248, 54, 0) 100%);
  }
}
#mapcheck .btns .btn a img {
  margin-right: 4.5454545455%;
}
@media (max-width: 1300px) {
  #mapcheck .head {
    /* .city{
      font-size: 44px;
    } */
    /* .check{
      font-size: 54px;
    } */
  }
  #mapcheck .btns .btn a img {
    max-width: 40px;
    margin-right: 10px;
  }
}
@media (max-width: 999px) {
  #mapcheck {
    margin-bottom: 50px;
  }
  #mapcheck .inner {
    padding: 40px 0;
  }
  #mapcheck .head {
    /* .city{
      font-size: 4vw;
    } */
    /* .check{
      font-size: 4vw;
      &::before{
        width: 130px;
      }
    } */
    /* writing-mode: unset;
    row-gap: 30px;
    align-items: center;
    padding: 0 10px;
    .check{
      &::before{
        left: unset;
        right: 0;
        top: 50%;
        bottom: unset;
        transform: translateY(-50%);
        width: 180px;
      }
    } */
  }
}
@media (max-width: 767px) {
  #mapcheck {
    margin-bottom: 10px;
  }
  #mapcheck .inner {
    padding: 15px 0;
  }
  #mapcheck .head {
    writing-mode: unset;
    row-gap: 30px;
    align-items: center;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #mapcheck .head .city {
    margin-top: 0;
    transform: unset;
  }
  #mapcheck .head .city br {
    display: none;
  }
  #mapcheck .head .check {
    margin-top: 0;
    transform: unset;
    margin-right: 0;
  }
  #mapcheck .head .check::before {
    left: unset;
    right: 0;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
    width: 100px;
  }
  #mapcheck .btns {
    /*       flex-direction: column;
          align-items: center; */
  }
  #mapcheck .btns .btn {
    /*   width: 100%;
      max-width: 300px; */
  }
  #mapcheck .btns .btn a {
    height: auto;
    background: none;
  }
  #mapcheck .btns .btn a img {
    max-width: none;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 500px) {
  #mapcheck .head {
    /*  margin-bottom: 50px; */
  }
  #mapcheck .head .city {
    font-size: 18px;
  }
  #mapcheck .head .check {
    font-size: 20px;
    /* &::before{
      width: 120px;
    } */
  }
}
#mapcheck .image-container {
  position: relative;
  display: inline-block;
}
#mapcheck .gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 255, 127, 0.3);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none; /* マウスイベントを無視 */
}
#mapcheck .gradient-overlay.active {
  opacity: 1;
}

/* ----------------------------------------------
bnr
------------------------------------------------- */
#bnr {
  margin-bottom: 64px;
  max-width: 1400px;
  width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  /* .contents{
    @include contSize(false);
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(255,17,18,1) 0%, rgba(255,100,101,1) 100%);
    border-radius: 10px;
    padding: 50px 10px 52px perCalc(65,1600);
    .left{
      @include fontshin(700);
      font-size: 50px;
      line-height: 1.2;
      letter-spacing: 0.05em;
      color: #fff;
      .block{
        display: block;
        text-shadow: rgb(1, 0, 0) 6px 0px 0px, rgb(1, 0, 0) 5.91686px 0.995377px 0px, rgb(1, 0, 0) 5.66974px 1.96317px 0px, rgb(1, 0, 0) 5.2655px 2.87655px 0px, rgb(1, 0, 0) 4.71532px 3.71022px 0px, rgb(1, 0, 0) 4.03447px 4.44106px 0px, rgb(1, 0, 0) 3.24181px 5.04883px 0px, rgb(1, 0, 0) 2.35931px 5.51667px 0px, rgb(1, 0, 0) 1.41143px 5.83163px 0px, rgb(1, 0, 0) 0.424423px 5.98497px 0px, rgb(1, 0, 0) -0.574341px 5.97245px 0px, rgb(1, 0, 0) -1.55719px 5.79441px 0px, rgb(1, 0, 0) -2.49688px 5.45578px 0px, rgb(1, 0, 0) -3.36738px 4.96596px 0px, rgb(1, 0, 0) -4.14455px 4.33852px 0px, rgb(1, 0, 0) -4.80686px 3.59083px 0px, rgb(1, 0, 0) -5.33596px 2.74364px 0px, rgb(1, 0, 0) -5.71718px 1.8204px 0px, rgb(1, 0, 0) -5.93995px 0.84672px 0px, rgb(1, 0, 0) -5.99811px -0.150428px 0px, rgb(1, 0, 0) -5.89004px -1.14341px 0px, rgb(1, 0, 0) -5.61874px -2.1047px 0px, rgb(1, 0, 0) -5.19172px -3.00766px 0px, rgb(1, 0, 0) -4.62082px -3.82727px 0px, rgb(1, 0, 0) -3.92186px -4.54081px 0px, rgb(1, 0, 0) -3.11421px -5.12852px 0px, rgb(1, 0, 0) -2.22026px -5.57409px 0px, rgb(1, 0, 0) -1.26477px -5.86518px 0px, rgb(1, 0, 0) -0.274238px -5.99373px 0px, rgb(1, 0, 0) 0.723898px -5.95617px 0px, rgb(1, 0, 0) 1.70197px -5.75355px 0px, rgb(1, 0, 0) 2.63288px -5.39147px 0px, rgb(1, 0, 0) 3.49082px -4.87998px 0px, rgb(1, 0, 0) 4.25202px -4.23324px 0px, rgb(1, 0, 0) 4.89538px -3.46919px 0px, rgb(1, 0, 0) 5.40307px -2.60899px 0px, rgb(1, 0, 0) 5.76102px -1.67649px 0px, rgb(1, 0, 0) 5.95932px -0.697531px 0px;
      }
      .red{
        color: #ff1112;
      }
      .yellow{
        color: #fff100;
      }
      .big{
        font-size: 80px;
      }
    }
    .serch{
      display: flex;
      align-items: center;
      background-color: #fff;
      border: 1px solid #010000;
      height: 84px;
      margin-left: perCalc(69,1335);
      .tx{
        @include fontshin(700);
        font-size: 40px;
        line-height: 1.25;
        letter-spacing: 0.05em;
        color: #010000;
        border-right: 2px solid #010000;
        padding: 0 16px 0 28px;
      }
      .icon{
        width: 148px;
        aspect-ratio: 1/1;
        margin-left: 32px;
        margin-right: -23px;
        img{
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
    .link{
      margin-left: perCalc(33,1355);
      a{
        display: block;
        text-decoration: none;
        @include opacity();
        @include fontshin(700);
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: 0.05em;
        color: #000000;
        background-color: #fff;
        border-radius: 50%;
        position: relative;
        padding: 42px 40px;
        &::before{
          content: "";
          position: absolute;
          bottom: 0;
          width: 10px;
          aspect-ratio: 10/20;
          clip-path: polygon(0 0, 100% 0, 50% 100%);
          background-color: #fff;
          transform: rotate(55deg);
          z-index: -1;
        }
      }
    }
  }
  @media(max-width:1450px){
    .contents{
      .left{
        font-size: 36px;
        .big{
          font-size: 50px;
        }
      }
      .serch{
        height: 70px;
        .tx{
          font-size: 26px;
          padding: 0 10px 0 15px;
        }
        .icon{
          width: 130px;
          margin-left: 20px;
        }
      }
      .link{
        a{
          font-size: 24px;
          padding: 25px;
        }
      }
    }
  }
  @include tab{
    margin-bottom: 50px;
    .contents{
      padding: 40px 10px;
      justify-content: center;
      .left{
        font-size: 26px;
        .big{
          font-size: 40px;
        }
      }
      .serch{
        height: 50px;
        .tx{
          font-size: 20px;
          padding: 0 10px;
        }
        .icon{
          width: 100px;
          margin-left: 10px;
        }
      }
      .link{
        a{
          font-size: 20px;
          padding: 18px;
        }
      }
    }
  }
  @include sp{
    margin-bottom: 40px;
    .contents{
      padding: 30px 10px;
      flex-direction: column;
      row-gap: 30px;
      .left{
        font-size: 22px;
        .big{
          font-size: 30px;
        }
      }
      .serch-link{
        width: 100%;
        @include flex-center();
        column-gap: 20px;
      }
      .serch{
        height: 40px;
        margin-left: 0;
        .tx{
          font-size: 18px;
        }
        .icon{
          width: 80px;
        }
      }
      .link{
        margin-left: 0;
        a{
          font-size: 18px;
          padding: 15px;
        }
      }
    }
  } */
}
#bnr .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#bnr .image:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  #bnr {
    margin-bottom: 20px;
  }
  #bnr .image:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* ----------------------------------------------
about
------------------------------------------------- */
#about {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
}
#about h2 {
  margin-bottom: 39px;
}
#about .catch {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  align-self: center;
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #ffffb3;
  max-width: 775px;
  margin-bottom: -9px;
}
#about .catch p {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
#about .catch span {
  background-color: #ff5f07;
  padding: 15px 14.25px;
}
#about .catch2 {
  align-self: center;
  font-family: "M PLUS 2", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-size: 120px;
  line-height: 1.15;
  letter-spacing: 0.05em;
  color: #fac420;
  text-shadow: rgb(1, 0, 0) 10px 0px 0px, rgb(1, 0, 0) 9.95004px 0.998334px 0px, rgb(1, 0, 0) 9.80067px 1.98669px 0px, rgb(1, 0, 0) 9.55336px 2.9552px 0px, rgb(1, 0, 0) 9.21061px 3.89418px 0px, rgb(1, 0, 0) 8.77583px 4.79426px 0px, rgb(1, 0, 0) 8.25336px 5.64642px 0px, rgb(1, 0, 0) 7.64842px 6.44218px 0px, rgb(1, 0, 0) 6.96707px 7.17356px 0px, rgb(1, 0, 0) 6.2161px 7.83327px 0px, rgb(1, 0, 0) 5.40302px 8.41471px 0px, rgb(1, 0, 0) 4.53596px 8.91207px 0px, rgb(1, 0, 0) 3.62358px 9.32039px 0px, rgb(1, 0, 0) 2.67499px 9.63558px 0px, rgb(1, 0, 0) 1.69967px 9.8545px 0px, rgb(1, 0, 0) 0.707372px 9.97495px 0px, rgb(1, 0, 0) -0.291995px 9.99574px 0px, rgb(1, 0, 0) -1.28844px 9.91665px 0px, rgb(1, 0, 0) -2.27202px 9.73848px 0px, rgb(1, 0, 0) -3.2329px 9.463px 0px, rgb(1, 0, 0) -4.16147px 9.09297px 0px, rgb(1, 0, 0) -5.04846px 8.63209px 0px, rgb(1, 0, 0) -5.88501px 8.08496px 0px, rgb(1, 0, 0) -6.66276px 7.45705px 0px, rgb(1, 0, 0) -7.37394px 6.75463px 0px, rgb(1, 0, 0) -8.01144px 5.98472px 0px, rgb(1, 0, 0) -8.56889px 5.15501px 0px, rgb(1, 0, 0) -9.04072px 4.2738px 0px, rgb(1, 0, 0) -9.42222px 3.34988px 0px, rgb(1, 0, 0) -9.70958px 2.39249px 0px, rgb(1, 0, 0) -9.89993px 1.4112px 0px, rgb(1, 0, 0) -9.99135px 0.415807px 0px, rgb(1, 0, 0) -9.98295px -0.583741px 0px, rgb(1, 0, 0) -9.8748px -1.57746px 0px, rgb(1, 0, 0) -9.66798px -2.55541px 0px, rgb(1, 0, 0) -9.36457px -3.50783px 0px, rgb(1, 0, 0) -8.96758px -4.4252px 0px, rgb(1, 0, 0) -8.481px -5.29836px 0px, rgb(1, 0, 0) -7.90968px -6.11858px 0px, rgb(1, 0, 0) -7.25932px -6.87766px 0px, rgb(1, 0, 0) -6.53644px -7.56803px 0px, rgb(1, 0, 0) -5.74824px -8.18277px 0px, rgb(1, 0, 0) -4.90261px -8.71576px 0px, rgb(1, 0, 0) -4.00799px -9.16166px 0px, rgb(1, 0, 0) -3.07333px -9.51602px 0px, rgb(1, 0, 0) -2.10796px -9.7753px 0px, rgb(1, 0, 0) -1.12153px -9.93691px 0px, rgb(1, 0, 0) -0.123887px -9.99923px 0px, rgb(1, 0, 0) 0.87499px -9.96165px 0px, rgb(1, 0, 0) 1.86512px -9.82453px 0px, rgb(1, 0, 0) 2.83662px -9.58924px 0px, rgb(1, 0, 0) 3.77978px -9.25815px 0px, rgb(1, 0, 0) 4.68517px -8.83455px 0px, rgb(1, 0, 0) 5.54374px -8.32267px 0px, rgb(1, 0, 0) 6.34693px -7.72764px 0px, rgb(1, 0, 0) 7.0867px -7.0554px 0px, rgb(1, 0, 0) 7.75566px -6.31267px 0px, rgb(1, 0, 0) 8.34713px -5.50686px 0px, rgb(1, 0, 0) 8.8552px -4.64602px 0px, rgb(1, 0, 0) 9.27478px -3.73877px 0px, rgb(1, 0, 0) 9.6017px -2.79415px 0px, rgb(1, 0, 0) 9.83268px -1.82162px 0px, rgb(1, 0, 0) 9.96542px -0.830894px 0px;
  position: relative;
  margin-bottom: 69px;
}
#about .catch2 small {
  font-size: 60px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: #ff5f07;
}
#about .catch2 .grblock {
  position: relative;
  display: block;
}
#about .catch2 .grblock .gr:last-child {
  position: absolute;
  top: 0;
  left: 0;
  text-shadow: none;
  background: linear-gradient(180deg, rgb(248, 54, 0) 0%, rgb(250, 204, 34) 100%);
  -webkit-background-clip: text;
  color: transparent;
}
#about .catch2::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -7px;
  width: 18.0208333333%;
  aspect-ratio: 173/280;
  background: url(../images/about-shape.webp) no-repeat center/cover;
  z-index: -1;
}
#about .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5333333333;
  letter-spacing: 0.05em;
  color: #010000;
  margin-right: -17px;
}
#about .text span {
  color: #ff1112;
  font-weight: 700;
}
@media (max-width: 1599px) {
  #about .catch {
    width: 48.75vw;
    font-size: 1.785vw;
  }
  #about .catch p {
    gap: 0.3125vw;
  }
  #about .catch span {
    padding: 0.9375vw 0.890625vw;
  }
  #about .catch2 {
    font-size: 7.5vw;
  }
  #about .catch2 small {
    font-size: 4vw;
  }
}
@media (max-width: 1500px) {
  #about .text {
    margin-right: 0;
  }
}
@media (max-width: 999px) {
  #about {
    margin-bottom: 40px;
    /*   .catch {
      font-size: 24px;
      span {
        padding: 10px;
      }
    } */
  }
  #about h2 {
    margin-bottom: 30px;
  }
  #about .catch2 {
    margin-bottom: 50px;
  }
  #about .text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  #about {
    margin-bottom: 30px;
    /* .catch {
      //font-size: 20px;
      font-size: 14px;
      margin-bottom: 20px;
      p {
        gap: 2px;
      }
      span {
        //padding: 7px;
        padding: 4px;
      }
    } */
  }
  #about h2 {
    margin-bottom: 20px;
  }
  #about .catch {
    width: 75vw;
    font-size: 3.2vw;
  }
  #about .catch p {
    gap: 0.5vw;
  }
  #about .catch span {
    padding: 1.2vw;
  }
  #about .catch2 {
    font-size: 12vw;
    margin-top: 15px;
    margin-bottom: 40px;
    text-shadow: rgb(0, 0, 0) 6px 0px 0px, rgb(0, 0, 0) 5.91686px 0.995377px 0px, rgb(0, 0, 0) 5.66974px 1.96317px 0px, rgb(0, 0, 0) 5.2655px 2.87655px 0px, rgb(0, 0, 0) 4.71532px 3.71022px 0px, rgb(0, 0, 0) 4.03447px 4.44106px 0px, rgb(0, 0, 0) 3.24181px 5.04883px 0px, rgb(0, 0, 0) 2.35931px 5.51667px 0px, rgb(0, 0, 0) 1.41143px 5.83163px 0px, rgb(0, 0, 0) 0.424423px 5.98497px 0px, rgb(0, 0, 0) -0.574341px 5.97245px 0px, rgb(0, 0, 0) -1.55719px 5.79441px 0px, rgb(0, 0, 0) -2.49688px 5.45578px 0px, rgb(0, 0, 0) -3.36738px 4.96596px 0px, rgb(0, 0, 0) -4.14455px 4.33852px 0px, rgb(0, 0, 0) -4.80686px 3.59083px 0px, rgb(0, 0, 0) -5.33596px 2.74364px 0px, rgb(0, 0, 0) -5.71718px 1.8204px 0px, rgb(0, 0, 0) -5.93995px 0.84672px 0px, rgb(0, 0, 0) -5.99811px -0.150428px 0px, rgb(0, 0, 0) -5.89004px -1.14341px 0px, rgb(0, 0, 0) -5.61874px -2.1047px 0px, rgb(0, 0, 0) -5.19172px -3.00766px 0px, rgb(0, 0, 0) -4.62082px -3.82727px 0px, rgb(0, 0, 0) -3.92186px -4.54081px 0px, rgb(0, 0, 0) -3.11421px -5.12852px 0px, rgb(0, 0, 0) -2.22026px -5.57409px 0px, rgb(0, 0, 0) -1.26477px -5.86518px 0px, rgb(0, 0, 0) -0.274238px -5.99373px 0px, rgb(0, 0, 0) 0.723898px -5.95617px 0px, rgb(0, 0, 0) 1.70197px -5.75355px 0px, rgb(0, 0, 0) 2.63288px -5.39147px 0px, rgb(0, 0, 0) 3.49082px -4.87998px 0px, rgb(0, 0, 0) 4.25202px -4.23324px 0px, rgb(0, 0, 0) 4.89538px -3.46919px 0px, rgb(0, 0, 0) 5.40307px -2.60899px 0px, rgb(0, 0, 0) 5.76102px -1.67649px 0px, rgb(0, 0, 0) 5.95932px -0.697531px 0px;
  }
  #about .catch2 small {
    font-size: 6vw;
  }
  #about .catch2:before {
    right: 0;
  }
  #about .text {
    font-size: 15px;
  }
}

/* ----------------------------------------------
service
------------------------------------------------- */
#service {
  margin-bottom: 50px;
}
#service h2 {
  margin-bottom: 39px;
}
#service .head {
  min-height: 380px;
  position: relative;
  display: flex;
  margin-bottom: 40px;
}
#service .head::after {
  content: "";
  position: absolute;
  right: 2.5%;
  bottom: 38px;
  width: 20.1041666667%;
  aspect-ratio: 193/314;
  background: url(../images/service-shape.webp) no-repeat center/cover;
  z-index: -1;
}
#service .head .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#service .head .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#service .head .catch {
  font-family: "M PLUS 2", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  line-height: 1.28;
  letter-spacing: 0.05em;
  color: #000000;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
  margin-top: auto;
  margin-bottom: 33px;
  margin-left: 3.9583333333%;
}
#service .head .catch .orenge {
  color: #f79729;
}
#service .head .catch .red {
  color: #ff1112;
}
#service .head .catch small {
  display: block;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: 0.05em;
  margin-bottom: 13px;
}
#service .blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8.3333333333%;
  margin-bottom: 56px;
  overflow-x: clip;
}
#service .blocks.true-coment {
  margin-bottom: 27px;
}
#service .blocks .block {
  width: 45.8333333333%;
}
#service .blocks .block .box {
  border: 1px solid #f79729;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding: 0 10px;
}
#service .blocks .block .box .title {
  font-family: "M PLUS 2", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 50px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #f79729;
}
#service .blocks .block .box .title.small {
  font-size: 30px;
}
#service .blocks .block .coment {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #010000;
  margin-top: 19px;
}
#service .blocks .block .coment span {
  font-weight: 700;
  color: #ff1112;
}
#service .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5333333333;
  letter-spacing: 0.05em;
  color: #010000;
  margin-right: -17px;
}
#service .text span {
  font-weight: 700;
  color: #ff1112;
}
#service .text + .blocks {
  margin-top: 48px;
}
@media (max-width: 1599px) {
  #service .head .catch {
    font-size: 2.5vw;
  }
}
@media (max-width: 1500px) {
  #service .text {
    margin-right: 0;
  }
}
@media (max-width: 999px) {
  #service {
    margin-bottom: 40px;
  }
  #service h2 {
    margin-bottom: 30px;
  }
  #service .head {
    min-height: 280px;
    margin-bottom: 30px;
  }
  #service .head .catch {
    font-size: 3vw;
  }
  #service .head .catch small {
    font-size: 20px;
  }
  #service .blocks {
    margin-bottom: 45px;
  }
  #service .blocks.true-coment {
    margin-bottom: 20px;
  }
  #service .blocks .block .box {
    -moz-column-gap: 10px;
         column-gap: 10px;
    height: 90px;
  }
  #service .blocks .block .box .icon {
    max-width: 40px;
  }
  #service .blocks .block .box .title {
    font-size: 30px;
  }
  #service .blocks .block .box .title.small {
    font-size: 24px;
  }
  #service .blocks .block .coment {
    font-size: 17px;
    margin-top: 15px;
  }
  #service .text {
    font-size: 18px;
  }
  #service .text + .blocks {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  #service {
    margin-bottom: 30px;
  }
  #service h2 {
    margin-bottom: 20px;
  }
  #service .head {
    min-height: 180px;
    margin-bottom: 20px;
  }
  #service .head::after {
    max-width: 80px;
    top: 5px;
    bottom: inherit;
  }
  #service .head .catch {
    margin-bottom: 20px;
  }
  #service .head .catch small {
    font-size: 16px;
    margin-bottom: 5px;
  }
  #service .blocks {
    margin-bottom: 30px;
  }
  #service .blocks.true-coment {
    margin-bottom: 15px;
  }
  #service .blocks .block .box {
    height: 70px;
  }
  #service .blocks .block .box .icon {
    max-width: 20px;
  }
  #service .blocks .block .box .title {
    font-size: 18px;
  }
  #service .blocks .block .box .title.small {
    font-size: 16px;
  }
  #service .blocks .block .coment {
    font-size: 15px;
    margin-top: 10px;
  }
  #service .text {
    font-size: 15px;
  }
  #service .text + .blocks {
    margin-top: 20px;
  }
}
@media (max-width: 500px) {
  #service .head .catch {
    font-size: 15px;
  }
  #service .head .catch small {
    font-size: 13px;
  }
}

/* ----------------------------------------------
voice
------------------------------------------------- */
#voice {
  margin-bottom: 60px;
}
#voice h2 {
  margin-bottom: 36px;
}
#voice .coment {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #010000;
  margin-bottom: 36px;
}
#voice .contents {
  display: flex;
  flex-wrap: wrap;
  gap: 54px 3.5416666667%;
  margin-bottom: 60px;
  overflow-x: clip;
}
#voice .contents .block {
  width: 48.2291666667%;
}
#voice .contents .block a {
  text-decoration: none;
}
#voice .contents .block .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #000000;
  max-width: 410px;
  position: relative;
  padding-left: 18px;
  padding-bottom: 5px;
  margin-bottom: 13px;
}
#voice .contents .block .title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: #f79729;
  left: 0;
  bottom: 0;
  z-index: -1;
}
#voice .contents .block .content {
  display: flex;
  align-items: start;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
#voice .contents .block .content .image {
  width: 35%;
  margin-top: 8px;
}
#voice .contents .block .content .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#voice .contents .block .content .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.8888888889;
  letter-spacing: 0.05em;
  color: #010000;
  flex: 1;
}
#voice .btn a {
  text-decoration: none;
  transition: all 0.5s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  max-width: 100%;
  border-radius: 10px;
  width: 600px;
  height: 90px;
  background: url(../images/arow3.webp) no-repeat center right 30px #f79729;
  font-size: 30px;
  margin: 0 auto;
}
#voice .btn a:hover {
  opacity: 0.6;
}
@media (max-width: 999px) {
  #voice .btn a {
    width: 400px;
    height: 70px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #voice .btn a {
    width: 280px;
    height: 50px;
    font-size: 20px;
  }
}
@media (max-width: 999px) {
  #voice {
    margin-bottom: 50px;
  }
  #voice h2 {
    margin-bottom: 30px;
  }
  #voice .coment {
    font-size: 16px;
    margin-bottom: 25px;
  }
  #voice .contents {
    flex-direction: column;
    align-items: center;
    row-gap: 40px;
    margin-bottom: 50px;
  }
  #voice .contents .block {
    width: 100%;
    max-width: 463px;
  }
  #voice .contents .block .title {
    font-size: 18px;
    padding-left: 10px;
  }
  #voice .contents .block .content {
    /* flex-direction: column;
    row-gap: 10px; */
    /* .image{
      width: 100%;
      max-width: 120px;
      margin: 0 auto;
    } */
  }
  #voice .contents .block .content .text {
    font-size: 14px;
  }
  #voice .contents .block .content .text br {
    display: none;
  }
}
@media (max-width: 767px) {
  #voice {
    margin-bottom: 40px;
  }
  #voice h2 {
    margin-bottom: 20px;
  }
  #voice .coment {
    font-size: 14px;
    margin-bottom: 15px;
  }
  #voice .contents {
    row-gap: 30px;
    margin-bottom: 40px;
  }
  #voice .contents .block .title {
    font-size: 16px;
    padding-left: 5px;
  }
  #voice .contents .block .title::before {
    height: 15px;
  }
}

/* ----------------------------------------------
leaveittome
------------------------------------------------- */
#leaveittome {
  margin-bottom: 63px;
}
#leaveittome h2 {
  margin-bottom: 40px;
}
#leaveittome .contents {
  display: flex;
  flex-wrap: wrap;
  gap: 21px 1.5625%;
  margin-bottom: 61px;
}
#leaveittome .contents .block {
  width: 32.2916666667%;
  border: 3px solid #fac420;
  min-height: 243px;
  position: relative;
}
#leaveittome .contents .block .title {
  background-color: #feffb2;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #f79729;
  text-align: center;
  padding: 12px 5px;
}
#leaveittome .contents .block .icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: -1;
}
#leaveittome .contents .block .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  color: #010000;
  padding: 15px 10px;
}
#leaveittome .contents .block .text ul li::before {
  content: "・";
}
#leaveittome .btn a {
  text-decoration: none;
  transition: all 0.5s ease-out;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #fff;
  max-width: 100%;
  border-radius: 10px;
  width: 600px;
  height: 90px;
  background: url(../images/arow3.webp) no-repeat center right 30px #f79729;
  font-size: 30px;
  margin: 0 auto;
}
#leaveittome .btn a:hover {
  opacity: 0.6;
}
@media (max-width: 999px) {
  #leaveittome .btn a {
    width: 400px;
    height: 70px;
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  #leaveittome .btn a {
    width: 280px;
    height: 50px;
    font-size: 20px;
  }
}
@media (max-width: 999px) {
  #leaveittome {
    margin-bottom: 50px;
  }
  #leaveittome h2 {
    margin-bottom: 30px;
  }
  #leaveittome .contents {
    gap: 20px 6%;
    margin-bottom: 50px;
  }
  #leaveittome .contents .block {
    width: 47%;
    min-height: 230px;
  }
  #leaveittome .contents .block .title {
    font-size: 18px;
  }
  #leaveittome .contents .block .text {
    font-size: 16px;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  #leaveittome {
    margin-bottom: 40px;
  }
  #leaveittome h2 {
    margin-bottom: 20px;
  }
  #leaveittome .contents {
    margin-bottom: 40px;
  }
  #leaveittome .contents .block {
    min-height: 200px;
    border-width: 2px;
  }
  #leaveittome .contents .block .title {
    font-size: 16px;
  }
  #leaveittome .contents .block .text {
    font-size: 14px;
    padding: 7px;
  }
}/*# sourceMappingURL=index.css.map */