@charset "utf-8";
p,span {font-family: 'Noto Sans JP',JP_Noto, 'Zen Kaku Gothic New',  sans-serif;color:#333;}
.img{font-size:0;position:relative;}

.container{
  width:100%;
  min-width: 1660px;
  /*overflow-y: hidden;*/
  position: relative;
}
.container::before{
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  background: url("../img/terrace_private_parking/bg_back.jpg") top center repeat;
  background-size:100%;
  width:100%;
  height:100%;
  z-index: -2;
}
.sec_wrap{
  width:100%;
  position: relative;
  padding:0 20px;
  box-sizing: border-box;
}
.sec_wrap.sec01{
  padding:112px 20px 100px;
  width:100%;
  position: relative;
}
.sec_wrap.sec01 .bg{
  position: absolute;
  top:0;
  right:0;
  width:53.571%;
  height:auto;
  padding-bottom:123.333%;
  background: url("../img/terrace_private_parking/bg_top01_pc.png") no-repeat;
  background-size: 100%;
  mix-blend-mode: multiply;
}
.sec_wrap.sec01 .bg02{
  right:auto;
  left:0;
  width:50.476%;
  padding-bottom:79.388%;
  background: url("../img/terrace_private_parking/bg_top02_pc.png") no-repeat;
  background-size: 100%;
}

.ttl_wrap{
  width:1320px;
  margin:0 auto 100px;
  padding:0 20px;
  box-sizing: border-box;
}
.ttl_wrap .ttl_main{
  width:1143px;
  margin-left:-31px;
}
.plan_wrap{
  width:1280px;
  margin:0 auto 100px;
  box-shadow: 0 0 30px 7px rgba(24,24,25,.1);
}
.plan_wrap .plan_ttl{
  width:100%;
}
.plan_wrap .plan_inner_wrap{
  width:100%;
  display:flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding:80px;
  box-sizing: border-box;
  background-color:#fff;
}
.plan_txt_wrap{
  width:420px;
}
.plan_txt_wrap .plan_type{
  font-size:38px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
  line-height:1;
  color:#1e99cc;
  margin-bottom:30px;
}
.plan_txt_wrap .plan_type strong{
  font-size:89px;
  color:inherit;
  font-weight: 500;
  margin-right:4px;
}
.plan_txt_wrap .plan_ldk{
  color:#1e99cc;
  line-height:1;
  font-size:31px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  margin-bottom:24px;
}
.plan_txt_wrap .plan_ldk strong{
  color:inherit;
  font-size:51px;
  font-weight: 500;
}
.plan_txt_wrap .plan_ldk span{
  color:inherit;
  font-size:24px;
  font-weight: 700;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: -0.05em;
}
.plan_txt_wrap .plan_area{
  font-size:19px;
  white-space: nowrap;
  margin-bottom: 5px;
}
.plan_txt_wrap .plan_area strong{
  font-size:56px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
  color:#1e99cc;
  line-height:1;
}
.plan_txt_wrap .plan_area strong span{
  font-size:43px;
  font-family: 'Heebo', sans-serif;
  font-weight: 500;
  color:inherit;
}
.plan_txt_wrap .plan_area strong span + span{
  font-family: 'Noto Sans JP', sans-serif;
}
.plan_txt_wrap .plan_area strong + span{
  font-size:17px;
}
.plan_txt_wrap .plan_sub_area{
  font-size:19px;
  line-height: 1.632;
  margin-bottom:28px;
}
.point_wrap{
  width:100%;
  margin-bottom:30px;
}
.point_wrap .point{
  width:100%;
  height:58px;
  line-height:58px;
  background-color:#f9f2d7;
  font-size:24px;
  text-align: center;
  margin-bottom:10px;
}
.point_wrap .point:last-child{
  margin-bottom:0;
}
.repay_wrap{
  width:100%;
  background-color:#e8f5fa;
  text-align: center;
}
.repay_wrap .repay_ttl{
  font-size:24px;
  color:#fff;
  background-color:#1e99cc;
  height:58px;
  line-height:58px;
}
.repay_wrap .repay_box{
  box-sizing:border-box;
  padding:21px 20px 30px;
}
.repay_wrap .repay_box .repay_type{
  font-size:21px;
  line-height: 1.381;
  margin-bottom:0;
  padding-bottom:17px;
}
.repay_wrap .repay_box .repay_detail_wrap{
  width:100%;
  border-top:1px solid #000;
  box-sizing: border-box;
  margin-bottom:17px;
}
.repay_wrap .repay_box .repay_detail_wrap .repay_detail{
  font-size:48px;
  line-height:1;
}
.repay_wrap .repay_box .repay_detail_wrap .repay_detail span{
  font-size:92px;
  line-height:1;
  color:#c60901;
  position: relative;
  top:4px;
}
.repay_wrap .repay_box .repay_cap{
  text-align: left;
  font-size:15px;
  line-height: 1.4;
}
.plan_fig_wrap{
  width:700px;
}
.fig_img{
  width:575px;
  margin:0 20px 0 105px;
}
.plan_item_wrap{
  width:100%;
  margin-top:12px;
}
.plan_item_wrap .note_img{
  width:381px;
}
.plan_item_wrap .note_cap{
  font-size:12px;
  line-height:1;
}

@media all and (max-width: 768px) {
  .container{
    min-width: auto;
  }
  .container::before{
    background: url("../img/terrace_private_parking/bg_back_sp.jpg") top center repeat;
    background-size:100%;
    width:100%;
    height:100%;
  }
  .sec_wrap{
    padding:0;
  }
  .sec_wrap.sec01{
    padding:17.188vw 0 10.417vw;
  }
  .sec_wrap.sec01 .bg{
    width:87.63%;
    height:auto;
    padding-bottom:104.455%;
    background: url("../img/terrace_private_parking/bg_top01_sp.png") no-repeat;
    background-size: 100%;
    mix-blend-mode: multiply;
  }
  .sec_wrap.sec01 .bg02{
    display:none;
  }

  .ttl_wrap{
    width:100%;
    margin:0 auto 15.625vw;
    padding:0;
  }
  .ttl_wrap .ttl_main{
    width:80.339%;
    margin:0 auto;
  }
  .plan_wrap{
    width:89.583%;
    margin:0 auto 10.417vw;
    box-shadow: 0 0 15px 4px rgba(24,24,25,.1);
  }
  .plan_wrap .plan_inner_wrap{
    width:100%;
    display:block;
    padding:5.208vw 5.814% 3.906vw;
  }
  .plan_txt_wrap{
    width:100%;
  }
  .plan_txt_wrap .plan_type{
    font-size:4.948vw;
    margin-bottom:5.208vw;
  }
  .plan_txt_wrap .plan_type strong{
    font-size:11.589vw;
    margin-right:0.651vw;
  }
  .plan_txt_wrap .plan_ldk{
    font-size:4.688vw;
    margin-bottom:3.906vw;
  }
  .plan_txt_wrap .plan_ldk strong{
    font-size:7.292vw;
  }
  .plan_txt_wrap .plan_ldk span{
    font-size:3.906vw;
    letter-spacing: -0.05em;
  }
  .plan_txt_wrap .plan_area{
    font-size:3.125vw;
    margin-bottom: 0;
  }
  .plan_txt_wrap .plan_area strong{
    font-size:8.073vw;
  }
  .plan_txt_wrap .plan_area strong span{
    font-size:6.25vw;
  }
  .plan_txt_wrap .plan_area strong + span{
    font-size:2.604vw;
  }
  .plan_txt_wrap .plan_sub_area{
    font-size:3.125vw;
    line-height: 1.5;
    margin-bottom:4.557vw;
  }
  .point_wrap{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:2.604vw;
  }
  .point_wrap .point{
    width:49.178%;
    height:7.552vw;
    line-height:7.552vw;
    font-size:3.125vw;
    margin-bottom:1.302vw;
  }
  .point_wrap .point:nth-last-child(2),
  .point_wrap .point:last-child{
    margin-bottom:0;
  }
  .repay_wrap{
    margin-bottom:5.208vw;
  }
  .repay_wrap .repay_ttl{
    font-size:3.125vw;
    height:7.552vw;
    line-height:7.552vw;
  }
  .repay_wrap .repay_box{
    padding:3.906vw 3.289%;
  }
  .repay_wrap .repay_box .repay_type{
    font-size:3.385vw;
    line-height: 1;
    margin-bottom:0;
    padding-bottom:3.255vw;
  }
  .repay_wrap .repay_box .repay_detail_wrap{
    margin-bottom:3.255vw;
    display:flex;
    justify-content: center;
  }
  .repay_wrap .repay_box .repay_detail_wrap .repay_detail{
    font-size:6.25vw;
    line-height:1;
    letter-spacing: -0.02em;
  }
  .repay_wrap .repay_box .repay_detail_wrap .repay_detail:first-child{
    margin: 0 3.906vw 0 0;
  }
  .repay_wrap .repay_box .repay_detail_wrap .repay_detail span{
    font-size:11.979vw;
    top:0.521vw;
  }
  .repay_wrap .repay_box .repay_cap{
    font-size:1.953vw;
    letter-spacing: 0.02em;
  }
  .plan_fig_wrap{
    width:100%;
  }
  .fig_img{
    width:91.283%;
    margin:0 auto;
  }
  .plan_item_wrap{
    width:100%;
    margin-top:3.255vw;
  }
  .plan_item_wrap .note_img{
    width:83.388%;
    line-height: 0;
    margin-bottom:1.302vw;
  }
  .plan_item_wrap .note_cap{
    font-size:2.604vw;
    line-height:1.5;
  }
}


.sec02{
  width:100%;
  position:relative;
  padding:100px 0;
}
.sec_wrap.sec02 .bg{
  position: absolute;
  top:0;
  right:0;
  width:100%;
  height:auto;
  padding-bottom:34.345%;
  background: url("../img/terrace_private_parking/bg_way_of_life01_pc.png") no-repeat;
  background-size: 100%;
  mix-blend-mode: multiply;
}
.sec_wrap.sec02 .bg02{
  top:auto;
  right:auto;
  left:0;
  bottom:0;
  padding-bottom:46.071%;
  background: url("../img/terrace_private_parking/bg_way_of_life02_pc.png") no-repeat;
  background-size: 100%;
}
.land_txt{
  font-size:40px;
  font-weight: 700;
  line-height:1.7;
  text-align: center;
  margin-bottom:40px;
}
.land_img{
  width:1460px;
  margin:0 auto 40px;
  position:relative;
}
.land_img picture.illust{
  mix-blend-mode: multiply;
}
.land_img picture.illust .cap{
  position:absolute;
  bottom: 230px;
  left: 115px;
  font-size:12px;
}
.land_img picture.pin{
  position:absolute;
  top:0;
  left:0;
}
.land_point_wrap{
  width:1320px;
  margin:0 auto;
  padding:0 20px;
  box-sizing: border-box;
  display:flex;
  align-items: flex-start;
}
.land_point_wrap .land_point_txt_wrap{
  width:270px;
  white-space: nowrap;
  margin-top:40px;
}
.land_point_wrap .land_point_txt_wrap .land_point_img{
  width:71px;
  margin-bottom:15px;
}
.land_point_wrap .land_point_txt_wrap .land_point_txt{
  font-size:30px;
  line-height:1.433;
  font-weight: 700;
}
.land_point_wrap .land_illust_img_wrap{
  width:1204px;
  margin-right:-118px;
  position: relative;
}
.land_point_wrap .land_illust_img{
  mix-blend-mode: multiply;
}
.land_point_wrap .land_illust_img .cap{
  font-size:12px;
  position:absolute;
  bottom:90px;
  right:118px;
}
.land_point_wrap .land_illust_img_wrap .south{
  width:734px;
  position:absolute;
  bottom:47px;
  left:50%;
  transform: translate(-50%,0);
}

@media all and (max-width: 768px) {
  .sec02{
    padding:13.021vw 0 11.719vw;
  }
  .sec_wrap.sec02 .bg{
    padding-bottom:83.333%;
    background: url("../img/terrace_private_parking/bg_way_of_life01_sp.png") no-repeat;
    background-size: 100%;
    mix-blend-mode: multiply;
  }
  .sec_wrap.sec02 .bg02{
    display:none;
  }
  .land_txt{
    font-size:5.208vw;
    margin-bottom:3.906vw;
  }
  .land_img{
    width:100%;
    margin:0 auto 9.115vw;
  }
  .land_img picture.illust .cap{
    bottom: 1.302vw;
    left: 2.214vw;
    font-size:2.604vw;
  }
  .land_point_wrap{
    width:100%;
    padding:0;
    display:block;
  }
  .land_point_wrap .land_point_txt_wrap{
    width:100%;
    margin-top:0;
    text-align: center;
  }
  .land_point_wrap .land_point_txt_wrap .land_point_img{
    width:9.245%;
    margin:0 auto 3.255vw;
    line-height: 0;
  }
  .land_point_wrap .land_point_txt_wrap .land_point_txt{
    font-size:4.688vw;
    line-height:1.472;
    margin-bottom:2.604vw;
  }
  .land_point_wrap .land_illust_img_wrap{
    width:100%;
    margin-right:0;
    overflow: hidden;
  }
  .land_point_wrap .land_illust_img_wrap .land_illust_img{
    width: 108%;
    margin-left: -4%;
  }
  .land_point_wrap .land_illust_img .cap{
    font-size:2.604vw;
    bottom:1.302vw;
    right:5.208vw;
  }
  .land_point_wrap .land_illust_img_wrap .south{
    width:75%;
    position:absolute;
    bottom:3.646vw;
  }
}

.ppt_wrap{
  width:100%;
  position:relative;
  padding:100px 20px;
}
.sec03::after{
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  background-color:#e5f2f8;
  mix-blend-mode: multiply;
  background-size:100%;
  width:100%;
  height:100%;
  z-index: -1;
}
.sec04::after{
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  background-color:#eaffe6;
  mix-blend-mode: multiply;
  background-size:100%;
  width:100%;
  height:100%;
  z-index: -1;
}
.en_ttl{
  width:224px;
  margin:0 auto 8px;
}
.sec04 .en_ttl{
  width:115px;
}
.sec_ttl{
  font-size:40px;
  line-height:1.7;
  text-align: center;
  margin-bottom:67px;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.sec_point_wrap{
  width:1280px;
  margin:0 auto 80px;
  display:flex;
  justify-content: space-between;
}
.sec_point_wrap .flame{
  width:410px;
  position: relative;
}
.sec_point_wrap .flame .flame_txt{
  font-size:26px;
  line-height:1.462;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  position:absolute;
  top:50%;
  left:0;
  transform: translate(0,-50%);
  width:100%;
  text-align: center;
  color:#1e99cc;
}
.sec04 .sec_point_wrap .flame .flame_txt{
  color:#6fd325;
}
.hush_wrap{
  width:1280px;
  margin:0 auto 98px;
}
.hush_wrap.hush2,
.hush_wrap.hush5{
  margin-bottom:0;
}
.hush_wrap .num_ttl_wrap{
  width:100%;
  display:flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom:37px;
}
.hush_wrap .num_ttl_wrap .hush_img{
  margin-right:30px;
  font-size: 0;
}
.hush_wrap .num_ttl_wrap .hush_ttl_img{
  font-size: 0;
}
.hush_wrap.hush1 .num_ttl_wrap .hush_img{
  width:103px;
}
.hush_wrap.hush1 .num_ttl_wrap .hush_ttl_img{
  width:201px;
}
.hush_wrap.hush2 .num_ttl_wrap .hush_img{
  width:124px;
}
.hush_wrap.hush2 .num_ttl_wrap .hush_ttl_img{
  width:371px;
  margin-bottom: -8px;
}
.hush_wrap.hush3 .num_ttl_wrap .hush_img{
  width:123px;
}
.hush_wrap.hush3 .num_ttl_wrap .hush_ttl_img{
  width:184px;
  margin-bottom: -8px;
}
.hush_wrap.hush4 .num_ttl_wrap .hush_img{
  width:127px;
}
.hush_wrap.hush4 .num_ttl_wrap .hush_ttl_img{
  width:280px;
  margin-bottom: -8px;
}
.hush_wrap.hush5 .num_ttl_wrap .hush_img{
  width:124px;
}
.hush_wrap.hush5 .num_ttl_wrap .hush_ttl_img{
  width:247px;
  margin-bottom: -8px;
}
.inner_flex{
  width:1280px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.hush2 .inner_flex,
.hush3 .inner_flex,
.hush5 .inner_flex{
  flex-direction: row-reverse;
}
.inner_flex .inner_txt_wrap{
  width:496px;
}
.inner_flex .inner_txt_wrap .inner_ttl{
  font-size:34px;
  line-height:1.478;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  margin: -10px 0 23px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.hush1 .inner_flex .inner_txt_wrap .inner_ttl{
  margin: -3px 0 25px;
}
.sec04 .inner_flex .inner_txt_wrap .inner_ttl{
  margin-bottom:10px;
}
.sec04 .hush4 .inner_flex .inner_txt_wrap .inner_ttl{
  margin-bottom:12px;
}
.sec04 .hush5 .inner_flex .inner_txt_wrap .inner_ttl{
  margin-bottom:11px;
}
.inner_flex .inner_txt_wrap .inner_txt{
  font-size:21px;
  line-height:1.81;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  margin-bottom:32px;
  letter-spacing: -0.02em;
}
.hush1 .inner_flex .inner_txt_wrap .inner_txt{
  margin-bottom:35px;
}
.sec04 .inner_flex .inner_txt_wrap .inner_txt{
  margin-bottom:20px;
}
.inner_flex .inner_txt_wrap .inner_img{
  position:relative;
  font-size:0;
}
.inner_flex .img{
  width:739px;
  position:relative;
}
.inner_flex .cap{
  font-size:12px;
  position:absolute;
  bottom:0;
  right:0;
  margin:3px 5px;
}
.inner_flex .cap.wh{
  color:#fff;
}

@media all and (max-width: 768px) {
  .ppt_wrap{
    padding:15.63vw 0;
  }
  .en_ttl{
    width:30.339%;
    margin:0 auto 3.255vw;
    line-height: 0;
  }
  .sec04 .en_ttl{
    width:15.625%;
  }
  .sec_ttl{
    font-size:5.208vw;
    margin-bottom:6.12vw;
  }
  .sec_point_wrap{
    width:89.583%;
    margin:0 auto 10.417vw;
    display:block;
  }
  .sec_point_wrap .flame{
    width:100%;
    margin-bottom:2.604vw;
  }
  .sec_point_wrap .flame:last-child{
    margin-bottom:0;
  }
  .sec_point_wrap .flame .flame_txt{
    font-size:4.688vw;
    line-height:1.389;
  }
  .hush_wrap{
    width:89.583%;
    margin:0 auto 10.417vw;
  }
  .hush_wrap.hush2,
  .hush_wrap.hush5{
    margin-bottom:0;
  }
  .hush_wrap .num_ttl_wrap{
    margin-bottom:3.906vw;
  }
  .hush_wrap .num_ttl_wrap .hush_img{
    margin-right:4.557vw;
  }
  .hush_wrap.hush1 .num_ttl_wrap .hush_img{
    width:17.297%;
  }
  .hush_wrap.hush1 .num_ttl_wrap .hush_ttl_img{
    width:34.738%;
  }
  .hush_wrap.hush2 .num_ttl_wrap .hush_img{
    width:20.93%;
  }
  .hush_wrap.hush2 .num_ttl_wrap .hush_ttl_img{
    width:63.953%;
    margin-bottom: -1.367%;
  }
  .hush_wrap.hush3 .num_ttl_wrap .hush_img{
    width:20.93%;
  }
  .hush_wrap.hush3 .num_ttl_wrap .hush_ttl_img{
    width:31.541%;
    margin-bottom: -1.367%;
  }
  .hush_wrap.hush4 .num_ttl_wrap .hush_img{
    width:21.512%;
  }
  .hush_wrap.hush4 .num_ttl_wrap .hush_ttl_img{
    width:45.203%;
    margin-bottom: -1.367%;
  }
  .hush_wrap.hush5 .num_ttl_wrap .hush_img{
    width:20.93%;
  }
  .hush_wrap.hush5 .num_ttl_wrap .hush_ttl_img{
    width:42.297%;
    margin-bottom: -1.367%;
  }
  .inner_flex{
    width:100%;
    display: block;
  }
  .inner_flex .inner_txt_wrap{
    width:100%;
    margin-bottom:2.604vw;
  }
  .inner_flex .inner_txt_wrap .inner_ttl{
    font-size:5.208vw;
    line-height:1.4;
    margin: 0 0 3.255vw;
  }
  .hush1 .inner_flex .inner_txt_wrap .inner_ttl{
    margin: 0 0 3.255vw;
  }
  .sec04 .inner_flex .inner_txt_wrap .inner_ttl{
    margin-bottom:3.255vw;
  }
  .sec04 .hush4 .inner_flex .inner_txt_wrap .inner_ttl{
    margin-bottom:3.255vw;
  }
  .sec04 .hush5 .inner_flex .inner_txt_wrap .inner_ttl{
    margin-bottom:3.255vw;
  }
  .inner_flex .inner_txt_wrap .inner_txt{
    font-size:3.385vw;
    line-height:1.692;
    margin-bottom:3.906vw;
  }
  .hush1 .inner_flex .inner_txt_wrap .inner_txt{
    margin-bottom:3.906vw;
  }
  .sec04 .inner_flex .inner_txt_wrap .inner_txt{
    margin-bottom:3.906vw;
  }
  .inner_flex .img{
    width:100%;
  }
  .inner_flex .cap{
    font-size:2.604vw;
    margin:0.601vw 1.302vw;
  }
}

.sec05{
  padding:100px 0 0;
  background-color:#fff;
}

@media all and (max-width: 768px) {
  .sec05{
    padding:10.417vw 0 0;
    margin-bottom:0;
  }
}

/*ボタン*/

.btnWrap{
  width:1280px;
  margin:0 auto;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.btnWrap .btn{
  width:401px;
  height:81px;
}
.btnWrap .btn a{
  display:block;
  height:100%;
  line-height:81px;
  font-size:20px;
  color:#fff;
  background-color:#8bc2d5;
  border-radius: 40px;
  position:relative;
  padding-right:25px;
  box-sizing:border-box;
  text-align: center;
}
.btnWrap .btn a span{
  position:absolute;
  top:50%;
  right:27px;
  width:30px;
  height:2px;
  border-top:2px solid #f7fbfc;
}
.btnWrap .btn a span::after{
  content:'';
  display:inline-block;
  position:absolute;
  top:-6px;
  right:0;
  width:12px;
  height:2px;
  border-top:2px solid #f7fbfc;
  transform: rotate(45deg);
}
.btnWrap .btn a:hover span{
  animation: moveArrow 0.7s linear forwards;
}


@media all and (max-width: 768px) {
  .btnWrap{
    width:100%;
    display:block;
  }
  .btnWrap .btn{
    width:52.214%;
    height:10.547vw;
    margin:0 auto;
  }
  .btnWrap .btn a{
    line-height:10.547vw;
    font-size:3.646vw;
    border-radius: 50px;
    padding-right:0;
  }
  .btnWrap .btn a span{
    right:3.896vw;
    width:3.896vw;
    height:0.26vw;
    border-top:0.26vw solid #f7fbfc;
  }
  .btnWrap .btn a span::after{
    top:-3px;
    width:1.558vw;
    height:0.26vw;
    border-top:0.26vw solid #f7fbfc;
  }
  .btnWrap .btn a:hover span{
    animation: moveArrow 0.7s linear forwards;
  }
}


.sec01 .btnWrap .btn{
  width:748px;
  height:124px;
}
.sec01 .btnWrap .btn a{
  line-height:124px;
  font-size:27px;
  color:#333;
  background-color:#ffd800;
  padding-right:0;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  border-radius: 62px;
  letter-spacing: -0.02em;
}
.sec01 .btnWrap .btn a strong{
  font-size: inherit;
  letter-spacing: -0.15em;
}
.sec01 .btnWrap .btn a span{
  right:40px;
  border-top:2px solid #333;
}
.sec01 .btnWrap .btn a span::after{
  border-top:2px solid #333;
}
.captionArea,
#footer{
  min-width: 1660px;
}

@media all and (max-width: 768px) {
  .sec01 .btnWrap .btn{
    width:89.583%;
    height:16.146vw;
    margin:0 auto;
  }
  .sec01 .btnWrap .btn a{
    line-height:1.353;
    font-size:4.427vw;
    padding:1.953vw 0;
    box-sizing: border-box;
  }
  .sec01 .btnWrap .btn a strong{
    font-size: inherit;
    letter-spacing: -0.15em;
  }
  .sec01 .btnWrap .btn a span{
    right:5.208vw;
    width:6.771vw;
    border-top:0.26vw solid #333;
  }
  .sec01 .btnWrap .btn a span::after{
    width:2.214vw;
    border-top:0.26vw solid #333;
    top:-5px;
  }
  .captionArea,
  #footer{
    min-width: auto;
  }
}