@import url("https://fonts.googleapis.com/css?family=Work+Sans:700&display=swap");

@media only screen and (min-width:769px) {
    .serviceSelectTbl._mb {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:768px) {
    .serviceSelectTbl._mb {
        margin-bottom: 4.67vw
    }
}

.checkTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff
}

@media only screen and (min-width:769px) {
    .checkTbl {
        border-left: 4px solid #009fe8;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl {
        border-left: .54vw solid #009fe8;
        margin-bottom: 2.67vw
    }
}

.checkTbl__area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:769px) {
    .checkTbl__area {
        padding: 10px 20px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__area {
        padding: 2.67vw 3.2vw
    }
}

.checkTbl__area__txt {
    letter-spacing: .075em;
    line-height: 2.3
}

@media only screen and (min-width:769px) {
    .checkTbl__area__txt {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__area__txt {
        font-size: 2.94vw
    }
}

.checkTbl__area__txt small {
    vertical-align: top;
    font-size: smaller
}

.checkTbl__cat {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:769px) {
    .checkTbl__cat {
        margin-right: 4px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__cat {
        margin-right: 1.34vw
    }
}

.checkTbl__cat span {
    display: inline-block;
    color: #fff;
    letter-spacing: .075em;
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .checkTbl__cat span {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        margin-right: 6px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__cat span {
        font-size: 2.94vw;
        height: 4.54vw;
        line-height: 4.54vw;
        padding: 0 1.34vw;
        margin-right: 1.34vw
    }
}

.checkTbl__cat .all {
    background: #e84729
}

.checkTbl__cat .chubu,
.checkTbl__cat .fukuoka,
.checkTbl__cat .kansai,
.checkTbl__cat .sapporo,
.checkTbl__cat .shuto,
.checkTbl__cat .tohoku,
.checkTbl__cat .kinki {
    background: #009fe8
}

.checkTbl__cat .kanagawa,
.checkTbl__cat .saitama,
.checkTbl__cat .tokyo {
    background: #00a161
}

.checkTbl__cat .kaitori,
.checkTbl__cat .shobun {
    color: #fc6303;
    border: 1px solid #fc6303
}

@media only screen and (min-width:769px) {

    .checkTbl__cat .kaitori,
    .checkTbl__cat .shobun {
        line-height: 18px
    }
}

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

    .checkTbl__cat .kaitori,
    .checkTbl__cat .shobun {
        line-height: 4vw
    }
}

.checkTbl__inner {
    width: 100%
}

@media only screen and (min-width:769px) {
    .checkTbl__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.checkTbl__name {
    position: relative
}

@media only screen and (min-width:769px) {
    .checkTbl__name {
        width: 296px;
        border-right: 1px solid #dedede;
        padding: 20px 0
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name {
        width: 100%;
        border-bottom: 1px solid #dedede
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long {
        width: 565px;
        border-right: none
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long {
        border-bottom: none
    }
}

.checkTbl .checkTbl__checkbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox {
        width: 296px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox {
        padding: 4vw 3.2vw 4vw 0
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox._logoOnly {
        padding: 4vw 8.67vw
    }
}

.checkTbl .checkTbl__checkbox input[type=checkbox] {
    display: none
}

.checkTbl .checkTbl__checkbox input[type=checkbox]:checked+label:before {
    background: url(/assets/images/original/shiritai-user-baibai-checkbox_check.gif) no-repeat 50%
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox input[type=checkbox]:checked+label:before {
        background-size: 20px 20px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox input[type=checkbox]:checked+label:before {
        background-size: 6.14vw 6.14vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox .checkTbl__label {
        width: 296px
    }
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox .checkTbl__label img {
        width: 295px
    }
}

.checkTbl .checkTbl__checkbox .checkbox__txt {
    position: absolute;
    font-family: "Work Sans", sans-serif;
    letter-spacing: .075em;
    color: #009fe8;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox .checkbox__txt {
        font-size: 10px;
        padding-top: 45px;
        margin-left: 14px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox .checkbox__txt {
        font-size: 2.67vw;
        padding-top: 12vw;
        margin-left: 1.6vw
    }
}

.checkTbl .checkTbl__checkbox label {
    position: relative;
    z-index: 1
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox label {
        width: 100%;
        cursor: pointer;
        padding: 0 0 0 64px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox label {
        padding: 0 3.2vw 0 13.6vw
    }
}

.checkTbl .checkTbl__checkbox label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox label:before {
        width: 24px;
        height: 24px;
        border: 2px solid #464646;
        border-radius: 2px;
        box-shadow: 0 2px 2px 0 #dadada;
        left: 20px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl .checkTbl__checkbox label:before {
        width: 6.14vw;
        height: 6.14vw;
        border: .54vw solid #464646;
        border-radius: .54vw;
        box-shadow: 0 2px 2px 0 #dadada;
        left: 3.2vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl .checkTbl__checkbox label img {
        width: 232px
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 639px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__info {
        width: 100%
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__info._short {
        width: 371px
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__info._short .checkTbl__detail {
        padding-left: 0;
        padding-right: 18px
    }
}

.checkTbl__discount {
    text-align: center;
    font-weight: 700;
    letter-spacing: .05em
}

@media only screen and (min-width:769px) {
    .checkTbl__discount {
        width: 260px;
        font-size: 16px;
        padding: 20px 0;
        line-height: 1.4
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount {
        padding: 4vw 3.2vw 6.67vw;
        font-size: 4.54vw;
        font-weight: 700
    }
}

.checkTbl__discount strong {
    line-height: 1
}

@media only screen and (min-width:769px) {
    .checkTbl__discount strong {
        font-size: 46px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount strong {
        font-size: 16vw
    }
}

.checkTbl__discount small {
    vertical-align: super;
    font-size: smaller
}

.checkTbl__discount ._blue {
    color: #009fe8
}

.checkTbl__discount ._red {
    color: #e84729
}

.checkTbl__discount ._dkblue {
    color: #5081a5
}

.checkTbl__discount ._orange {
    color: #eb6100
}

.checkTbl__discount ._black {
    color: #121212
}

.checkTbl__discount ._percent {
    color: #009fe8;
    font-weight: 700;
    vertical-align: inherit
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._percent {
        font-size: 24px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._percent {
        font-size: 4.54vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._middle {
        font-size: 36px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._middle {
        font-size: 11.47vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._middle2 {
        font-size: 30px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._middle2 {
        font-size: 11.47vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._behind {
        font-size: 24px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._behind {
        font-size: 4.54vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._small {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._small {
        font-size: 3.2vw
    }
}

.checkTbl__discount ._mb {
    display: inline-block
}

@media only screen and (min-width:769px) {
    .checkTbl__discount ._mb {
        margin-bottom: 15px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__discount ._mb {
        width: 100%;
        margin-bottom: 4vw
    }
}

.checkTbl__discount ._mbs {
    display: inline-block;
    margin-bottom: .5em
}

.checkTbl__discount ._fontWeightNormal {
    font-weight: 400
}

.checkTbl__discount ._lineHeightS {
    line-height: 1.2
}

@media only screen and (min-width:769px) {
    .checkTbl__detail {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 380px;
        height: 100%;
        padding: 20px 20px 20px 10px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail {
        padding: 0 3.2vw 4vw
    }
}

.checkTbl__detail .checkTbl__list {
    letter-spacing: .05em;
    line-height: 1.4
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .checkTbl__list {
        padding-bottom: 7px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail .checkTbl__list {
        padding-bottom: 1.6vw
    }
}

.checkTbl__detail .checkTbl__list li {
    margin-bottom: .5em
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .checkTbl__list li {
        width: 100%;
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail .checkTbl__list li {
        font-size: 3.74vw
    }
}

.checkTbl__detail .checkTbl__list li:last-child {
    margin-bottom: 0
}

.checkTbl__detail .checkTbl__list small {
    vertical-align: top;
    font-size: smaller
}

.checkTbl__detail .borderTbl {
    width: 100%;
    border: 1px solid #dedede;
    text-align: center;
    letter-spacing: .05em
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .borderTbl {
        padding: 12px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail .borderTbl {
        padding: 3.47vw
    }
}

.checkTbl__detail .borderTbl__ttl {
    position: relative;
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .borderTbl__ttl {
        font-size: 14px;
        padding: 0 0 13px;
        margin: 0 0 13px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail .borderTbl__ttl {
        font-size: 3.74vw;
        padding: 0 0 4.8vw;
        margin: 0 0 4.8vw
    }
}

.checkTbl__detail .borderTbl__ttl:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .borderTbl__ttl:before {
        bottom: 0;
        width: 20px;
        height: 1px;
        background: #003d7c
    }
}

.checkTbl__detail .borderTbl__txt {
    line-height: 1.4
}

@media only screen and (min-width:769px) {
    .checkTbl__detail .borderTbl__txt {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__detail .borderTbl__txt {
        font-size: 3.74vw
    }
}

.checkTbl__txt {
    letter-spacing: .05em;
    line-height: 1.3;
    margin-bottom: 1em
}

@media only screen and (min-width:769px) {
    .checkTbl__txt {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__txt {
        font-size: 3.74vw
    }
}

.checkTbl__txt._widthMax {
    width: 100%
}

@media only screen and (min-width:769px) {
    .checkTbl__txt._small {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__txt._small {
        font-size: 3.2vw
    }
}

.checkTbl__txt._middle {
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .checkTbl__txt._middle {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__txt._middle {
        font-size: 3.74vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__txt._img {
        width: 470px
    }
}

.checkTbl__txt._red {
    color: #e84729
}

.checkTbl__txt._dkblue {
    color: #5081a5
}

.checkTbl__txt._orange,
.checkTbl__txt ._orange {
    color: #eb6100
}

.checkTbl__txt._bold,
.checkTbl__txt ._bold {
    font-weight: 700
}

.checkTbl__txt:last-child {
    margin-bottom: 0
}

.checkTbl__txt._mbs,
.checkTbl__txt ._mbs {
    margin-bottom: .5em
}

.checkTbl__txt._mb,
.checkTbl__txt ._mb {
    margin-bottom: 1em
}

.checkTbl__txt._mb2,
.checkTbl__txt ._mb2 {
    margin-bottom: 2em
}

@media only screen and (min-width:769px) {

    .checkTbl__txt._mb20,
    .checkTbl__txt ._mb20 {
        margin-bottom: 20px
    }
}

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

    .checkTbl__txt._mb20,
    .checkTbl__txt ._mb20 {
        margin-bottom: 5.34vw
    }
}

.checkTbl._blue {
    border-color: #009fe8
}

.checkTbl._blue700,
.checkTbl ._blue700 {
    color: #003d7c
}

.checkTbl._orange {
    border-color: #fc6303
}

.checkTbl._orange ._middle2,
.checkTbl._orange .checkTbl__discount ._percent {
    color: #fc6303
}

.checkTbl._orange .squareList__item:before {
    background-color: #fc6303
}

.checkTbl._wine {
    border-color: #94243a
}

.checkTbl._wine .checkTbl__discount strong {
    line-height: 1.3
}

@media only screen and (min-width:769px) {
    .checkTbl._wine .checkTbl__discount strong {
        font-size: 30px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl._wine .checkTbl__discount strong {
        font-size: 8vw
    }
}

.checkTbl._wine .checkTbl__discount ._percent {
    color: #94243a
}

.checkTbl._wine .checkTbl__detail {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.checkTbl._wine ._middle2 {
    color: #94243a
}

.checkTbl._wine .squareList__item:before {
    background-color: #94243a
}

.checkTbl ._mbss {
    margin-bottom: .5em
}

@media only screen and (min-width:769px) {
    .checkTbl ._mbss {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl ._mbss {
        font-size: 3.2vw
    }
}

.twoClmTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: .05em;
    border: 1px solid #dedede;
    background: #fff
}

@media only screen and (min-width:769px) {
    .twoClmTbl {
        margin-bottom: 3px
    }
}

@media only screen and (max-width:768px) {
    .twoClmTbl {
        margin-bottom: 1.34vw
    }
}

.twoClmTbl__dt {
    background: #dedede;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:769px) {
    .twoClmTbl__dt {
        width: 79px;
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .twoClmTbl__dt {
        width: 19.74vw;
        font-size: 3.74vw
    }
}

.twoClmTbl__dt._orange {
    color: #fc6303
}

.twoClmTbl__dd {
    font-weight: 700;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:769px) {
    .twoClmTbl__dd {
        font-size: 14px;
        padding: 12px 28px
    }
}

@media only screen and (max-width:768px) {
    .twoClmTbl__dd {
        font-size: 3.74vw;
        padding: 4vw
    }
}

.annotation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:769px) {
    .annotation {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 35px
    }
}

@media only screen and (max-width:768px) and (max-width:768px) {
    .annotation {
        margin-bottom: 2.67vw
    }
}

@media only screen and (max-width:768px) {
    .annotation__list {
        margin-bottom: 2.67vw
    }
}

.annotation__item {
    letter-spacing: .05em;
    line-height: 1.4
}

@media only screen and (min-width:769px) {
    .annotation__item {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .annotation__item {
        font-size: 3.2vw
    }
}

.annotation__other {
    letter-spacing: .05em;
    line-height: 1.4
}

@media only screen and (min-width:769px) {
    .annotation__other {
        font-size: 12px
    }
}

@media only screen and (max-width:768px) {
    .annotation__other {
        font-size: 3.2vw
    }
}

.annotation__other .squareList__item:before {
    background: #003d7c
}

@media only screen and (min-width:769px) {
    .annotation__other .squareList__item:before {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width:768px) {
    .annotation__other .squareList__item:before {
        width: 2.67vw;
        height: 2.67vw
    }
}

.annotation__other._head {
    display: inline-block;
    font-weight: 700
}

.pointTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-left: 4px solid;
    background: #fff
}

@media only screen and (min-width:769px) {
    .pointTbl {
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .pointTbl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2.67vw
    }
}

.pointTbl:last-child {
    margin-bottom: 0
}

.pointTbl__point {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width:769px) {
    .pointTbl__point {
        width: 333px;
        border-right: 1px solid #dedede
    }
}

@media only screen and (max-width:768px) {
    .pointTbl__point {
        width: 100%;
        border-bottom: 1px solid #dedede
    }
}

.pointTbl__num {
    font-weight: 700;
    font-family: "Work Sans", sans-serif;
    text-align: center
}

@media only screen and (min-width:769px) {
    .pointTbl__num {
        width: 97px;
        font-size: 28px
    }
}

@media only screen and (max-width:768px) {
    .pointTbl__num {
        width: 13.07vw;
        font-size: 6.67vw
    }
}

.pointTbl__ttl {
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .pointTbl__ttl {
        line-height: 1.5;
        letter-spacing: .075em;
        font-size: 20px;
        padding: 20px 20px 20px 0
    }
}

@media only screen and (max-width:768px) {
    .pointTbl__ttl {
        line-height: 1.2;
        letter-spacing: .05em;
        width: 77.87vw;
        font-size: 8vw;
        padding: 5.74vw 3.74vw
    }
}

.pointTbl__txt {
    line-height: 1.2;
    letter-spacing: .075em
}

@media only screen and (min-width:769px) {
    .pointTbl__txt {
        padding: 20px;
        width: 602px
    }
}

@media only screen and (max-width:768px) {
    .pointTbl__txt {
        letter-spacing: .05em;
        padding: 4vw 3.74vw;
        width: 100%
    }
}

.pointTbl._wine {
    border-color: #94243a
}

.pointTbl._wine .pointTbl__point {
    color: #94243a
}

.targetTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-left: 4px solid;
    background: #fff
}

@media only screen and (min-width:769px) {
    .targetTbl {
        margin-bottom: 10px;
        line-height: 1.5;
        letter-spacing: .05em
    }
}

@media only screen and (max-width:768px) {
    .targetTbl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 2.67vw;
        line-height: 1.2;
        letter-spacing: .05em
    }
}

.targetTbl dt {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .targetTbl dt {
        width: 200px;
        padding: 0 20px 0 30px;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede
    }
}

@media only screen and (max-width:768px) {
    .targetTbl dt {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 3.34vw;
        font-size: 4.54vw;
        text-align: center;
        border-bottom: 1px solid #dedede
    }
}

@media only screen and (min-width:769px) {
    .targetTbl dt.last {
        border-bottom: none
    }
}

.targetTbl dd {
    line-height: 1.2;
    letter-spacing: .075em
}

@media only screen and (min-width:769px) {
    .targetTbl dd {
        font-size: 14px;
        padding: 20px 0 20px 32px;
        width: 736px;
        border-bottom: 1px solid #dedede
    }
}

@media only screen and (max-width:768px) {
    .targetTbl dd {
        font-size: 3.74vw;
        letter-spacing: .05em;
        padding: 4vw 3.74vw;
        width: 100%
    }
}

@media only screen and (min-width:769px) {
    .targetTbl dd.last {
        border-bottom: none
    }
}

.targetTbl .bold {
    font-weight: 700
}

.targetTbl._wine {
    border-color: #94243a
}

.targetTbl._wine dt {
    color: #94243a
}

.wideTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff
}

@media only screen and (min-width:769px) {
    .wideTbl {
        border-left: 4px solid #009fe8;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl {
        border-left: .54vw solid #009fe8;
        margin-bottom: 2.67vw
    }
}

.wideTbl._orange {
    border-color: #eb6100
}

.wideTbl__area {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #dedede
}

@media only screen and (min-width:769px) {
    .wideTbl__area {
        padding: 10px 20px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl__area {
        padding: 2.67vw 3.2vw
    }
}

.wideTbl__area__txt {
    letter-spacing: .075em;
    line-height: 2.3
}

@media only screen and (min-width:769px) {
    .wideTbl__area__txt {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl__area__txt {
        font-size: 2.94vw
    }
}

.wideTbl__area__txt small {
    vertical-align: top;
    font-size: smaller
}

.wideTbl__cat {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:769px) {
    .wideTbl__cat {
        margin-right: 4px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl__cat {
        margin-right: 1.34vw
    }
}

.wideTbl__cat span {
    display: inline-block;
    color: #fff;
    letter-spacing: .075em;
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .wideTbl__cat span {
        font-size: 12px;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        margin-right: 6px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl__cat span {
        font-size: 2.94vw;
        height: 4.54vw;
        line-height: 4.54vw;
        padding: 0 1.34vw;
        margin-right: 1.34vw
    }
}

.wideTbl__cat .all {
    background: #e84729
}

.wideTbl__cat .chubu,
.wideTbl__cat .fukuoka,
.wideTbl__cat .kansai,
.wideTbl__cat .sapporo,
.wideTbl__cat .shuto,
.wideTbl__cat .tohoku {
    background: #009fe8
}

.wideTbl__cat .kanagawa,
.wideTbl__cat .saitama,
.wideTbl__cat .tokyo {
    background: #00a161
}

.wideTbl__cat .kaitori,
.wideTbl__cat .shobun {
    color: #fc6303;
    border: 1px solid #fc6303
}

@media only screen and (min-width:769px) {

    .wideTbl__cat .kaitori,
    .wideTbl__cat .shobun {
        line-height: 18px
    }
}

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

    .wideTbl__cat .kaitori,
    .wideTbl__cat .shobun {
        line-height: 4vw
    }
}

.wideTbl__inner {
    width: 100%
}

@media only screen and (min-width:769px) {
    .wideTbl__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (min-width:769px) {
    .wideTbl__detail {
        padding: 30px 89px 25px
    }
}

@media only screen and (max-width:768px) {
    .wideTbl__detail {
        padding: 4vw;
        font-size: 3.74vw
    }
}

.threeClmTbl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

@media only screen and (min-width:769px) {
    .threeClmTbl {
        border-left: 4px solid #00a161;
        padding: 28px 0;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-left: .54vw solid #00a161;
        margin-bottom: 2.67vw
    }
}

.threeClmTbl:last-of-type {
    margin-bottom: 0
}

.threeClmTbl__ttl {
    font-weight: 700;
    width: 100%
}

@media only screen and (min-width:769px) {
    .threeClmTbl__ttl {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl__ttl {
        font-size: 3.74vw
    }
}

@media only screen and (min-width:769px) {
    .threeClmTbl__sub {
        margin-top: 8px
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl__sub {
        font-size: 3.74vw;
        margin-top: 2px
    }
}

.threeClmTbl__first {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:769px) {
    .threeClmTbl__first {
        width: 216px;
        padding: 0 35px
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl__first {
        width: 100%;
        padding: 2.67vw 3.6vw 2.67vw 3.2vw;
        border-bottom: 1px solid #dedede
    }
}

.threeClmTbl__second {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:769px) {
    .threeClmTbl__second {
        width: 350px;
        padding-right: 60px
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl__second {
        width: 100%;
        padding: 4vw 3.6vw 4vw 3.2vw
    }
}

@media only screen and (min-width:769px) {
    .threeClmTbl__third {
        width: 370px;
        padding: 0 20px 0 0
    }
}

@media only screen and (max-width:768px) {
    .threeClmTbl__third {
        width: 100%;
        padding: 0 3.6vw 4vw 3.2vw
    }
}

@media only screen and (min-width:769px) {
    .threeClmTbl .threeClmTbl_att {
        margin-bottom: 20px
    }
}

.faq .faqArea {
    background: #fff
}

@media only screen and (min-width:769px) {
    .faq .faqArea {
        padding: 40px 60px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea {
        padding: 4vw 2.67vw 5.34vw
    }
}

.faq .faqArea__ttl {
    position: relative;
    border-bottom: 1px solid #009fe8;
    font-weight: 700;
    letter-spacing: .05em
}

@media only screen and (min-width:769px) {
    .faq .faqArea__ttl {
        font-size: 18px;
        line-height: 2;
        padding: 0 0 20px 35px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__ttl {
        font-size: 4vw;
        line-height: 1.5;
        padding: 0 2.67vw 2.67vw 10.4vw
    }
}

.faq .faqArea__ttl:before {
    content: "";
    display: block;
    position: absolute
}

@media only screen and (min-width:769px) {
    .faq .faqArea__ttl:before {
        top: 9px;
        left: 0;
        width: 27px;
        height: 20px;
        background: url(/assets/materials/shiritai-user-baibai-icon-faq01.svg) 50%/27px 20px no-repeat
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__ttl:before {
        top: .54vw;
        left: 1.6vw;
        width: 7.2vw;
        height: 5.2vw;
        background: url(/assets/materials/shiritai-user-baibai-icon-faq01.svg) 50%/7.2vw 5.2vw no-repeat
    }
}

.faq .faqArea__list {
    border-bottom: 1px solid #009fe8
}

.faq .faqArea__Q {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f5f6f7
}

@media only screen and (min-width:769px) {
    .faq .faqArea__Q {
        padding: 17px 20px;
        cursor: pointer
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__Q {
        padding: 2.67vw
    }
}

.faq .faqArea__Q__mark {
    display: block;
    background: #009fe8;
    color: #fff;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    border-radius: 2px
}

@media only screen and (min-width:769px) {
    .faq .faqArea__Q__mark {
        width: 26px;
        height: 26px;
        line-height: 24px;
        margin-right: 10px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__Q__mark {
        width: 6vw;
        height: 4.8vw;
        font-size: 3.74vw;
        line-height: 4.54vw;
        margin: 1.34vw 2.67vw 0 0
    }
}

.faq .faqArea__Q__txt {
    line-height: 1.7;
    width: 100%;
    font-weight: 700
}

@media only screen and (max-width:768px) {
    .faq .faqArea__Q__txt {
        font-size: 4vw
    }
}

.faq .faqArea__A {
    line-height: 1.7;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:769px) {
    .faq .faqArea__A {
        padding: 17px 20px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__A {
        padding: 2.67vw
    }
}

.faq .faqArea__A__mark {
    display: inline-block;
    background: #f29600;
    color: #fff;
    text-align: center;
    font-family: "Work Sans", sans-serif;
    border-radius: 2px
}

@media only screen and (min-width:769px) {
    .faq .faqArea__A__mark {
        width: 26px;
        height: 26px;
        line-height: 26px;
        margin-right: 10px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__A__mark {
        width: 6vw;
        height: 4.8vw;
        font-size: 3.74vw;
        line-height: 4.8vw;
        margin: 1.34vw 2.67vw 0 0
    }
}

.faq .faqArea__A__txt {
    line-height: 1.7;
    width: 100%
}

@media only screen and (min-width:769px) {
    .faq .faqArea__A__txt {
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .faq .faqArea__A__txt {
        font-size: 4vw
    }
}

.links {
    position: relative;
    background: #009fe8
}

.links .section__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:769px) {
    .links .section__inner:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 0;
        width: 780px;
        height: 100%;
        background: #fff;
        -webkit-transform: translateX(-310px);
        transform: translateX(-310px)
    }
}

@media only screen and (max-width:768px) {
    .links .section__inner {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.links__img {
    position: relative;
    z-index: 1
}

@media only screen and (min-width:769px) {
    .links__img {
        width: 360px;
        margin-right: 40px
    }
}

@media only screen and (max-width:768px) {
    .links__img {
        width: 100%
    }
}

.links__contents {
    position: relative
}

@media only screen and (min-width:769px) {
    .links__contents {
        z-index: 1;
        width: 480px
    }
}

@media only screen and (max-width:768px) {
    .links__contents {
        z-index: 0;
        background: #fff;
        margin: -22.66vw -4vw 0;
        padding: 28.67vw 4vw 9.34vw
    }
}

@media only screen and (min-width:769px) {
    .links__ttl {
        font-size: 30px;
        line-height: 1.3;
        letter-spacing: .075em;
        margin-bottom: 18px
    }
}

@media only screen and (max-width:768px) {
    .links__ttl {
        font-size: 6.67vw;
        line-height: 1.2;
        letter-spacing: .06em;
        margin-bottom: 4vw
    }
}

.links__txt {
    line-height: 1.7
}

@media only screen and (min-width:769px) {
    .links__txt {
        font-size: 14px;
        letter-spacing: .025em;
        margin-bottom: 22px
    }
}

@media only screen and (max-width:768px) {
    .links__txt {
        font-size: 4vw;
        letter-spacing: .05em;
        margin-bottom: 6.67vw
    }
}

.links .linksList {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width:769px) {
    .links .linksList__item {
        width: 240px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width:768px) {
    .links .linksList__item {
        width: 100%;
        margin-bottom: 6.67vw
    }

    .links .linksList__item:last-child {
        margin-bottom: 0
    }
}

.links .linksList a {
    display: block;
    position: relative;
    color: #009fe8;
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .links .linksList a {
        font-size: 14px;
        padding-left: 21px
    }
}

@media only screen and (max-width:768px) {
    .links .linksList a {
        font-size: 4vw;
        padding-left: 6.94vw
    }
}

.links .linksList a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    background: url(/assets/materials/shiritai-user-baibai-icon-arw2.svg) 50%/cover no-repeat
}

@media only screen and (min-width:769px) {
    .links .linksList a:before {
        top: 1px;
        width: 15px;
        height: 15px
    }
}

@media only screen and (max-width:768px) {
    .links .linksList a:before {
        top: 1px;
        left: .67vw;
        width: 4vw;
        height: 4vw
    }
}

.flowList__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width:769px) {
    .flowList__list {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (max-width:768px) {
    .flowList__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.flowList__item {
    position: relative
}

@media only screen and (min-width:769px) {
    .flowList__item {
        width: 200px
    }
}

@media only screen and (max-width:768px) {
    .flowList__item {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 9.74vw
    }
}

@media only screen and (max-width:768px) {
    .flowList__item:last-child {
        margin-bottom: 0
    }
}

.flowList__item:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/assets/materials/shiritai-user-baibai-icon-rightArrow.svg)
}

@media only screen and (min-width:769px) {
    .flowList__item:before {
        right: -27px;
        top: 63px;
        width: 15px;
        height: 23px;
        background-size: cover
    }
}

@media only screen and (max-width:768px) {
    .flowList__item:before {
        bottom: -6.66vw;
        left: 18.4vw;
        width: 2.67vw;
        height: 4.54vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        background-size: cover
    }
}

.flowList__item:last-child:before {
    display: none
}

.flowList__pct--01 {
    background: url(/assets/materials/shiritai-user-baibai-icon-flow-01.svg);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:769px) {
    .flowList__pct--01 {
        width: 85px;
        height: 81px
    }
}

@media only screen and (max-width:768px) {
    .flowList__pct--01 {
        width: 20.54vw;
        height: 19.47vw
    }
}

.flowList__pct--02 {
    background: url(/assets/materials/shiritai-user-baibai-icon-flow-02.svg);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:769px) {
    .flowList__pct--02 {
        width: 88px;
        height: 88px
    }
}

@media only screen and (max-width:768px) {
    .flowList__pct--02 {
        width: 19.87vw;
        height: 20.14vw
    }
}

.flowList__pct--03 {
    background: url(/assets/materials/shiritai-user-baibai-icon-flow-03.svg);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:769px) {
    .flowList__pct--03 {
        width: 115px;
        height: 90px
    }
}

@media only screen and (max-width:768px) {
    .flowList__pct--03 {
        width: 24.27vw;
        height: 18.94vw
    }
}

.flowList__pct--04 {
    background: url(/assets/materials/shiritai-user-baibai-icon-flow-04.svg);
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media only screen and (min-width:769px) {
    .flowList__pct--04 {
        width: 131px;
        height: 72px
    }
}

@media only screen and (max-width:768px) {
    .flowList__pct--04 {
        width: 25.87vw;
        height: 14.27vw
    }
}

.numSquare {
    background: #e5f7ff;
    position: relative;
    overflow: hidden
}

@media only screen and (min-width:769px) {
    .numSquare {
        width: 200px;
        height: 150px;
        margin-bottom: 17px
    }
}

@media only screen and (max-width:768px) {
    .numSquare {
        width: 41.34vw;
        height: 31.07vw
    }
}

.numSquare__num {
    position: absolute;
    border-radius: 50%;
    background: #009fe8;
    color: #fff;
    font-family: "Work Sans", sans-serif;
    text-align: center;
    letter-spacing: .1em;
    z-index: 1
}

@media only screen and (min-width:769px) {
    .numSquare__num {
        top: -40px;
        left: -30px;
        width: 85px;
        height: 85px;
        padding: 45px 0 0 22px;
        font-size: 8px
    }
}

@media only screen and (max-width:768px) {
    .numSquare__num {
        top: -11.6vw;
        left: -9.86vw;
        width: 24vw;
        height: 24vw;
        padding: 12.67vw 0 0 8.67vw;
        font-size: 2.94vw
    }
}

.numSquare__num span {
    display: block;
    line-height: 1
}

@media only screen and (min-width:769px) {
    .numSquare__num span {
        font-size: 24px
    }
}

@media only screen and (max-width:768px) {
    .numSquare__num span {
        font-size: 5.87vw
    }
}

.numSquare__txt {
    letter-spacing: .05em
}

@media only screen and (min-width:769px) {
    .numSquare__txt {
        line-height: 1.7;
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .numSquare__txt {
        line-height: 1.6;
        font-size: 3.74vw;
        width: 45.34vw
    }
}

.numSquare__txt a {
    text-decoration: underline
}

@media only screen and (min-width:769px) {
    .numSquare__txt a:hover {
        text-decoration: none
    }
}

.m-breadcrumbs--transparent .m-breadcrumbs__item:before,
.m-breadcrumbs--transparent .m-breadcrumbs__item:last-child .m-breadcrumbs__text,
.m-breadcrumbs--transparent .m-breadcrumbs__link,
.m-breadcrumbs--transparent .m-breadcrumbs__text {
    color: #fff
}

@media only screen and (min-width:769px) {
    .pageKv {
        background: url(/assets/images/original/shiritai-user-baibai-kv-interior-pc.jpg) top/cover no-repeat
    }
}

@media only screen and (max-width:768px) {
    .pageKv {
        background: url(/assets/images/original/shiritai-user-baibai-kv-interior-sp.jpg) top/cover no-repeat
    }
}

@media only screen and (min-width:769px) {
    .blueBtn {
        width: 100%;
        height: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width:768px) {
    .blueBtn {
        width: 100%;
        height: 13.34vw;
        line-height: 13.34vw
    }
}

@media only screen and (min-width:769px) {
    .blueBtn._print {
        margin-bottom: 5px
    }
}

@media only screen and (max-width:768px) {
    .blueBtn._print {
        margin-bottom: .8vw
    }
}

@media only screen and (min-width:769px) {
    .blueBtn._print .small {
        font-size: 11px
    }
}

@media only screen and (max-width:768px) {
    .blueBtn._print .small {
        font-size: 2.94vw
    }
}

.blueBtn._long {
    line-height: 1.3
}

@media only screen and (min-width:769px) {
    .blueBtn._long {
        height: 55px
    }
}

@media only screen and (max-width:768px) {
    .blueBtn._long {
        height: auto
    }
}

@media only screen and (min-width:769px) {
    .blueBtn._long a {
        padding-top: 8px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .blueBtn._long a {
        padding-top: 3.34vw;
        padding-bottom: 3.34vw
    }
}

.checkTbl__info._wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:768px) {
    .checkTbl__info._wrap .checkTbl__discount {
        width: 100%
    }
}

.clm2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dedede
}

@media only screen and (max-width:768px) {
    .clm2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.clm2:last-child {
    border-bottom: none
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long .checkTbl__checkbox {
        width: 565px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long .checkTbl__checkbox {
        padding: 4vw
    }
}

.checkTbl__name._long .checkTbl__label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 100%
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long .checkTbl__label {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long .checkTbl__label {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.checkTbl__name._long .checkTbl__label:before {
    content: "";
    display: block;
    position: absolute;
    background: url(/assets/images/original/shiritai-user-baibai-pct-batsu.png);
    background-size: cover
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long .checkTbl__label:before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 225px;
        width: 30px;
        height: 30px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long .checkTbl__label:before {
        top: 24.27vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 9.34vw;
        height: 9.34vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long .checkTbl__label img {
        width: 150px;
        margin-right: 87px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long .checkTbl__label img {
        width: 37.87vw;
        height: 19.74vw !important;
        margin-bottom: 17.87vw
    }
}

.checkTbl__name._long .checkTbl__label--txt {
    font-weight: 700
}

@media only screen and (min-width:769px) {
    .checkTbl__name._long .checkTbl__label--txt {
        font-size: 24px
    }
}

@media only screen and (max-width:768px) {
    .checkTbl__name._long .checkTbl__label--txt {
        font-size: 5.6vw
    }
}

@media only screen and (min-width:769px) {
    .checkTbl__txt ._att_item2 {
        margin-left: 0
    }
}

.floatingBnr__inner.is-show {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility 0s ease-in-out .5s
}

.floatingBnr__inner.is-show.is-tel {
    transition-delay: 0s;
    opacity: 1;
    visibility: visible
}


/* 211005 */
.s-clas-feature-wrap{
  display: flex;
  color: #003d7c;
}
.s-clas-feature-item{
  box-sizing: border-box;
}
.s-clas-feature-ttl{
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 8px;
}
.s-clas-feature-ttl:first-letter{
  color: #0093dc;
}
.s-clas-feature-txt{
  font-size: 14px;
  line-height: 1.5;
}
.s-clas-feature-underline{
  background: linear-gradient(transparent 80%, #fac2aa 80%);
}
.s-clas-lineup-name{
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
.checkTbl__cat .osaka,.checkTbl__cat .hyogo,.checkTbl__cat .kyoto{
  background: #009fe8;
}
@media only screen and (min-width:769px) {
  .s-clas-information{
    padding: 20px 12px;
  }
  .s-clas-feature-wrap{
    margin-bottom: 24px;
  }
  .s-clas-feature-wrap.s-type02{
    margin-bottom: 0;
  }
  .s-clas-feature-item{
    width: 25%;
    padding: 0 12px;
  }
  .s-clas-feature-item img{
    margin-bottom: 12px;
    min-height: 154px;
  }
}

@media only screen and (max-width:768px) {
  .s-clas-information{
    padding: 20px 8px 8px 8px;
  }
  .s-clas-feature-wrap{
    flex-wrap: wrap; 
  }
  .s-clas-feature-item{
    width: 50%;
    padding: 0 8px;
    margin-bottom: 24px;
  }
  .s-clas-feature-wrap.s-type02 .s-clas-feature-item{
    margin-bottom: 8px;
  }
  .s-clas-feature-ttl{
    font-size: 15px;
    line-height: 1.5;
  }
  .s-clas-lineup-name{
    font-size: 14px;
    line-height: 1.7;
  }
  .s-clas-feature-item img{
    margin-bottom: 18px;
  }
  .s-clas-feature-wrap.s-type02 .s-clas-feature-item img{
    margin-bottom: 4px;
  }
}

/*221012 追記*/
@media only screen and (min-width: 769px) {
    .checkTbl .checkTbl__checkbox .checkTbl__discount {
        width:auto
    }
}

/* 20251202追記*/
/* 2行対応ボタン専用（改変最小限） */
.blueBtn--multi a {
  padding: 10px 60px 10px 30px; 
}

/* 2行テキストに行間を付けて読みやすく */
.blueBtn--multi a span {
  line-height: 1.4;
  display: inline-block;
}

.blueBtn--multi a:before {
  top: 1.2em; /* 少し上寄せ */
  transform: translateY(0);
}

@media only screen and (min-width: 769px) {
    .blueBtn--multi {
        height: auto;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 768px) {
    .blueBtn--multi {
        height: auto;
        line-height: 4.34vw;
    }
    .blueBtn--multi a {
        padding: 10px 60px 10px 15px;
    }
}

.att-margin {
    margin-bottom: 10px;
}

/* 251209追記 */
._att_item2--red {
  color: #ff0000;
}

.blueBtn--green {
    background: #6fb92c;
    /* transition: background .2s ease-in-out; */
}

.blueBtn--green span {
  color: #fff;
　line-height: 1.4;
  display: inline-block;
  padding: 10px 60px 10px 30px;
  font-weight: 700;
  letter-spacing: .075em;
}

.blueBtn--green:hover {
  background: #6fb92c;
}

@media (max-width: 768px) {
  .blueBtn--green span {
    padding: 10px 60px 10px 15px;
    font-size: 3.47vw;
  }
}