@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px),print {
/* mv
-------------------------------------*/
#mv {
    padding-block: 50px 100px;
}
#mv .ttl{
    color: #000;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0.1em;
    margin-bottom: 53px;
}
#mv .photo {
    width: min(95%, 1200px);
    margin-inline: auto;
    margin-bottom: -73px;
}
#mv .photo img {
    width: 100%;
    height: auto;
}
#mv .list {
    width: min(95%, 600px);
    margin-inline: auto;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    padding-block: 50px 60px;
    position: relative;
    display: grid;
    gap: 19px;
    margin-bottom: 59px;
}
#mv .list li {
    width: min(95%, 386px);
    margin-inline: auto;
    color: #000;
    font-size: 16px;
    line-height: 1.875;
    border-bottom: rgba(0, 0, 0, 0.30) solid 1px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 95px;
}
#mv .list li::before {
    position: absolute;
    content: "";
    background: url(../images/contact/check-icon.svg)no-repeat;
    background-size: contain;
    width: 28px;
    height: 25px;
    top: 3px;
    left: 52px;
}
#mv .txt {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 2; 
}


}

/* ========================================
  @media screen and (max-width: 767px) 
======================================== */
@media screen and (max-width: 767px) {
/* mv
-------------------------------------*/
#mv {
    padding-block: 14.29vw;
}
#mv .ttl{
    color: #000;
    text-align: center;
    font-size:4.831vw;
    letter-spacing: 0.1em;
    margin-bottom: 9.66vw;
}
#mv .photo {
    margin-bottom: -10vw;
}
#mv .photo img {
    width: 100%;
    height: auto;
}
#mv .list {
    width: 84.54vw;
    margin-inline: auto;
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    padding-block: 6.04vw 6.99vw;
    position: relative;
    display: grid;
    margin-bottom: 7.25vw;
    gap: 2.42vw;
}
#mv .list li {
    width: 72.46vw;
    margin-inline: auto;
    color: #000;
    font-size:3.865vw;
    line-height: 1.875;
    border-bottom: rgba(0, 0, 0, 0.30) solid 0.2vw;
    padding-bottom: 2.22vw;
    position: relative;
    padding-left: 10.87vw;
}
#mv .list li::before {
    position: absolute;
    content: "";
    background: url(../images/contact/check-icon.svg)no-repeat;
    background-size: contain;
    width: 4.83vw;
    height: 4.35vw;
    top: 1.72vw;
    left: 3.5vw;
}
#mv .txt {
    color: #000;
    text-align: center;
    font-size:3.382vw;
    line-height: 2.14286; 
}


}