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

@media screen and (min-width:768px){
.pc{display: block;}
.sp{display: none;}

.wrap00{max-width: 1500px;margin: 0 auto;}
.wrap{max-width: 1260px;padding: 0 30px;margin: 0 auto;}


.box_a{color: #fff;background: #f2672b;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 7px 30px 6px;font-size: 18px;}
.box_b{color: #f2672b;background: #fff;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 9px 47px 8px;font-size: 27px;}
.box_c{color: #f2672b;background: #fde8df;border-radius: 20px;display: inline-block;margin: 0 auto;padding: 8px 0;width: 100px;white-space: no-wrap;text-align: center;font-weight: bold;}
.btn{max-width: 370px;width: 100%; font-size: 24px;padding: 24px 0 23px 0; background: #f2672b;color: #fff;border-radius: 40px;position: relative;display: flex;justify-content: center;align-items: center;margin: 55px 0 0 0;}
.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: 20px;color: #f2672b;display: block;margin: 18px 0 0 0;}
#sec01 .wrap{position: relative;height: 1160px;max-width: 1500px;width: 1500px; padding: 0;}
#sec01 .wrap000{position: absolute;bottom: 0;max-width: 1200px;width: 100%;margin: 0 auto;  left: 50%;
transform: translateY(0) translateX(-50%);}
#sec01 .wrap00{position: relative;width: 100%;}
#sec01 .box01{position: absolute;width: 730px; right: 0;z-index: 1;top: 90px;}
#sec01 .box02{position: absolute;/*padding: 125px 150px;*/padding: 200px 150px;left: 0;background:#fde8df;z-index: 0;height: 720px;width: 960px;}
#sec01 .box02 h1{font-size: 51px;}
#sec01 .box02 h1 p{font-size: 30px;display: block;margin: 0 0 15px 0;}
#sec01 .box03{width: 489px;position: absolute;bottom: 170px;}
#sec01 .box04{position: absolute;width: 499px;bottom: 0;right: 0;}
#sec01 .btn{max-width: 410px;}
#sec01 .btn + .btn{margin: 20px 0 0 0;}
#sec02{text-align: center;background: url(../img/image04.jpg) no-repeat center center;background-size: cover;padding: 130px 0 95px 0;margin: -50px 0 0 0;}
h1.hl{font-size: 32px;text-align: center;}
#sec02 .text01{font-size: 16px;line-height: 2.2;margin: 45px 0 0 0;}

#sec03{padding: 120px 0;}
#sec03 ul{display: flex;justify-content: space-between;margin: 50px 0 0 0;}
#sec03 li{width: 32%;max-width: 380px;text-align: center;background:#fde8df;border-radius: 10px;position: relative;}
#sec03 li a{display: block;padding: 40px 20px 86px;height: 100%;}
#sec03 li.cs a{padding: 0;}
#sec03 li .text01{font-size: 24px;margin: 18px 0 10px 0;min-height: 50px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
#sec03 li .text01 span{display: block;font-size: 18px;margin: 5px 0 0 0;}
#sec03 li .text02{font-size: 18px;line-height: 1.8;height: calc(100% - 86px);display: flex;align-items: center;justify-content: center;}
#sec03 li.cs .text02{height: 100%;}
#sec03 li .text02 span{color: #f2672b;font-size: 30px;}
#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 120px 0;}
  .sec04 .box01{background: #f2672b;color: #fff;text-align: center;padding: 80px 0 260px 0;}
  .sec04 .box01 .text01{font-size: 42px;margin: 33px 0;}
  .sec04 .box01 .text01 span{display: block; font-size: 24px;margin: 30px 0 0 0;}
  .sec04 .box01 .text02{font-size: 26px;line-height: 1.55;}
  .sec04 table{background: #fff;border-radius: 20px;padding: 100px 80px;margin: -180px 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: 25px 0;border-top: 1px solid #d2d2d2;width: 880px;font-size: 18px;line-height: 1.8;}
  .sec04 table td:first-child{width: 168px;padding: 25px 0 25px 30px;font-size: 16px;line-height: 1;}
  .sec04 table .guest{display: flex;}
  .sec04 table .img{width: 140px;}
  .sec04 table .text{padding: 0 0 0 25px;width: 84%;}
  .sec04 table td.access{border: none;padding: 0;}
  .sec04 .btn{margin: 79px 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: 340px;}
  #area03.sec04 table td:first-child{width: 100%;text-align: center;font-size: 48px;color: #7d7d7d;}*/

  #sec05{background: #fde8df;padding: 80px 0;}
  #sec05 ul{display: flex;justify-content: space-between;}
  #sec05 li{max-width: 578px;width: 48%; background: #fff;border-radius: 20px;padding: 62px 0 50px 0;text-align: center;}
  #sec05 li .text01{display: flex;font-size: 18px;justify-content: center;align-items: center;margin: 0 0 20px 0;}
  #sec05 li .text01 span{width: 19px;display: block;margin: 0 4px 0 0;}
  #sec05 li .text02 a{font-size: 48px;color: #f2672b;pointer-events: none;cursor: default;}}
  #sec05 li .btn{margin: 0 auto;font-size: 18px;max-width: 330px;padding: 23px 0;height: auto;}

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

}