@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px), print {
#contact .main-ttl-wrap {
    width: min(95%, 1720px);
}
#contact .seo_bread_list {
    max-width: 1720px;
}
#contact footer .footer-Box {padding: 101px 0 1px;}

/* mv
-------------------------------------*/
.mv {
    max-width: 1920px;
    width: 100%;
    margin-inline: auto;
}
.mv .inner {
    width: 96.875%;
    margin-left: auto;
    background: #D75B43;
    padding: 62px 0 50px;
    display: grid;
    grid-template-columns: 38.9% 1fr;
    gap: 137px;
}
.mv .txt-box {padding: 0 0 0 100px;}
.mv h2 {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.02em;
    line-height: 1.7083333;
    text-align: left;
    color: #fff;
    margin-bottom: 26px;
}
.mv .list {
    display: grid;
    gap: 14px;
}
.mv .list li{
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.6;
    text-align: left;
    color: #fff;
    border-bottom: 1px solid #E29384;
    position: relative;
    padding-left: 42px;
    padding-bottom: 9px;
}
.mv .list li::before {
    content: "";
    position: absolute;
    top: 30%;
    left: 10px;
    transform: translateY(-50%);
    width: 19px;
    height: 20px;
    background: url(../images/contact/check-icon.svg)no-repeat;
    background-size: contain;
}
.mv .etc {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.02em;
    line-height: 2.9285714;
    text-align: right;
    color: #fff;
}
.mv .photo {position: relative;top: -198px;margin-bottom: -198px;}


/* message
-------------------------------------*/
.message .inner {
    width: min(95%, 1146px);
    margin-inline: auto;
    padding: 104px 0 0;
}
.message .subt {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0.1em;
    line-height: 1.875;
    text-align: center;
    margin-bottom: 20px;
}
.message h2 {
    font-weight: bold;
    font-size: 50px;
    letter-spacing: 0.1em;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 58px;
}
.message .inBox {
    display: grid;
    grid-template-columns: 45.90% 1fr;
    align-items: center;
    gap: 40px;
    padding-bottom: 65px;
    margin: 0 0 0 22px;
}
.message .inBox .txt {
    margin-right: 13px;
}
.message .txt {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 2;
}
.message .bottom-txt {
    text-align: center;
}

/* tel
-------------------------------------*/
.tel .inner {
    width: min(95%, 1000px);
    margin-inline: auto;
    padding: 0 0 160px;
}
.tel .enttl {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-align: center;
    color: #d75b43;
    margin-bottom: 17px;
}
.tel h2 {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 48px;
}
.tel .tel-box {
    background: #1A1A1A;
    padding: 23px 0 18px;
    text-align: center;
}
.tel .tel-box .ttl {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 18px;
    color: #FFFFFF;
    display: inline-block;
    border-bottom: 1px solid #5A5A5A;
    padding: 0 0 7px;
}
.tel .tel-box .tel {
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 0.05em;
    line-height: 0.866666;
    text-align: center;
    color: #fff;
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 13px;
}
.tel .tel-box .open {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.7142857;
    text-align: center;
    color: #fff;
}

}

/* ========================================
@media screen and (min-width:768px) and (max-width:1890px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1890px) {
/* mv
-------------------------------------*/
.mv .inner {
    padding: 3.28vw 0 2.646vw;
    gap: 7.249vw;
}
.mv .txt-box {padding: 0 0 0 5.291vw;}
.mv h2 {
    font-size: clamp(1rem, 0.658rem + 0.71vw, 1.5rem);
    margin-bottom: 1.005vw;
}
.mv .list {
    gap: 0.37vw;
}
.mv .list li{
    font-size: clamp(0.875rem, 0.788rem + 0.18vw, 1rem);
    padding-left: 2.222vw;
    padding-bottom: 0.476vw;
}
.mv .list li::before {
    left: 0.529vw;
    width: 1.005vw;
    height: 1.058vw;
}
.mv .etc {
    font-size: clamp(0.625rem, 0.451rem + 0.36vw, 0.875rem);
}
.mv .photo {top: -10.476vw;margin-bottom: -10.476vw;}
.mv .photo img {
    width: 100%;
    height: auto;
}
}

/* ========================================
@media screen and (min-width:768px) and (max-width:1280px) 
======================================== */
@media screen and (min-width:768px) and (max-width:1280px) {
.message .subt {
    font-size: clamp(1.5rem, 0.75rem + 1.56vw, 2rem);
}
.message h2 {
    font-size: clamp(1.875rem, 3.91vw, 3.125rem);
}
.message .inBox .photo img {
    width: 100%;
    height: auto;
}
}


/* ========================================
@media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
/* mv
-------------------------------------*/
.mv .inner {
    display: grid;
}
.mv .txt-box {
    background: #D75B43;
    order: 2;
    padding: 9vw 0 7vw;
}
.mv h2 {
    font-weight: bold;
    font-size:4.831vw;
    letter-spacing: 0.02em;
    line-height: 1.7083333;
    text-align: center;
    color: #fff;
    margin-bottom: 6.5vw;
}
.mv .list {
    display: grid;
    gap: 3.1vw;
    width: 82.2vw;
    margin-inline: auto;
}
.mv .list li{
    font-weight: normal;
    font-size:3.865vw;
    letter-spacing: 0.02em;
    line-height: 1.75;
    text-align: left;
    color: #fff;
    border-bottom: 0.2vw solid #E29384;
    position: relative;
    padding-left: 10.2vw;
    padding-bottom: 1.7vw;
}
.mv .list li::before {
    content: "";
    position: absolute;
    top: 4vw;
    left: 2.5vw;
    width: 4.6vw;
    height: 4.9vw;
    background: url(../images/contact/check-icon.svg)no-repeat;
    background-size: contain;
}
.mv .etc {
    font-weight: normal;
    font-size:3.382vw;
    letter-spacing: 0.02em;
    line-height: 2.9285714;
    text-align: right;
    color: #fff;
    width: 82.2vw;
    margin-inline: auto;
}
.mv .photo {
    order: 1;
}


/* message
-------------------------------------*/
.message .inner {
    width: 89.375vw;
    margin-inline: auto;
    padding: 12vw 0 19vw;
}
.message .subt {
    font-weight: bold;
    font-size:4.831vw;
    letter-spacing: 0.1em;
    line-height: 1.875;
    text-align: center;
    margin-bottom: 2.5vw;
}
.message h2 {
    font-weight: bold;
    font-size:7.246vw;
    letter-spacing: 0.1em;
    line-height: 1.6666;
    text-align: center;
    margin-bottom: 5.2vw;
}
.message .inBox {
    display: grid;
    gap: 6.4vw;
}
.message .inBox .txt {
    margin-bottom: 5.5vw;
}
.message .txt {
    font-weight: 500;
    font-size:3.865vw;
    letter-spacing: 0.1em;
    line-height: 1.875;
}

/* tel
-------------------------------------*/
.tel .inner {
    width: 89.375vw;
    margin-inline: auto;
    padding: 19.2vw 0 19vw;
}
.tel .enttl {
    font-weight: 600;
    font-size:3.865vw;
    letter-spacing: 0.05em;
    line-height: 1.125;
    text-align: center;
    color: #d75b43;
    margin-bottom: 2.7vw;
}
.tel h2 {
    font-weight: 900;
    font-size:6.763vw;
    line-height: 1.571428;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 6.4vw;
}
.tel .tel-box {
    background: #1A1A1A;
    padding: 6.2vw 0 4.5vw;
    text-align: center;
}
.tel .tel-box .ttl {
    font-weight: 500;
    font-size:3.865vw;
    letter-spacing: 0.1em;
    line-height: 1;
    margin-bottom: 4.5vw;
    color: #FFFFFF;
    display: inline-block;
    border-bottom: 0.2vw solid #5A5A5A;
    padding: 0 0 1.5vw;
}
.tel .tel-box .tel {
    font-weight: 500;
    font-size:10.145vw;
    letter-spacing: 0.05em;
    line-height: 0.9285714;
    text-align: center;
    color: #fff;
    display: flex;
    gap: 1.5vw;
    justify-content: center;
    margin-bottom: 3vw;
}
.tel .tel-box .tel img {
    margin: 1vw 0 0;
}
.tel .tel-box .open {
    font-weight: 400;
    font-size:3.382vw;
    letter-spacing: 0.1em;
    line-height: 1.7142857;
    text-align: center;
    color: #fff;
}

}