@media screen and (min-width: 768px){
    #about > *{
        padding-inline: 3.3rem;
        max-width: calc(934px + 6.6rem);
        margin-inline: auto;
    }
}
#about > .title-area > .text-center {
    text-align: left !important;
}
@media screen and (min-width: 768px) {
    #about > .title-area > .text-center p {
        font-size: 16px;
    }
    #about #bottomnavi .btn-wrap .btn a {
        font-size:20px;
    }
}
a.aboutbtn{
    display: block;
    max-width: 268px;
    width: 100%;
    line-height: 34px;
    font-size:16px;
    font-weight: 600;
    border: solid #E1E5E9 2px;
    border-radius: 10px;
    padding-left: 20px;
    position: relative;
}
a.aboutbtn:hover{
    opacity: 0.7;
}
a.aboutbtn:after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.3rem;
    margin-left: 0.5rem;
    background: url(/assets/images/common/link.svg) center / cover;
    position: absolute;
    transform:translateY(-50%);
    top: 50%;
    right: 20px;
}
#mypage .mypage-inner {
    display: flex;
    justify-content: center;
    flex-direction: row;
    row-gap: 20px;
    column-gap: 10px;
}
@media screen and (max-width: 600px) {
    #mypage .mypage-inner {
        flex-direction: column;
    }
    .contents-wrapper#mypage .title-area {
        padding: 5rem 0 3rem;
    }
}
section.introduction .btn-wrap {
    padding-top:0;
    padding-bottom:0;
}

html:not(:lang(ja)) .introduction .creditcard {
    display:none;
}
.row .item-right p {
    line-height:1.6;
}
.btn-wrap.totakarazuka .btn{
    background-image:url(/assets/images/common/link.svg);
}
.row .item-right {
    width:calc(100% - 460px);
}
.row .item-right .btn-wrap{
    text-align:left;
}
@media screen and (max-width: 800px) {
    .row .item-left {
        width:360px;
    }
    .row .item-right {
        width:calc(100% - 370px);
    }
}
@media screen and (max-width: 600px) {
    .row .item-left,
    .row .item-right {
        width:100%;
    }
    .row .item-right .btn-wrap{
        text-align:center;
    }
}

#bottomnavi .contents-wrapper {
    padding-top:7.5rem !important;
}
@media screen and (max-width: 600px) {
    #bottomnavi .contents-wrapper {
        /* padding-top:0 !important; */
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size:16px;
    }
}