@charset "UTF-8";
.page-hero{
    height:90vh;
    display:flex;
    align-items:center;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    color:var(--white);
    background-image:url("../img/contact/contact-main-visual.jpg");
}

.page-hero-inner{
    height:100%;
    display:flex;
    align-items:center;
}

.page-hero-content{
    max-width:1200px;
}

.page-hero-en{
    color:var(--corporate-color);
    margin:20px 0;
    font-size:clamp(15px,1.2vw,20px);
    font-weight:500;
}

.page-hero-title{
    font-size:clamp(40px,4.5vw,72px);
    line-height:1.2;
    margin-bottom:15px;
}

.page-hero-copy{
    font-size:clamp(18px,1.6vw,26px);
    line-height:1.7;
    margin-bottom:30px;
}

.page-hero-text{
    font-size:16px;
    line-height:2;
    margin-bottom:50px;
}

.sp-hide{
    display:inline;
}

.breadcrumb{
    display:flex;
    gap:15px;
    font-size:13px;
}

.contact-message{
    padding:160px 0 80px;
}

.contact-message p{
    text-align:center;
    font-size:16px;
    line-height:2.4;
    color:var(--sumi);
}

.contact-message a{
    color:var(--sumi);
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.contact-message a:hover{
    opacity:.7;
}

/* ===========================
   SP
=========================== */

@media(max-width:768px){

.page-hero{
    height:550px;
    display:flex;
    align-items:center;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-image:url("../img/contact/sp/sp-contact-main-visual.jpg");
}

.page-hero-content{
    max-width:330px;
    transform:translateY(18px);
}

.page-hero-en{
    margin:0 0 10px;
    font-size:16px;
}

.page-hero-title{
    font-size:38px;
    line-height:1.3;
    margin-bottom:18px;
}

.page-hero-copy{
    font-size:22px;
    line-height:1.45;
    margin-bottom:20px;
}

.page-hero-text{
    font-size:15px;
    line-height:1.8;
    margin-bottom:32px;
}

.sp-hide{
    display:none;
}

.breadcrumb{
    font-size:13px;
    gap:12px;
}

.contact-message{
    padding:60px 0 20px;
}

.contact-message p{
    text-align:justify;
    font-size:15px;
    line-height:2;
}
}