@charset "utf-8";


/* body
--------------------------------------------------------------*/


/* kv
--------------------------------------------------------------*/
.c-sec.sec-vender-kv { padding-bottom: 0; position: relative;}
.kv-inner { width: 100%; margin: 0 auto;}
.kv-img { position: relative; margin-top: -4rem; overflow: hidden;}
.kv-img img { width: 100%;}
.kv-txt { position: absolute; top: 55%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 80%;}
.kv-txt img { margin: 0 auto;}
.img-vender-sp { margin-top: 3rem;}
.vender-only-pc { display: none;}
.img-vender { position: relative;}

@media screen and (min-width: 768px){
.kv-inner { position: relative;}
.kv-img { margin-top: -27.3rem; padding: 0;}
.c-sec.sec-vender-kv { padding-bottom: 10rem;}
.img-vender img { position: absolute; position: absolute; right: 0; margin-top: -10rem; width: 30%;}
}

@media screen and (min-width: 1024px){
.img-vender img { position: absolute; position: absolute; right: 0; margin-top: -15rem; width: 40%;}
}
@media screen and (min-width: 1200px){
.img-vender img { position: absolute; position: absolute; right: 0; margin-top: -20rem; width: 30%;}
}


.recommend-list { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
.recommend-list-item { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 3rem;}
.recommend-list-item .img { margin: 0 auto 1rem;} 
.recommend-list-item .title { margin-bottom: 2rem; font-size: 1.6rem; font-weight: 700; display: inline-block; text-align: center;}
@media screen and (min-width: 768px){
.recommend-list { flex-direction: row;} 
.recommend-list-item { width: calc(90% / 4); margin-bottom: 0;} 
.recommend-list-item .img { width: 100%;} 
}

.map-area iframe { width: 100%;}
.c-sec.sec-map { padding-bottom: 0;}

.sec-about { background: url(/assets/images/common/deco-sec-bg-top.png) no-repeat top left; background-size: contain;}
.about-list { display: flex; justify-content: space-between; margin-bottom: 2.5rem; flex-wrap: wrap;}
.about-list-item { width: calc(90% / 2); margin-bottom: 2rem;}
@media screen and (min-width: 768px){
.about-list { margin-bottom: 5rem;}
.about-list-item { width: calc(90% / 4);}
}


.step-list { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
.step-list-item { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 7rem;}
.step-list-item::after { content: ""; display: inline-block; height: 4.8rem; width: 3rem; background: url(/assets/images/common/ico_arrow_b_large_sp.svg); position: absolute; bottom: -6rem; right: 50%; transform: translateY(0%) translateX(50%);}
.step-list-item:last-child::after { display: none;}
.step-list-item .title { font-size: 1.8rem; margin: 2rem 0 1.5rem;}
.step-list-item:last-child { margin-bottom: 0;}

.btn-contact { width: auto; max-width: 60rem; text-align: center; margin: 6rem auto 2rem;}
.btn-contact .link {  background-color: #F6E863; color: #333; padding: 2.5rem; border-radius: 5rem; display: inline-block; width: 100%; font-size: 2.2rem; line-height: 1.5em;}

@media screen and (min-width: 768px){
.step-list { flex-direction: row;}
.step-list-item { width: calc(85% / 4);}
.step-list-item::after { width: 4.8rem; height: 3rem; background: url(/assets/images/common/ico_arrow_r_large.svg); position: absolute; bottom: unset; top: 1.5rem; right: -4.5rem; transform: translateY(0%) translateX(0%);}
.btn-contact { width: 75%;}
}