@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;500&family=M+PLUS+2:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Orbitron:wght@400;500;600;700;800;900&display=swap');

/* .about {
    max-width: 800px;
    margin:0 auto;
    padding: 45px 20px 0;
    font-size: 16px;
}
.m .about {
    font-size: 18px;
    padding: 45px 0 0;
} */
.about {
    overflow: hidden;
    margin-bottom: 100px;
}

.about-mv {
    background-image: url(../img/top-mv-bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 273px;
    text-align: center;
    padding: 30px 0;
}
.LITE .about-mv {
    background-image: url(../lite/img/top-mv-bg.png);
}
.m .about-mv {
    height: 434px;
    background-image: url(../img/top-mv-bg-pc.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}
.LITE .about-mv {
    background-image: url(../lite/img/top-mv-bg-pc.png);
}
.about-mv img {
    width: 287px;
}
.m .about-mv img {
    width: 581px;
}
.about-mv p {
    color: #fff;
    font-size: 14px;
    line-height: 2;
    margin-top: 20px;
}
.m .about-mv p {
    font-size: 20px;
    line-height: 2.4;
    margin-top: 40px;
}



.about-contents {
    text-align: center;
    padding: 40px 0 0;
}
.m .about-contents {
    padding: 80px 0 0;
}
.about-contents-ttl img {
    width: 192px;
}
.m .about-contents-ttl img {
    width: 245px;
}
.about-contents-ttl p {
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.5;
}
.m .about-contents-ttl p {
    font-size: 24px;
    line-height: 2;
}

.about-contents-item {
    padding: 50px 0 20px;
    background: url(../img/footer-head-liteBg.png)no-repeat;
    background-size: cover;
    background-position: 0 176px;
}
.m .about-contents-item {
    display: flex;
    flex-direction: row-reverse;
    background-position: -210px 0;
    margin-top: 60px;
    justify-content: center;
    align-items: center;
    padding: 50px 3.5% 20px;
}
.about-contents-item._deep {
    padding: 50px 0 40px;
    background: url(../img/footer-foot-bg.png)no-repeat;
    background-size: cover;
    background-position: 0 176px;
}
.m .about-contents-item._deep {
    flex-direction: row;
    background-position: 210px 0;
    padding: 50px 3.5% 20px;
    margin-top: 80px;
}
.about-contents-item-mock {
    width: 280px;
    margin: 0 auto;
}
.about-contents-item-mock img {
    width: 100%;
}
.m .about-contents-item-mock {
    max-width: 780px;
    min-width: 500px;
    margin: 0;
    flex: 1;
}
.about-contents-item-detail {
    margin-top: 20px;
}
.m .about-contents-item-detail {
    flex: 1;
    margin-top: 0;
    text-align: left;
    max-width: 560px;
    margin-right: -30px;
}
.m .about-contents-item._deep .about-contents-item-detail {
    text-align: right;
    margin-left: -30px;
    margin-right: 0;
}
.about-contents-item-detail p {
    color: #fff;
    font-family: 'M PLUS 2', sans-serif;
}
.m .about-contents-item-detail p {
    font-size: 20px;
}
.about-contents-item-detail-logo {
    width: 315px;
    margin-top: 20px;
}
.m .about-contents-item-detail-logo {
    width: 100%;
    margin-top: 20px;
}
.about-contents-item-detail-point {
    margin-top: 30px;
}
.about-contents-item-detail-point img {
    width: 400px;
}
.m .about-contents-item-detail-point {
    margin-top: 40px;
}
.m .about-contents-item-detail-point img {
    max-width: 500px;
}
.m .about-contents-item._deep .about-contents-item-detail-point img {
    max-width: 411px;
}


.about-contents-item-detail-point ul {
    margin-top: 40px;
}

.m .about-contents-item-detail-point ul {
    display: flex;
    gap: min(0.6vw, 16px);
    max-width: 564px;
    margin: 40px auto 0;
}

.about-contents-item-detail-point li {
    width: 180px;
    margin: 0 auto;
    text-align: center;
}

.m .about-contents-item-detail-point li {
    width: 100%;
    margin: 0;
}

.about-contents-item-detail-point li:nth-child(n + 2) {
    margin-top: 16px;
}

.m .about-contents-item-detail-point li:nth-child(n + 2){
    margin-top: 0px;
}


.about-contents-item-detail-point li a {
    background: #fff;
    padding: 20px 5%;
    display: block;
    border-radius: 4px;
    position: relative;

}

.m .about-contents-item-detail-point li a {
    display: flex;
    align-items: center;
}

.about-contents-item-detail-point li a span {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    display: inline-block;
    width: 146px;
}

.m .about-contents-item-detail-point li a span {
    font-size: min(1vw,12px);
    width: 100%;
}
.l .about-contents-item-detail-point li a span {
    font-size: 16px;
    width: 100%;
}

.about-contents-item-detail-point li a img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}


.about-description {
    text-align: center;
    line-height: 2.2;
    margin-top: 60px;
}
.m .about-description {
    font-size: 20px;
}