@charset "UTF-8"; @media screen and (min-width: 768px),print {

main {
max-width: 1920px;
width: 100%;
margin-inline: auto;
}

#owariasahi     .main-title .h1-box .jp {
        display: block;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 1px;
        position: absolute;
        bottom: -44px;
        right: -125px;
    }

.f-yu-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }


#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 154px; background: url(../images/owariasahi/con1-bg-icon.png) no-repeat top 333px center, linear-gradient(to bottom,  transparent 0%,  transparent 46.5%,  #202020 46.5%,  #202020 90%,   transparent 90%, transparent 100%); padding-top: 47px;}
#con1 .bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 26px; font-weight: 500; text-align: center; letter-spacing: 2px; line-height: 1.6; margin-bottom: 21px;}
#con1 .bx .inner .ttl2{font-size: 65px; font-weight: 900; text-align: center; letter-spacing: 0px; line-height: 1.3; margin-bottom: 0px;}
#con1 .bx .inner .img1{text-align: center; padding-left: 28px; margin-bottom: -300px;}
#con1 .bx .inner .in-inner{width: 400px; margin-left: auto; background: #fff; padding: 16px 33px 25px; position: relative; margin-bottom: 15px;}
#con1 .bx .inner .in-inner .ttl3{font-size: 22px; font-weight: 500; letter-spacing: 2px; margin-bottom: 20px; position: relative;}
#con1 .bx .inner .in-inner .ttl3::after{content: ""; width: 60px; height: 1px; background: #D6D6D6; position: absolute; left: 0; bottom: -10px;}
#con1 .bx .inner .in-inner .txt1{font-size: 14px; font-weight: 500; letter-spacing: 0.6px; }
#con1 .bx .inner .ttl4{font-size: 26px; font-weight: 500; color: #fff; text-align: center; letter-spacing: 2px; line-height: 1.4; margin-bottom: 60px;}
#con1 .bx .inner .img2{text-align: center; }


#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 152px; position: relative;}
#con2 .bx .inner{width: 475px; margin-left: auto; margin-right: 50px;}
#con2 .bx .inner .ttl1{font-size: 26px; font-weight: 500; letter-spacing: 1.9px; line-height: 1.4; margin-bottom: 27px;}

#con2 .bx .inner .sra-bx{position: absolute; left: 0; top: 0;z-index: 50;width: 600px;overflow: hidden;}
#con2 .bx .inner .sra-bx ul li{padding-right: 20px;}
#con2 .bx .inner .con2-slider{width: 600px; position: relative; left: 25px;}
.con2-slider .slick-prev,
.con2-slider .slick-next {
    width: 60px;  /* 矢印画像の幅（デザインに合わせて調整してください） */
    height: 60px; /* 矢印画像の高さ */
    z-index: 10;
}
.con2-slider .slick-prev {
    left: -30px; /* 左矢印の位置（外側に出す場合はマイナス値を大きくします） */
}
.con2-slider .slick-next {
    right: -30px; /* 右矢印の位置 */
}
/* Slickデフォルトの矢印アイコンを強制的に消す */
.con2-slider .slick-prev::before,
.con2-slider .slick-next::before {
    content: none !important; 
}
/* 挿入したimgタグのサイズをボタンに合わせる */
.con2-slider .slick-prev img,
.con2-slider .slick-next img {
    width: 100%;
    height: auto;
}
.con2-slider .slick-prev {
    left: -30px !important; /* ★内側に入れる（マイナスをとる） */
    z-index: 100;
}
.con2-slider .slick-next {
    right: 20px !important; /* ★内側に入れる（マイナスをとる） */
    z-index: 100;
}
#con2 .bx .inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 0.5px; line-height: 1.9; margin-bottom: 36px;}




#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 85px; background: #FBC600; padding: 43px 0 41px;}
#con3 .bx .inner{width: 1100px; margin: 0 auto; }
#con3 .bx .inner .txt0{text-align: center; margin-bottom: 0;}
#con3 .bx .inner .ttl{font-size: 77px; letter-spacing: 3px; line-height: 1.2; color: #fff; font-weight: 100; text-align: center; margin-bottom: -7px;}
#con3 .bx .inner .ttl1{font-size: 40px; font-weight: bold; letter-spacing: 3.3px; text-align: center; margin-bottom: 12px;}
#con3 .bx .inner .txt{font-size: 16px; letter-spacing: 0.6px; text-align: center; margin-bottom: 26px; line-height: 2;}
#con3 .bx .inner .img{text-align: center;}
#con3 .bx .inner .list{background: #fff; padding: 40px 0 44px 30px; margin-bottom: 44px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .inner .list li{font-size: 20px; letter-spacing: 1.5px; position: relative; margin-right: 64px;}
#con3 .bx .inner .list li:last-child{margin-right: 0;}
#con3 .bx .inner .list li::before{content: ""; width: 17px; height: 17px; margin: 0 auto; background: url(../images/owariasahi/con3-icon.svg) no-repeat; position: absolute; left: -26px; top: 10px;}
#con3 .bx .inner .btn{text-align: center; padding-left: 10px;}


#access {}
#access .bx{width: 1100px; margin: 0 auto 118px; position: relative;}
#access .bx .ttl{font-size: 73px; letter-spacing: 3px; line-height: 1.2; color: #E6E6E6; font-weight: 100; text-align: center; margin-bottom: 0;}
#access .bx .ttl1{font-size: 26px; font-weight: bold; letter-spacing: 2.3px; text-align: center; margin-bottom: 6px;}
#access .bx .txt{font-size: 16px; letter-spacing: 0.6px; text-align: center; margin-bottom: 26px; line-height: 2;}
#access .bx .huki{position: absolute; right: -50px; top: 90px;}
#access .bx .map{width: 1100px; height: 420px; margin: 0 auto 22px;}
#access .bx .map iframe{width: 1100px; height: 420px; margin: 0 auto;}
#access .bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.35; position: relative;}



/*  */

#form .form-Box-inner h2 {
font-size: 26px;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 18px;
margin-bottom: 58px;
letter-spacing: 0.08em;
}

#form .form-Box-inner h2:after {
content: "";
background-color: #000;
width: 60px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

#form #cv-area-last {
background-image: url("../images/suzukamodel/bg04.png");
background-repeat: repeat-x;
background-position: top center;
height: 539px;
margin-bottom: -285px;
}

#form #cv-area-last .frame {
width: 1200px;
height: 255px;
margin: 0 auto;
position: relative;
padding-top: 59px;
}

#form #cv-area-last .frame h2 {
font-size: 26px;
letter-spacing: 0.08em;
text-align: center;
color: #fff;
margin-bottom: 23px;
}

#form #cv-area-last .frame .tel-box {
}

#form #cv-area-last .frame .tel-box .tel-number {
font-size: 50px;
font-weight: bold;
line-height: 50px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
margin-bottom: 11px;
}

#form #cv-area-last .frame .tel-box .tel-time {
font-size: 16px;
letter-spacing: 0.05em;
color: #fff;
text-align: center;
}

#form #cv-area-last .frame .human {
position: absolute;
bottom: 0;
left: 191px;
}

#owariasahi main #form {
padding-top: 0; padding-bottom: 50px;
background: #F2F2F2; 

}

#owariasahi main #form .form-Box-inner {
width: 1200px !important;
margin: 0 auto;
padding: 68px 100px;
border-radius: 30px;
}

}









@media screen and (max-width: 767px) {
.f-yu-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; }




#con1 {}
#con1 .bx{width: 100%; margin: -7vw auto 18vw; background: url(../images/owariasahi/sp-con1-bg-icon.png) no-repeat top 333px center, linear-gradient(to bottom,  transparent 0%,  transparent 26.5%,  #202020 26.5%,  #202020 90%,   transparent 90%, transparent 100%); padding-top: 5vw;}
#con1 .bx .inner{width: 100%; margin: 0 auto; position: relative;}
#con1 .bx .inner .ttl1{font-size: 3.65vw; font-weight: 500; text-align: center; letter-spacing: 0; line-height: 1.6; margin-bottom: 3vw;}
#con1 .bx .inner .ttl2{font-size: 6.5vw; font-weight: 900; text-align: center; letter-spacing: 0px; line-height: 1.3; margin-bottom: 3vw;}
#con1 .bx .inner .ttl2 span{font-size: 9.8vw; font-weight: 900; text-align: center; letter-spacing: 0px; line-height: 1.3; }
#con1 .bx .inner .img1{width: 100%; margin: 0 auto -22vw;}
#con1 .bx .inner .in-inner{width: 85%; margin: 0 auto; background: #fff; padding: 5vw 6vw; position: relative; margin-bottom: 8vw;}
#con1 .bx .inner .in-inner .ttl3{font-size: 5.5vw; font-weight: 500; letter-spacing: 0.2vw; margin-bottom: 4vw; position: relative;}
#con1 .bx .inner .in-inner .ttl3::after{content: ""; width: 20%; height: 1px; background: #D6D6D6; position: absolute; left: 0; bottom: -2vw;}
#con1 .bx .inner .in-inner .txt1{font-size: 3.5vw; font-weight: 500; letter-spacing: 0vw; line-height: 1.9;}
#con1 .bx .inner .ttl4{font-size: 4vw; font-weight: 500; color: #fff; text-align: center; letter-spacing: 0.4vw; line-height: 1.8; margin-bottom: 6vw;}
#con1 .bx .inner .img2{width: 84%; margin: 0 auto;}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 8vw; position: relative;}
#con2 .bx .inner{width: 100%; margin: 0 auto;}
#con2 .bx .inner .ttl1{font-size: 6vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.4; margin-bottom: 9vw; text-align: center;}

#con2 .bx .inner .sra-bx{width: 100%;margin-bottom: 10vw; overflow: hidden;}
#con2 .bx .inner .sra-bx ul li{padding-right: 8vw;}
#con2 .bx .inner .con2-slider{width: 98%; position: relative; left: 6vw;}

.con2-slider .slick-prev,
.con2-slider .slick-next {
    width: 12vw;  /* スマホ用のサイズ */
    height: 12vw;
    z-index: 10;
}
.con2-slider .slick-prev {
    left: 2vw; /* スマホ画面端から見切れないように内側に配置 */
}
.con2-slider .slick-next {
    right: 2vw; 
}
.con2-slider .slick-prev::before,
.con2-slider .slick-next::before {
    content: none !important;
}
.con2-slider .slick-prev img,
.con2-slider .slick-next img {
    width: 100%;
    height: auto;
}
.con2-slider .slick-prev {
    left: -6vw !important; /* ★内側に入れる（マイナスをとる） */
    top: 35vw;
    z-index: 100;
}
.con2-slider .slick-next {
    right: 3vw !important; /* ★内側に入れる（マイナスをとる） */
    top: 36vw;
    z-index: 100;
}
#con2 .bx .inner .txt1{font-size: 3.7vw; font-weight: 400; letter-spacing: 0.3vw; line-height: 2.1; margin-bottom: 4vw; padding: 0 8vw;}



#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 15vw; background: #FBC600; padding: 9vw 0 11vw;}
#con3 .bx .inner{width: 96%; margin: 0 auto; }
#con3 .bx .inner .txt0{width: 100%; margin: 0 auto;}
#con3 .bx .inner .ttl{font-size: 11.5vw; letter-spacing: 0.95vw; line-height: 1.2; color: #fff; font-weight: 100; text-align: center; margin-bottom: 9vw; padding-left: 1vw;}
#con3 .bx .inner .ttl1{font-size: 6.9vw; font-weight: bold; letter-spacing: 1vw; text-align: center; margin-bottom: 9.5vw; line-height: 1.3; padding-left: 1vw;}
#con3 .bx .inner .txt{font-size: 3.6vw; letter-spacing: 0.42vw; margin-bottom: 8.5vw; line-height: 2.15; padding-left: 5.8vw;}
#con3 .bx .inner .img{text-align: center;}
#con3 .bx .inner .list{background: #fff; padding: 10vw 0 10vw 20vw; margin-bottom: 9vw; }
#con3 .bx .inner .list li{font-size: 4.8vw; letter-spacing: 0.4vw; position: relative; margin-bottom: 4vw;;}
#con3 .bx .inner .list li:last-child{margin-bottom: 0;}
#con3 .bx .inner .list li::before{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/owariasahi/con3-icon.svg) no-repeat; position: absolute; left: -6.5vw; top: 2vw; background-size: 20%;}
#con3 .bx .inner .btn{width: 93%; margin: 0 auto;}


#access {}
#access .bx{width: 100%; margin: 0 auto; position: relative;}
#access .bx .ttl{font-size: 11.5vw; letter-spacing: 0.95vw; line-height: 1.2; color: #E6E6E6; font-weight: 100; text-align: center; margin-bottom: 4vw; padding-left: 1vw;}
#access .bx .ttl1{font-size: 6.2vw; font-weight: bold; letter-spacing: 0.8vw; text-align: center; margin-bottom: 2vw;}
#access .bx .txt{font-size: 3.7vw; letter-spacing: 0.4vw; margin-bottom: 7vw; line-height: 2.15; padding-left: 1.8vw; text-align: center;}
#access .bx .huki{width: 80%; margin: 0 auto 7vw;}
#access .bx .map{width: 100%; height: 113vw; margin: 0 auto 5vw;}
#access .bx .map iframe{width: 100%; height: 113vw; margin: 0 auto;}
#access .bx .txt1{width: 93%; margin: 0 auto 10vw; font-size: 4vw; letter-spacing: 0.05vw; line-height: 1.85; position: relative;}



/*  */

.form-Box {
padding: 0;
background-image: url("../images/modelhouse_yk/bg04.png");
background-repeat: repeat-x;
background-position: top center;
background-color: #F2F2F2;
padding-bottom: 25vw;
}

#form .form-Box-inner {
width: 92%;
margin: 0 auto;
padding-top: 17%;
}

#form .form-Box-inner h2 {
font-size: 6.2vw;
line-height: 8.5vw;
letter-spacing: 0.05em;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 6%;
margin-bottom: 16%;
}

#form .form-Box-inner h2:after {
content: "";
background-color: #000;
width: 17%;
height: 0.483vw;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}

#form #cv-area-last {
}

#form #cv-area-last .frame {
width: 100%;
margin: 0 auto;
position: relative;
padding-top: 17vw;
margin-top: 47.5vw;
}

#form #cv-area-last .frame h2 {
font-size: 4.348vw;
font-weight: bold;
line-height: 1.6666;
letter-spacing: 0.05em;
text-align: center;
margin-top: -48vw;
padding-bottom: 8vw;
margin-bottom: 3vw;
background-image: url("../images/modelhouse_yk/border02-sp.png");
background-repeat: no-repeat;
background-position: bottom center;
background-size: 69%;
}

#form #cv-area-last .frame .tel-box {
width: 84.6vw;
margin: 0 auto 14%;
border: 1px solid #434343;
border-radius: 3vw;
padding: 8vw 0;
position: relative;
}

#form #cv-area-last .frame .tel-box:after {
content: url("../images/modelhouse_yk/icon12-sp.png");
position: absolute;
top: 12vw;
right: 2vw;
transform: scale(0.5);
}

#form #cv-area-last .frame .tel-box .tel-number {
font-size: 7.6vw;
font-weight: bold;
line-height: 8vw;
letter-spacing: 0.242vw;
text-align: center;
color: #fff;
margin-bottom: 4%;
}

#form #cv-area-last .frame .tel-box .tel-time {
font-size: 3.8vw;
line-height: 3.8vw;
letter-spacing: 0.242vw;
text-align: center;
color: #9A9A9A;
}

#form #cv-area-last .frame .human {
width: 49%;
margin: 0 0 0 26.5vw;
}
}

@media screen and (min-width: 1920px) {
#cv-area .image-area {
height: 193.237vw;
}
}



@media screen and (min-width: 768px) and (max-width: 1319px) {

}