@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
#about {
    max-width: 1920px;
    width: 100%;
    margin-inline: auto;
}

/* mvv
-------------------------------------*/
.mvv {
    position: relative;
    overflow: hidden;
}
.mvv .inner {
    width: min(95%, 1100px);
    margin-inline: auto;
    padding-block: 81px 230px;
    position: relative;
    z-index: 2;
}
.mvv .deco {
    position: absolute;
    left: 50%;
    z-index: 1;
    pointer-events: none;
}
.mvv .deco img {
    display: block;
    width: 100%;
    height: auto;
}
.mvv .deco01 {
    top: 78px;
    margin-left: 76px;
    width: 663px;
}
.mvv .deco02 {
    top: 674px;
    margin-left: -718px;
    width: 680px;
}
.mvv .mvv-box {
    text-align: center;
}
.mvv .mvv-box + .mvv-box {
    margin-top: 121px;
}
.mvv .mvv-box.spirit {
    margin-top: 137px;
}
.mvv .enttl img {
    display: block;
    height: 115px;
    width: auto;
    margin-inline: auto;
}
.mvv .sub {
    margin-top: -39px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    color: #1A1A1A;
    position: relative;
}
.mvv .mvv-box > .ttl {
    margin-top: 46px;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 50px;
    line-height: 1;
    color: #1A1A1A;
}

/* spirit
-------------------------------------*/
.mvv .spirit-list {
    margin-top: 72px;
    display: flex;
    justify-content: space-between;
}
.mvv .spirit-list li {
    width: 340px;
}
.mvv .spirit-list .ttl {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1;
    color: #1A1A1A;
}
.mvv .spirit-list .txt {
    margin-top: 19px;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 35px;
    color: #1A1A1A;
    text-align: left;
}
}

/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
#about .seo_bread_list {padding: 4vw 0vw 3.5vw;}

/* mvv
-------------------------------------*/
.mvv {
    position: relative;
    overflow: hidden;
}
.mvv .inner {
    width: 91.79vw;
    margin-inline: auto;
    padding-block: 6.8vw 21.38vw;
    position: relative;
    z-index: 2;
}
.mvv .deco {
    position: absolute;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.mvv .deco img {
    display: block;
    width: 100%;
    height: auto;
}
.mvv .deco01 {
    top: 14.93vw;
    margin-left: 44.59vw;
    width: 110.48vw;
}
.mvv .deco02 {
    top: 161.38vw;
    margin-left: -21.5vw;
    width: 125.24vw;
}
.mvv .mvv-box {
    text-align: center;
}
.mvv .mvv-box + .mvv-box {
    margin-top: 13.19vw;
}
.mvv .mvv-box.spirit {
    margin-top: 15.36vw;
}
.mvv .enttl img {
    display: block;
    height: 15.8vw;
    width: auto;
    margin-inline: auto;
}
.mvv .sub {
    margin-top: -5.24vw;
    font-weight: 500;
    font-size: 3.865vw;
    line-height: 1;
    color: #1A1A1A;
    position: relative;
}
.mvv .mvv-box > .ttl {
    margin-top: 5.24vw;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 6.522vw;
    line-height: 10.386vw;
    color: #1A1A1A;
}

/* spirit
-------------------------------------*/
.mvv .spirit-list {
    margin-top: 7.85vw;
}
.mvv .spirit-list li + li {
    margin-top: 10.63vw;
}
.mvv .spirit-list .ttl {
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 5.797vw;
    line-height: 1;
    color: #1A1A1A;
}
.mvv .spirit-list .txt {
    margin-top: 4.35vw;
    width: 86.96vw;
    margin-inline: auto;
    font-weight: 400;
    font-size: 3.865vw;
    letter-spacing: 0.05em;
    line-height: 8.454vw;
    color: #1A1A1A;
    text-align: left;
}
}