@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:767px){
html {
-webkit-overflow-scrolling: touch;
}

.pc{display: none;}
.sp{display: block;}
.wrap{width: 88%;margin: 0 auto;}


.box_a{color: #fff;background: #f2672b;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 7px 30px 6px;font-size: 3vw;}
.box_b{color: #f2672b;background: #fff;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 9px 47px 8px;font-size: 3.5vw;}
.box_c{color: #f2672b;background: #fde8df;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 8px 6vw;text-align: center;font-weight: bold;font-size: 3vw;}
.btn{max-width: 370px;width: 60vw; font-size: min(3.5vw, 24px);height:12vw;background: #f2672b;color: #fff;border-radius: 40px;position: relative;display: flex;justify-content: center;align-items: center;margin: 6vw auto}
.btn::before{position: absolute;
  content: "";
  display: block;
  right: 35px;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: translateY(-50%) translateX(0) rotate(45deg);
  transition: all 0.3s;}
  .btn:hover::before{right: 30px;}
h1, h2{font-weight: normal;}
span.en{font-size: 3vw;color: #f2672b;display: block;margin: 4vw 0 0 0;}

#sec01 .wrap{width: 100%;}
#sec01 .box01 img{padding: 0 0 0 17.4%;}
#sec01 .box02{padding: 38vw 0 16vw;left: 0;background:#fde8df;z-index: 0;margin: -25vw 0 0 0;}
#sec01 .box02 h1{font-size: 7vw;text-align: center;}
#sec01 .box02 h1 p{font-size :4vw;display: block;margin: 0 0 4vw 0;}
#sec01 .box03{padding: 0 41.6% 0 0;margin: -12vw 0 8vw 0;}
#sec01 .box04{padding: 0 0 0 40%;}
#sec01 .btn{margin: 6vw auto 0;}
#sec01 .btn + .btn{margin: 3vw auto 6vw;}
#sec02{text-align: center;background: url(../img/image04sp.jpg) no-repeat center top;background-size: cover;padding: 30vw 0 15vw 0;margin: -10vw 0 0 0;}
h1.hl{font-size: 5vw;text-align: center;}
#sec02 .wrap{width: 100%;}
#sec02 .text01{font-size: 3.3vw;line-height: 2.2;margin: 45px 0 0 0;}

#sec03{padding: 15vw 0 10vw 0;}
#sec03 ul{margin: 10vw 0 0 0;}
#sec03 li{text-align: center;background:#fde8df;border-radius: 10px;position: relative;margin: 0 auto 5vw;width: 80%;}
#sec03 li a{display: block;padding: 10vw 0 20vw;height: 100%;}
#sec03 li.cs a{padding: 15vw 0;}
#sec03 li .text01{font-size: 4.5vw;margin: 18px 0 20px 0;}
#sec03 li .text01 span{display: block;font-size: 3.5vw;margin: 18px 0 20px 0;}
#sec03 li .text02{font-size: 3.5vw;line-height: 1.8;height: calc(100% - 20vw);display: flex;align-items: center;justify-content: center;}
#sec03 li .text02 span{color: #f2672b;font-size: 5vw;}
#sec03 li::before{position: absolute;
  content: "";
  display: block;
  left: calc(50% - 7px);
  bottom: 34px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #f2672b;
  border-right: 2px solid #f2672b;
  -webkit-transform: rotate(135deg);
  transform: translateY(-50%) translateX(0) rotate(135deg);
  transition: all 0.3s;}
  #sec03 li.cs::before{content: none;}
  #sec03 li:hover::before{bottom: 29px;}

  .sec04{margin: 0 0 15vw 0;}
  .sec04 .box01{background: #f2672b;color: #fff;text-align: center;padding: 10vw 0 40vw 0;}
  .sec04 .box01 .text01{font-size: 6.5vw;margin: 5vw 0;}
  .sec04 .box01 .text01 span{font-size: 4vw;margin: 5vw 0; display: block;}
  .sec04 .box01 .text02{font-size: 4vw;line-height: 1.55;}
  .sec04 table{background: #fff;border-radius: 20px;padding: 10vw 5vw;margin:-30vw 0 0 0;display: block;box-shadow: 0px 0px 14.5px 0.75px rgba(43, 34, 32, 0.5);font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
  .sec04 table a.btn{font-family :
    YuMincho,    /* Mac用 */
    'Yu Mincho', /* Windows用 */
    serif;}
  .sec04 table td{padding: 10px 0 25px 0;font-size: 3.3vw;line-height: 1.8;display: block;}
  .sec04 table td:first-child{padding: 25px 0 0 0;line-height: 1;border-top: 1px solid #d2d2d2;}
  .sec04 table .img{display: flex;align-items: center;}
  .sec04 table img{width: 20vw; display: block;margin: 0 4vw 0 0 ;}
  .sec04 table .text{}
  .sec04 table td.access{border: none;padding: 0;}
  .sec04 table td iframe{height: 56vw;}
  .sec04 .btn{margin: 10vw auto 0;}

  /*#area03 table{background: url(../img/image08.jpg) no-repeat center center;background-size: cover;font-family: inherit;display: flex;justify-content: center;align-items: center;height: 51vw;}
  #area03.sec04 table td:first-child{width: 100%;text-align: center;font-size: 5.5vw;color: #7d7d7d;}*/

  #sec05{background: #fde8df;padding: 15vw 0 10vw 0;}
  #sec05 ul{}
  #sec05 li{background: #fff;border-radius: 20px;padding: 10vw 0 9vw;text-align: center;margin: 0 0 5vw 0;}
  #sec05 li .text01{display: flex;font-size 3vw;justify-content: center;align-items: center;margin: 0 0 4vw 0;}
  #sec05 li .text01 span{width: 19px;display: block;margin: 0 4px 0 0;}
  #sec05 li .text02 a{font-size: 9vw;color: #f2672b;}
  #sec05 li .btn{margin: 0 auto;}

  footer {text-align: center;padding: 12vw 0;font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}
  footer .text01{margin: 0 0 10vw 0;line-height: 1.9;font-size: 3.3vw;}
  footer .text01 a{color: #f2672b;text-decoration: underline;}
  footer small{display: block;font-size: 13px;}
}