@charset "UTF-8";
@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#online .c-main__ttl02-wrap {
  background: url(../images/online/header_bg.jpg) no-repeat top center/cover;
  margin-inline: auto;
  max-width: 1920px;
  width: 100%;
}

.con01{padding: 115px 0 0 0;}
.con01 .con01-ttlfarme{margin: 0 0 50px 0;}
.con01 .con01-ttlfarme .subttl{text-align: center;padding: 0px 0px 60px 0px;font-size:22px;line-height: 1.6;letter-spacing: 0px;background-image:url(../images/online/con01-subt-line.svg);background-position: center top 58px;background-repeat:no-repeat;color: #333333;}
.con01 .con01-ttlfarme .mainttl{text-align: center;margin: -15px 77px 0 0;}

.p-modelroom__scrolldown {animation: scroll 2s infinite;background: #333;height: 5rem;left: 50%;position: relative;transform: translateX(-50%);width: 1px;z-index: 10;bottom: 0;}
.con01 .con01-box{background-color:#EFEDE7;width: 1500px;margin: -40px auto 100px;padding: 100px 0 80px 0;}
.con01 .con01-box .mainttl{text-align: center;font-size: 34px;line-height: 1.6;letter-spacing: 3px;color: #333333;margin: 0 0 57px 0;}
.con01 .con01-box .mainttl span{font-size: 22px;line-height: 1.6;letter-spacing: 1px;display: block;padding: 0 0 11px 0;}
.con01 .con01-box .con01-boxlist{ }
.con01 .con01-box .con01-boxlist li{width: 1160px;margin: 0 auto 40px;background-color:#fff;position:relative;border-radius:5px 5px 0 0;padding: 58px 60px 63px 83px;}
.con01 .con01-box .con01-boxlist li::after{content: "";width: 1100px;height: 1px;margin: 0 auto;background: #CBC6AF;position: absolute;left: 0;right: 0;bottom: 0px;}
.con01 .con01-box .con01-boxlist li .num{margin: 0 0 18px 0;}
.con01 .con01-box .con01-boxlist li .list-ttl{width: 600px;color: #A88C53;font-size: 26px;line-height: 1.6;letter-spacing: 1.2px;font-weight:bold;margin: 0 0 14px -4px;}
.con01 .con01-box .con01-boxlist li .photo{position: absolute;top: 60px;right: 82px;}
.con01 .con01-box .con01-boxlist li .txt{width: 680px;font-size: 15px;line-height: 2.1;letter-spacing: 0px;color: #333333;margin: 0 0 0 -4px;}

.con-end{padding: 0 0 0px 0;margin: 0 0 -77px 0; position:relative;}
.con-end .photo{}
.con-end .con-end-ttlframe{width: 652px; margin: 0 auto; position:relative; top: -20px; z-index: 10;}
.con-end .con-end-ttlframe .end-ttl{width: 652px;margin: 0 auto;padding: 10px 0px 10px 0px;background-color:#BAA476;font-size: 42px;line-height: 1.6;letter-spacing: 1px;font-weight: 500;font-feature-settings: "palt";text-align: center;color: #fff;}
.con-end .con-end-ttlframe .end-ttl span{}

.form-Box {padding: 130px 0px 205px;}
.form-Box .form-box-inner{top:0 !important;padding: 61px 0 120px 0;border-top:10px solid #BAA477;}



@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 60s infinite linear 0.5s both;
  }
  .scroll-infinity__item {
    width: calc(100vw / 6);
  }

  .scroll-infinity__list--left img{
    height: 280px;
  }

  .scroll-infinity__item>img {
    width: 100%;
  }

.input_area{}
td .form-txt{font-size: 14px;line-height: 1.6;letter-spacing: 1px;color: #333333;padding: 0 0 15px 0;}
.input_area .wpcf7-radio span.wpcf7-list-item{display: block;color: #333333;font-size: 14px;line-height: 2.8;letter-spacing: 1px;}

}




/* ========================================
@media screen and (min-width:768px) and (max-width:1530px)
======================================== */
@media screen and (min-width:768px) and (max-width:1530px) {
.con01 { padding: 7.52vw 0 0 0; }
.con01 .con01-ttlfarme { margin: 0 0 3.27vw 0; }
.con01 .con01-ttlfarme .subttl {text-align: center;padding: 0px 0px 4.92vw 0px;font-size: 18px;/* line-height: 1.6; *//* letter-spacing: 0px; */background-image: url(../images/online/con01-subt-line.svg);background-position: center top 3.79vw;background-repeat: no-repeat;color: #333333;}
.con01 .con01-ttlfarme .mainttl { text-align: center; margin: -0.98vw 5.03vw 0 0; width: 100%; }
.con01 .con01-ttlfarme .mainttl img{width: 46vw;}
.p-modelroom__scrolldown { animation: scroll 2s infinite; background: #333; height: 3.27vw; left: 50%; position: relative; transform: translateX(-50%); width: 0.07vw; z-index: 10; bottom: 0; }
.con01 .con01-box {background-color: #EFEDE7;width: 94vw;margin: -2.61vw auto 6.53vw;padding: 6.53vw 0 5.23vw 0;}
.con01 .con01-box .mainttl {text-align: center;/* font-size: 2.22vw; *//* line-height: 1.6; *//* letter-spacing: 0.2vw; */color: #333333;margin: 0 0 3.72vw 0;}
.con01 .con01-box .mainttl span {/* font-size: 1.44vw; *//* line-height: 1.6; *//* letter-spacing: 0.07vw; */display: block;padding: 0 0 0.72vw 0;}

.con01 .con01-box .con01-boxlist {}
.con01 .con01-box .con01-boxlist li {width: 83.82vw;margin: 0 auto 2.61vw;background-color: #fff;position: relative;border-radius: 0.33vw 0.33vw 0 0;padding: 3.79vw 3.92vw 4.12vw 5.43vw;}
.con01 .con01-box .con01-boxlist li::after { content: ""; width: 71.9vw; height: 0.07vw; margin: 0 auto; background: #CBC6AF; position: absolute; left: 0; right: 0; bottom: 0px; }
.con01 .con01-box .con01-boxlist li .num { margin: 0 0 1.18vw 0; }
.con01 .con01-box .con01-boxlist li .list-ttl {width: 47.21vw;color: #A88C53;/* font-size: 1.7vw; *//* line-height: 1.6; */letter-spacing: 0.07vw;font-weight: bold;margin: 0 0 0.92vw -0.26vw;}
.con01 .con01-box .con01-boxlist li .photo {position: absolute;top: 3.92vw;right: 5.36vw;/* width: 100%; */}
.con01 .con01-box .con01-boxlist li .photo img{width: 20vw;}
.con01 .con01-box .con01-boxlist li .txt {width: 48.44vw;/* font-size: 0.98vw; *//* line-height: 2.1; *//* letter-spacing: 0px; */color: #333333;margin: 0 0 0 -0.26vw;}
.con-end { padding: 0 0 0px 0; margin: 0 0 -5.03vw 0; position: relative; }
.con-end .photo {}
.con-end .con-end-ttlframe { width: 42.61vw; margin: 0 auto; position: relative; top: -1.31vw; z-index: 10; }
.con-end .con-end-ttlframe .end-ttl { width: 42.61vw; margin: 0 auto; padding: 0.65vw 0px 0.65vw 0px; background-color: #BAA476; font-size: 2.75vw; line-height: 1.6; letter-spacing: 0.07vw; font-weight: 500; font-feature-settings: "palt"; text-align: center; color: #fff; }

.form-Box {padding: 8.5vw 0px 10.29vw;}
.form-Box .form-box-inner { top: 0 !important; border-top: 0.65vw solid #BAA477; }
}





/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#online .c-main__ttl02-wrap {
  background: url(../images/online/sp_header_bg.jpg) no-repeat top center/cover;
}

.con01{padding: 24.78vw 0 0 0;}
.con01 .con01-ttlfarme{margin: 0 0 11.08vw 0;}
.con01 .con01-ttlfarme .subttl{text-align:center;padding: 0px 0 13.49vw 0;font-size: 4.8vw;line-height: 1.7;letter-spacing: 0;background-image:url(../images/online/con01-subt-line_sp.svg);background-position: center top 21vw;background-repeat:no-repeat;background-size: 88%;color:#333333;}
.con01 .con01-ttlfarme .mainttl{text-align:center;margin: -1.62vw 7vw 0 0vw;}
.p-modelroom__scrolldown{animation:scroll 2s infinite;background:#333;height: 21.08vw;left:50%;position:relative;transform:translateX(-50%);width:0.24vw;z-index:10;bottom:0;}
.con01 .con01-box{background-color:#EFEDE7;width: 94%;margin: -11.66vw auto 14.5vw;padding: 17.15vw 0 7.32vw 0;}
.con01 .con01-box .mainttl{text-align:center;font-size:5.314vw;line-height:1.6;letter-spacing: 0.5vw;color:#333333;margin: 0 0 9.77vw 0;}
.con01 .con01-box .mainttl span{font-size: 3.8vw;line-height:1.6;letter-spacing: 0.28vw;display:block;padding: 0px 0 2vw 0;}
.con01 .con01-box .con01-boxlist{}
.con01 .con01-box .con01-boxlist li{width: 94%;margin: 0 auto 7.66vw;background-color:#fff;position:relative;border-radius:1.21vw 1.21vw 0 0;padding: 9vw 6vw 8.22vw 6vw;}
.con01 .con01-box .con01-boxlist li::after{content:"";width:100%;height:0.24vw;margin:0 auto;background:#CBC6AF;position:absolute;left:0;right:0;bottom:0;}
.con01 .con01-box .con01-boxlist li .num{margin: 0 0 4.35vw 0;text-align: center;}
.con01 .con01-box .con01-boxlist li .list-ttl{/* width:144.93vw; */color:#A88C53;font-size:5.314vw;line-height: 1.7;letter-spacing:0.29vw;font-weight:bold;margin: 0 0 5.38vw -0.96vw;text-align: center;}
.con01 .con01-box .con01-boxlist li .photo{z-index:5;margin: 0 0 3vw 0;padding: 0 2vw 0 2vw;}
.con01 .con01-box .con01-boxlist li .txt{width: 96%;font-size:3.14vw;line-height: 2;letter-spacing: 0;color:#333333;margin: 0 auto 0 auto;}

.con-end{padding:0 0 0 0;margin: 0 0 -24.6vw 0;position:relative;}
.con-end .photo{}
.con-end .con-end-ttlframe{/* width:157.25vw; */margin:0 auto;position:relative;top: -7.83vw;z-index:10;}
.con-end .con-end-ttlframe .end-ttl{/* width:157.25vw; */margin:0 auto;padding:2.41vw 0;font-size:6.28vw;line-height:1.6;letter-spacing:0.24vw;font-weight:500;font-feature-settings:"palt";text-align:center;color:#fff;}
.con-end .con-end-ttlframe .end-ttl span{background-color:#BAA476; display: block;padding: 5px 0 5px 0;}
.con-end .con-end-ttlframe .end-ttl span:nth-child(1){width: 52vw;margin: 0 auto;}
.con-end .con-end-ttlframe .end-ttl span:nth-child(2){width: 64vw;margin: -0.5vw auto 0;}

.form-Box{padding: 21.4vw 0 25.45vw;/* margin: -9vw 0 0 0 !important; */!i;!;}
.form-Box .form-box-inner{top:0 !important;border-top: 2vw solid #BAA477;}


@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
    width: 475%;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 20s infinite linear 0.5s both;
  }
  .scroll-infinity__item {
    width: calc(100vw / 1);
  }
  .scroll-infinity__item>img {
    width: 100%;
  }

.input_area .wpcf7-radio{
    margin: 0 0 4vw 0;
    display: block;
}
td .form-txt{font-size:3.382vw;line-height: 1.6;letter-spacing: 1px;color: #333333;padding: 0 0 2vw 0;}
.input_area .wpcf7-radio span.wpcf7-list-item{display: block;color: #333333;font-size: 14px;line-height: 2.4;letter-spacing: 1px;}

}