@media screen and (min-width: 769px), print {
    .about__ttl {
        text-align: center;
        font-size: 4.6rem;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: .1em;
    }
    .about__ttl--sub {
        font-size: 2rem;
        display: block;
        letter-spacing: .075em;
        margin-bottom: 12px;
    }
    .about__ttl--white {
        color: #fff;
    }
    .about__ttl--blue {
        color: #005bab;
    }
    .infor {
        background-color: #005bab;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 37, 99, 0.5)), to(transparent));
        background-image: -webkit-linear-gradient(left, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        background-image: -moz- oldlinear-gradient(left, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        background-image: linear-gradient(90deg, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        color: #fff;
        padding: 93px 0 94px;
    }
    .infor .about__ttl {
        margin-bottom: 37px;
    }
    .infor .row {
        padding-left: 106px;
        padding-right: 100px;
    }
    .infor__desc {
        font-weight: 500;
        margin-bottom: 68px;
        line-height: 2.5;
    }
    .infor__note {
        margin-top: 52px;
        margin-right: -10px;
    }
    .infor__note li {
        position: relative;
        font-size: 1.4rem;
        padding-left: 8px;
    }
    .infor__note li:before {
        content: '※';
        display: block;
        position: absolute;
        top: 0;
        left: -6px;
    }
    .infor .btn {
        font-weight: 500;
    }
    .about__album {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .about__album .album__img {
        display: block;
        width: 33.333%;
    }
    }

    @media screen and (max-width: 768px) {
    .about__ttl {
        text-align: center;
        font-size: 7.29167vw;
        line-height: 1.5;
        font-weight: 500;
        letter-spacing: .1em;
    }
    .about__ttl--sub {
        font-size: 3.90625vw;
        line-height: 1.5333333;
        display: block;
        letter-spacing: .075em;
        margin-bottom: 2.60417vw;
    }
    .about__ttl--white {
        color: #fff;
    }
    .about__ttl--blue {
        color: #005bab;
    }
    .infor {
        background-color: #005bab;
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 37, 99, 0.5)), to(transparent));
        background-image: -webkit-linear-gradient(left, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        background-image: -moz- oldlinear-gradient(left, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        background-image: linear-gradient(90deg, rgba(0, 37, 99, 0.5) 0%, transparent 100%);
        color: #fff;
        padding: 14.58333vw 0 14.0625vw;
    }
    .infor .about__ttl {
        margin: 0 -3.90625vw 7.42188vw;
    }
    .infor__desc {
        font-weight: 500;
        margin-bottom: 10.15625vw;
        line-height: 7.55208vw;
    }
    .infor__note {
        margin-top: 9.89583vw;
    }
    .infor__note li {
        position: relative;
        font-size: 3.38542vw;
        line-height: 6.25vw;
        padding-left: 5.33854vw;
    }
    .infor__note li:before {
        content: '※';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .infor .btn {
        font-weight: 500;
    }
    .about__album {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .about__album .album__img {
        display: block;
        width: 50%;
    }
    .about__album .album__img:nth-child(3) {
        width: 100%;
    }
}