@charset "UTF-8";

.about-banner {

    padding-bottom: 100px;

}



.about-banner .image {

    height: 530px;

    position: relative;

}



.about-banner .image img {

    position: absolute;

    height: 530px;

    right: 0;

}



@media screen and (max-width: 1220px) {

    .about-banner .image {

        height: 240px!important;

        position: relative;

    }

    .about-banner .image img {

        height: 240px!important;

    }

}



.about-banner .title {

    margin-top: -93px;

    margin-bottom: 39px;

}



.about-banner .title h1 {

    font-size: 8rem;

    color: #901C33;

    line-height: calc(100 / 80);

}



.about-banner .sub-title {

    margin-bottom: 30px;

    font-size: 2rem;

    color: #333;

    line-height: 1.8;

    letter-spacing: 0.05em;

}



.about-banner .sub-title p span {

    color: #CC8F25;

    border-bottom: solid 4px #CC8F25;

}



.about-banner .description {

    font-size: 1.4rem;

    letter-spacing: 0.1em;

    font-family: 'Noto Sans JP', sans-serif;

    line-height: 1.8;

}



.about-content {

    padding: 80px 0 100px;

    background-color: #455C7B;

    position: relative;

}



.about-content::after {

    content: "";

    background-image: url(../img/about-mark.png);

    width: 692px;

    height: 476px;

    position: absolute;

    right: 0;

    top: 0;

}



.about-content .heading {

    margin-bottom: 70px;

}



.about-content .heading p {

    color: #fff;

}



.about-content .heading::after {

    display: none;

}



.about-content .info .item:nth-of-type(1) p {

    padding-top: 0;

}



.about-content .info .item p {

    padding: 32px 0;

    color: #fff;

    font-family: 'Noto Sans JP', sans-serif;

    font-size: 1.6rem;

}



.about-content .info .item>p:nth-of-type(1) {

    width: 80px;

    margin-right: 66px;

    position: relative;

}



.about-content .info .item>p:nth-of-type(1)::after {

    content: "";

    width: 16px;

    height: 0.5px;

    background-color: #fff;

    position: absolute;

    bottom: 0;

    left: 0;

}



.about-content .info>.item:last-child>p:nth-of-type(1)::after {

    width: 77px;

}



.about-footer {

    background-color: #455C7B;

}



.about-footer .menu-items li {

    border-color: #fff;

}



.about-footer .menu-items a,

.about-footer p {

    color: #fff;

}



@media screen and (max-width: 768px) {

    .about-banner {

        padding-bottom: 16vw;

    }

    .about-banner .title h1 {

        font-size: 8vw;

    }

    .about-banner .image img {

        height: 530px;

        margin-left: -800px;

    }

}



.about-banner .title {

    margin-top: 5vw;

    margin-bottom: 4vw;

}



.about-content {

    padding: 12vw 0 16vw;

}



.about-content::after {

    /* width: 56vw; */

    height: 100w;

}



.about-content .heading {

    margin-bottom: 10vw;

}



.about-content .info .item p {

    padding: 4vw 0;

}



.about-content .info .item>p:nth-of-type(1) {

    margin-right: 10vw;

}



.about-content .info .item p:nth-of-type(2) {

    width: calc(100% - 111px);

}





}