@charset "UTF-8";

.pre-inc article{overflow: hidden;}
.pre-inc section{margin-top: 5em;animation-name: fadeInUp;}
.pre-inc .cap{font-size: 0.65rem;position: absolute;right: 1.5%;bottom: 1%;color: #fff;text-shadow: 0 0 0.2em #000,0 0 0.2em #000,0 0 0.2em #000,0 0 0.2em #000,0 0 0.2em #000;text-align: right;}
.pre-inc .cap_l{right: auto;left: 1.5%;}
.pre-inc sup{font-size:0.6em;}
.pre-inc .note a{color:#0000EE;}
.pre-inc .note a:hover{text-decoration:underline;}

@media only screen and (max-width: 768px) {
.pre-inc section{margin-top: 3em;}
}

/* MV */
.pre-inc .mv_area{font-size: 1vw;background: #000;height: calc(56.25vw - 10px);overflow: hidden;}
.pre-inc .mv_area video{width: 100%;vertical-align: bottom;}
.pre-inc .main_copy{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;color: #fff;text-align: center;font-size: 10vw;line-height: 1.2;}
.pre-inc .main_copy > span{display: inline-block;font-family: "EB Garamond", serif;line-height: 0.73;opacity: 0;animation: 3.5s fadeIn 0s forwards;}
.pre-inc .main_copy > span i{content: "";width: 100%;height: 0.01em;background: #fff;display: block;position: absolute;left: 0;bottom: 0;transform: scaleX(0);}
.pre-inc .main_copy > span:nth-of-type(2){animation-delay: 1.5s;}
.pre-inc .main_copy > span:nth-of-type(3){animation-delay: 3s;}
.pre-inc .main_copy > span:nth-of-type(1) i{animation: 1s scale_x 0.5s forwards linear;}
.pre-inc .main_copy > span:nth-of-type(2) i{animation: 2s scale_x_l 2s forwards linear;width: 100vw;left: auto;right: 0;}
.pre-inc .main_copy > span:nth-of-type(3) i{animation: 1.5s scale_x_r 3.5s forwards linear;width: 100vw;}
.pre-inc .mv_lead{background: #858379;text-align: center;color: #fff;padding: 4em 0;animation-name: fadeInUp;}
.pre-inc .mv_lead h2{font-size: 3.15em;letter-spacing: 0.3em;padding-left: 0.3em;}
.pre-inc .mv_lead h2 ~ p{font-size: 1.2em;margin-top: 1.3em;line-height: 1.8;}

@media only screen and (min-width: 769px) {
.pre-inc .main_btn:hover{opacity: 0.6;}
}

@media only screen and (max-width: 768px) {
.pre-inc .mv_area{height: 120vw;font-size: 1.7vw;}
.pre-inc .mv_area video{width: auto;height: 100%;left: 50%;transform: translateX(-50%);}
.pre-inc .main_copy{font-size: 11vw;}
.pre-inc .mv_lead{padding: 3em 0;}
.pre-inc .mv_lead h2{font-size: 2.5em;}
.pre-inc .mv_lead h2 ~ p{font-size: 1.1em;}
}

/* アンカーボタン */
.pre-inc .floating_btn{position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 100;width: 30em;display: none;overflow: hidden;padding-left: 0.75em;}
.pre-inc .floating_btn::before{content: "";width: 0.75em;height: 100%;background: #524747;transform: skewY(-47deg);display: block;position: absolute;left: 0;top: 0.45em;}
.pre-inc .floating_btn_wrap{padding: 1.2em 0;background: #524747;color: #fff;font-size: 0.7em;text-align: center;}
.pre-inc .floating_btn_wrap::before{content: "";width: 1.86em;height: 2.64em;display: block;position: absolute;left: 0.5em;top: 0;bottom: 0;margin: auto 0;background: url("../img/yodogawa_style/navi_i.png") no-repeat center center/contain;}
.pre-inc .floating_btn a{color: #fff;transition: 0.3s all;}
.pre-inc .floating_btn a:hover{color: #bdac99;}

@media only screen and (max-width: 768px) {
.pre-inc .floating_btn{width: 90vw;}
.pre-inc .floating_btn_wrap{font-size: 0.8em;}
}

/* コンテンツ共通 */
.pre-inc .contents_main{width: 80em;margin: 0 auto;}
.pre-inc .contents_main > figure{width: 60em;margin-left: auto;overflow: hidden;}
.pre-inc .contents_main > figure img{animation-name: scale_small_s;}
.pre-inc .contents_main_copy{position: absolute;left: 0;top: 2em;z-index: 1;}
.pre-inc .contents_main_copy h2 > small{font-family: "EB Garamond", serif;margin-bottom: 0.7em;font-size: 1.8em;letter-spacing: 0.1em;display: block;animation-name: fadeInLeft;}
.pre-inc .contents_main_copy h2 > figure{margin-top: 1.7em;height: 2.4em;animation-name: fadeInLeft;animation-delay: 0.2s;}
.pre-inc .contents_main_copy h2 > figure img{height: 100%;}
.pre-inc .contents_main_copy h2 > figure:nth-of-type(2){animation-delay: 0.4s;}
.pre-inc .lead{font-size: 1.4em;text-align: center;margin-top: 1.5em;letter-spacing: 0.05em;animation-name: fadeInUp;}
.pre-inc .lead + *{margin-top: 1.5em;}
.pre-inc .contents_wrap{background: #595959;padding: 2.25em 0;}
.pre-inc .contents_wrap > li{max-width: 64em;margin: 0 auto;}

@media only screen and (max-width: 768px) {
.pre-inc .contents_main{font-size: 2.5vw;width: 100%;}
.pre-inc .contents_main > figure{width: 80%;height: 80vw;}
.pre-inc .contents_main > figure img{width: auto;height: 100%;left: 50%;transform: translateX(-50%);max-width: none;animation: none;}
.pre-inc .contents_main_copy{left: 1.5em;filter: drop-shadow(0 0 0.1em #fff) drop-shadow(0 0 0.1em #fff)}
.pre-inc .contents_main_copy h2 > small{filter: drop-shadow(0 0 0.2em #fff)}
.pre-inc .lead{font-size: 1.2em;}
.pre-inc .contents_wrap > li{padding: 0 4vw;}
}

/* コンテンツ個別 */
.pre-inc .access_map{overflow: hidden;}
.pre-inc .access_map img{width: 100%;animation-name: scale_small_s;}
.pre-inc .access_map_copy{font-size: 1.4em;padding: 1em 1.5em;background: rgba(255,255,255,0.8);position: absolute;right: 0;bottom: 0;animation-name: fadeInUp;}

.pre-inc .slider_wrap{padding: 3.5em 0;animation-name: fadeInUp;}
.pre-inc .slider li{margin: 0 1em;}
.pre-inc .slider li > div{transition: 0.3s all;cursor: pointer;padding-bottom: 1.5em;display: inline-block;}
.pre-inc .slider li > div::after{content: "more →";display: block;font-size: 0.9em;position: absolute;right: 0;bottom: 0;}
.pre-inc .slider li figure{margin-top: 0.3em;overflow: hidden;display: inline-block;}
/* .pre-inc .slider li figure img{height: 100%;} */
.pre-inc .slider li h3{font-size: 0.9em;}
.pre-inc .slider li figure + p{margin-top: 0.2em;width: 100%;}
.pre-inc .slider li i{position: absolute;left: 0.5em;bottom: 0.5em;width: 2em;animation-name: scale_small;animation-delay: 0.5s;}
.pre-inc .slider .slick-arrow{height: 2em;position: absolute;top: 0;bottom: 3em;margin: auto 0;z-index: 1;cursor: pointer;}
.pre-inc .slider .slick-arrow.prev{left: 1em;}
.pre-inc .slider .slick-arrow.next{right: 1em;}
.pre-inc .slider .slick-arrow img{height: 100%;}

.pre-inc #development .slider_wrap{background: #e1e3d9;}
.pre-inc #development .slider li{width: 26em;}
.pre-inc #development .modal{max-width: 50em;display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1000;max-height: 40em;text-align: center;}
.pre-inc #development .modal .close_btn{color: #fff;font-weight: 500;line-height: 1;width: 1em;height: 1em;display: flex;justify-content: center;align-items: center;background: #000;position: absolute;right: 0;top: -1.2em;cursor: pointer;z-index: 1;font-size: 1.5em;transition: 0.3s all;padding-bottom: 0.15em;}
.pre-inc #development .modal .development_tit_s{font-size: 1.4em;margin-top: 0.4em;}
.pre-inc #development .modal .development_tit_s + p{margin-top: 0.5em;text-align: left;}
.pre-inc #development .modal > figure img{width: 100%;}
.pre-inc #development .modal_bk{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.9);z-index: 999;display: none;cursor: pointer;}

.pre-inc #lifestyle .slider_wrap{background: #858379;color: #fff;}
.pre-inc .lifestyle_tit_s{margin-top: 0.3em;font-size: 0.95em;}
.pre-inc .lifestyle_tit_s + div{margin-top: 0.2em;overflow: hidden;max-height: 2.7em;}
.pre-inc .lifestyle_tit_s + div p{font-size: 0.75em;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.pre-inc #lifestyle .slider li{width: 17.4em;}
.pre-inc #lifestyle .modal{max-width: 38em;display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1000;max-height: 42em;overflow-y: auto;background: #fff;}
.pre-inc #lifestyle .modal .close_btn{color: #fff;font-weight: 500;line-height: 1;width: 1em;height: 1em;display: flex;justify-content: center;align-items: center;background: #000;position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1;font-size: 1.5em;transition: 0.3s all;padding-bottom: 0.15em;}
.pre-inc #lifestyle .modal > figure img{width: 100%;}
.pre-inc #lifestyle .modal .lifestyle_tit{font-size: 0.9em;color: #fff;position: absolute;left: 0;top: 0;width: 11em;text-align: center;padding: 0.5em;background: #595959;z-index: 1;}
.pre-inc #lifestyle .modal .lifestyle_tit_s{margin: 0.7em 1rem 0;font-size: 1.2em;}
.pre-inc #lifestyle .modal .lifestyle_tit_s + p{font-size: 0.9em;margin: 0.3em 1rem 0;}
.pre-inc #lifestyle .modal_frame{background: #595959;margin-top: 1.2em;display: flex;padding: 1em;}
.pre-inc #lifestyle .modal_frame > dt{width: 23em;color: #fff;}
.pre-inc #lifestyle .modal_frame > dt h5{font-size: 1.2em;}
.pre-inc #lifestyle .modal_frame > dt h5 small{font-size: 0.7em;}
.pre-inc #lifestyle .modal_frame > dt h5 + p{font-size: 0.8em;margin-top: 0.3em;}
.pre-inc #lifestyle .modal_frame > dt a{color: #fff;text-decoration: underline;}
.pre-inc #lifestyle .modal_frame > dt h5 + p i{display: inline-block;margin-right: 0.5em;line-height: 1;}
.pre-inc #lifestyle .modal_frame > dd{width: 15em;}

.pre-inc #lifestyle .modal_bk{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);z-index: 999;display: none;cursor: pointer;}
.pre-inc body.overflow{overflow: hidden;}

.pre-inc #residence .contents_main_wrap{background: url(../img/yodogawa_style/residence_main.webp) no-repeat center bottom/cover;}
.pre-inc #residence .contents_main_copy h2 > small{color: #fff;}
.pre-inc .residence_main_wrap{width: 100%;padding: 5em 0 3em;color: #fff;text-align: right;z-index: 1;}
.pre-inc .residence_main_lead{display: inline-block;margin-top: 2em;animation-name: fadeInRight;}
.pre-inc .residence_main_lead p{font-size: 1.2em;letter-spacing: 0.05em;line-height: 1.8;}
.pre-inc .residence_main_item{margin-top: 2.5em;display: flex;align-items: flex-end;}
.pre-inc .residence_main_item > dt{width: 35em;animation-name: fadeInRight02;}
.pre-inc .residence_main_item > dt a{display: inline-block;padding: 0.5em 1.7em 0.5em;font-size: 0.8em;background: #000;color: #fff;transition: 0.3s all;font-weight: 600;position: absolute;left: 1.3em;bottom: 1em;overflow: hidden;}
.pre-inc .residence_main_item > dt a::after{content: "→";display: inline-block;margin-left: 0.5em;}
.pre-inc .residence_main_item > dt a span{position: absolute;}
.pre-inc .residence_main_item > dt a span:nth-of-type(1){top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(to right, rgba(0,0,0,0.8), #B59A5B);animation: animate1 2s linear infinite;}
@keyframes animate1{
0%{transform: translateX(-100%);}
100%{transform: translateX(100%);}
}
.pre-inc .residence_main_item > dt a span:nth-of-type(2){top: 0;right: 0;width: 2px;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0.8), #B59A5B);animation: animate2 2s linear infinite;animation-delay: 1s;}
@keyframes animate2{
0%{transform: translateY(-100%);}
100%{transform: translateY(100%);}
}
.pre-inc .residence_main_item > dt a span:nth-of-type(3){bottom: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(to left, rgba(0,0,0.8), #B59A5B);animation: animate3 2s linear infinite;}
@keyframes animate3{
0%{transform: translateX(100%);}
100%{transform: translateX(-100%);}
}
.pre-inc .residence_main_item > dt a span:nth-of-type(4){top: 0;left: 0;width: 2px;height: 100%;background: linear-gradient(to top, rgba(0,0,0.8), #B59A5B);animation: animate4 2s linear infinite;animation-delay: 1s;}
@keyframes animate4{
0%{transform: translateY(100%);}
100%{transform: translateY(-100%);}
}
.pre-inc .residence_main_item > dd{width: 28em;text-align: left;margin-left: 2.5em;}
.pre-inc .residence_main_item > dd h4{font-size: 1.3em;font-weight: 600;animation-name: fadeInRight02;}
.pre-inc .residence_main_item > dd h4 + p{font-size: 0.9em;margin-top: 0.3em;animation-name: fadeInRight02;}
.pre-inc .residence_main_item > dd h4 + p small{font-size: 0.8em;}
.pre-inc .residence_main_item > dd a{display: inline-block;padding: 0.5em 1.7em;margin-right: 1em;font-size: 0.8em;background: #333;color: #fff;margin-top: 1.5em;animation-name: fadeInRight02;}
.pre-inc .residence_main_item > dd a::after{content: "→";display: inline-block;margin-left: 0.5em;}
.pre-inc .residence_main_item > dd a:nth-of-type(2){animation-delay: 0.2s;}
.pre-inc .residence_main_item > dd a:nth-of-type(3){animation-delay: 0.4s;}
.pre-inc .residence_main_item dd .comingsoon{margin-bottom:5em;}

.pre-inc .map-wrap {margin: 0 auto; min-height: 40em;}
.pre-inc .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.pre-inc .lead_wrap{background: #595959;color: #fff;font-size: 1.2em;text-align: center;padding: 2em 1em;letter-spacing: 0.05em;}
.pre-inc .lead_wrap p{animation-name: fadeInUp;}
.pre-inc .gallery_main{height: 35.5em;}
.pre-inc .gallery_main > figure{height: 100%;overflow: hidden;}
.pre-inc .gallery_main > figure img{width: auto;height: 100%;left: 50%;transform: translateX(-50%);max-width: none;animation-name: bokashi_img02;}
.pre-inc .gallery_main h2{font-size: 2.5em;position: absolute;left: 0;top: 1.1em; text-align: center;color: #fff;width: 100%;line-height: 1.2;animation-name: fadeInUp;animation-delay: 0.3s;}
.pre-inc .vrmr{font-size: 1.2em;padding: 0.25em 0;background-image: linear-gradient(00deg, #fff, #fff), linear-gradient(00deg, #fff, #fff), linear-gradient(00deg, #fff, #fff), linear-gradient(00deg, #fff, #fff);background-repeat: no-repeat;background-size: 0.25em 100%, 100% 0.25em, 0.25em 100%, 100% 0.25em;background-position: left bottom, left top, right top, right bottom;animation: square 1.5s linear;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 3em; width: 15em;color: #fff;text-align: center;}
.pre-inc .vrmr span{font-weight: 700;}
@keyframes square{
0%{background-size: 0.25em 0, 0 0.25em, 0.25em 0, 0 0.25em;}
15%{background-size: 0.25em 100%, 0 0.25em, 0.25em 0, 0 0.25em;}
50%{background-size: 0.25em 100%, 100% 0.25em, 0.25em 0, 0 0.25em;}
65%{background-size: 0.25em 100%, 100% 0.25em, 0.25em 100%, 0 0.25em;}
100%{background-size: 0.25em 100%, 100% 0.25em, 0.25em 100%, 100% 0.25em;}
}
.pre-inc #gallery .contents_wrap{background: #1b355a;color: #fff;}
.pre-inc .gallery_item{display: flex;justify-content: space-between;}
.pre-inc .gallery_item > dt{width: 31em;animation-name: fadeInUp;}
.pre-inc .gallery_tit{font-size: 1.4em;font-weight: 600;}
.pre-inc .gallery_tit + p{font-size: 0.9em;margin-top: 0.5em;}
.pre-inc .metaquest{display: flex;justify-content: space-between;align-items: center;margin-top: 3em;}
.pre-inc .metaquest > figure{width: 5.95em;}
.pre-inc .metaquest > p{width: calc(100% - 9em);font-size: 0.8em;}
.pre-inc .gallery_item > dd{width: 23.05em;animation-name: fadeInUp;}

.pre-inc .map_tit{font-size: 2em;font-weight: 600;text-align: center;margin-top: 1em;}
.pre-inc .map_item{display: flex;margin-top: 1em;border: 2px solid #86837a;}
.pre-inc .map_item dt{width: 51%;background: #86837a;padding: 1.8% 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.pre-inc .map_item dt *{color: #fff;}
.pre-inc .map_item dt .salon_title{padding: 0.5em 0;background-color: #585850;color: #fff;font-size: 1.3em;text-align: center;width: 94%;}
.pre-inc .map_item dt p{font-size: 1.2em;margin-top: 1.5em;text-align: center;}
.pre-inc .map_item dt p small{font-size: 0.7em;}
.pre-inc .map_item dt p.support{font-size: 1em;}
.pre-inc .map_item dt .salon_address{padding: 1em 0;background-color: #fff;color: #000;font-size: 1em;text-align: center;margin-top: 1em;width: 22rem;}
.pre-inc .map_item dd{width: 49%;}

.pre-inc .map_note{background: #f7f7f7;padding: 1.5em 0;margin-top: 3em;}

@media only screen and (max-height: 800px) {
.pre-inc #lifestyle modal{height: 95%;}
}

@media only screen and (min-width: 1921px) {
.pre-inc .gallery_main{height: auto;font-size: 1vw;}
.pre-inc .gallery_main > figure{height: auto;}
.pre-inc .gallery_main > figure img{width: 100%;height: auto;left: auto;transform: translateX(0);max-width: 100%;}
}

@media only screen and (min-width: 769px) {
.pre-inc .slider li > div:hover,
.pre-inc .development_modal .close_btn:hover,
.pre-inc .development_main_item > dt a:hover,
.pre-inc .development_main_item > dd a:hover
.pre-inc .lifestyle_item > *:hover,
.pre-inc #lifestyle modal .close_btn:hover,
.pre-inc .more_btn:hover,
.pre-inc .residence_main_item > dt a:hover,
.pre-inc .residence_main_item > dd a:hover{opacity: 0.6;}
.pre-inc #lifestyle modal_frame > dt a:hover{text-decoration: none;}
.pre-inc .gallery_item > dd{animation-delay: 0.3s;}
.pre-inc .residence_main_item:nth-of-type(even){justify-content: flex-end;}
.pre-inc .residence_main_item:nth-of-type(even) > dt{order: 2;animation-name: fadeInLeft02;}
.pre-inc .residence_main_item:nth-of-type(even) > dd{order: 1;}
.pre-inc .residence_main_item:nth-of-type(even) > dd h4{animation-name: fadeInLeft02;}
.pre-inc .residence_main_item:nth-of-type(even) > dd h4 + p{animation-name: fadeInLeft02;}
.pre-inc .residence_main_item:nth-of-type(even) > dd a{animation-name: fadeInLeft02;}
}

@media only screen and (max-width: 768px) {
.pre-inc .access_map_copy{font-size: 1em;}

.pre-inc .slider_wrap{padding: 2em 0;}
.pre-inc .slider li{margin: 0 0.5em;}
.pre-inc .slider .slick-arrow{height: 3em;}

.pre-inc #development .modal{max-height: 30em;padding: 0 1em;}
.pre-inc #development .modal .close_btn{right: 1em;}

.pre-inc #lifestyle .modal{width: 90%;max-height: 42em;background: #595959;}
.pre-inc #lifestyle .modal .read{background: #fff;padding: 0.5em 0 1em;}

.pre-inc #residence .contents_main_copy{filter: none;position: static;padding: 2em 0 0 1.5em;}
.pre-inc #residence .contents_main_copy h2 > small{filter: none;}

.pre-inc .residence_main_wrap{width: 90%;margin: 0 auto; padding: 0 0 3em;font-size: 2.9vw;}
.pre-inc .residence_main_lead{margin-top: 2em;text-align: left;display: block;animation-name: fadeInLeft;}
.pre-inc .residence_main_lead p{font-size: 1.1em;}

.pre-inc .residence_main_item{margin-top: 2.5em;flex-wrap: wrap;}
.pre-inc .residence_main_item > dt{width: 100%;animation-name: fadeInRight02;}
.pre-inc .residence_main_item > dt a{font-size: 1.1em;}
.pre-inc .residence_main_item > dd{width: 100%;margin: 1em 0 0 0;}
.pre-inc .residence_main_item > dd h4 + p{font-size: 1em;}
.pre-inc .residence_main_item > dd a{margin-right: 1em;font-size: 1.05em;margin-top: 1em;padding: 0.5em 1.6em;}
.pre-inc .residence_main_item dd .comingsoon{margin-bottom: 0;}

.pre-inc .lead_wrap{font-size: 1.05em;}
.pre-inc .gallery_main{height: 28em;}
.pre-inc .gallery_main h2{font-size: 2em;}

.pre-inc .gallery_item{flex-wrap: wrap;}
.pre-inc .gallery_item > dt{width: 100%;}
.pre-inc .gallery_tit{font-size: 1.4em;font-weight: 600;}
.pre-inc .gallery_tit + p{font-size: 0.9em;margin-top: 0.5em;}
.pre-inc .metaquest{margin-top: 1.5em;}
.pre-inc .gallery_item > dd{width: 100%;margin-top: 1.5em;}

.pre-inc .map_tit{font-size: 1.5em;}
.pre-inc .map_item{display: block;}
.pre-inc .map_item dt{width: 100%;padding: 1.5em 0;}
.pre-inc .map_item dd{width: 100%;border: 1px solid #888!important;}
}

.pre-inc .LinkBox{padding:3em 0;}
.pre-inc .request_btn{width: 25em;display: block;margin: 1.3em auto 0;background: linear-gradient(to right, #735700, #D5A200);color: #fff;padding: 1em;text-align: center;line-height: 1.5;animation-name: fadeInUp;}
.pre-inc .request_btn span{font-size: 1.2em;display: block;}
.pre-inc .request_btn small{font-size: 0.8em;display: block;font-family: "EB Garamond", serif;}
.pre-inc .request_btn::after{content: "";display: block;width: 7.5em;height: 0.5em;background: url("../common/yodogawa_style/img/link_arrow_r.svg") no-repeat center center/contain;position: absolute;left: 22em;bottom: 1em;z-index: 1;transition: 0.8s all;}

@media screen and (min-width: 769px) {
.pre-inc .request_btn:hover::after{transform: translateX(1em);}
.pre-inc .reserve_btn:hover::after{transform: translateX(1em);}
}

@media screen and (max-width: 768px) {
.pre-inc .request_btn{width: 24em;}
.pre-inc .request_btn::after{left: 18.5em;}
}