@charset "utf-8";.bread_crumb {
    width: 100%;
    background-color: #fff
}

.bread_crumb .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bread_crumb .inner a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #0076bd
}

.bread_crumb .inner i {
    color: #bfbfbf
}

.page_ttl {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5
}

.page_ttl .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.page_ttl__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.page_ttl__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #e72c2a;
    color: white;
    text-align: center
}

.page_ttl__icon span {
    display: block;
    font-family: DIN Next W01 Bold
}

.page_ttl__jpn {
    display: block;
    font-weight: 400
}

.page_ttl__sub {
    display: block
}

.page_ttl__sub--red {
    color: #e72c2a
}

.page_ttl:before {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    content: ''
}

.pr-section__text span {
    font-family: 'UD新ゴ R',UD Shin Go Regular
}

.pr-years__table__content-title {
    font-family: 'UD新ゴ B',UD Shin Go Bold
}

@media(min-width: 768px),print {
    .bread_crumb {
        border-bottom:1px solid #e5e5e5
    }

    .bread_crumb .inner {
        height: 65px
    }

    .bread_crumb .inner li {
        margin-right: 20px;
        font-family: 'UD新ゴ R',UD Shin Go Regular
    }

    .bread_crumb .inner li a {
        padding-bottom: 1px
    }

    .bread_crumb .inner li a span {
        position: relative
    }

    .bread_crumb .inner li a span:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        background-color: #0076bd;
        content: '';
        transition: -webkit-transform .3s ease 0s;
        transition: transform .3s ease 0s;
        transition: transform .3s ease 0s,-webkit-transform .3s ease 0s;
        will-change: transform
    }

    .bread_crumb .inner li a span:hover:after {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    .bread_crumb .inner li>span {
        display: inline-block;
        padding-bottom: 1px
    }

    .bread_crumb .inner i {
        margin-left: 20px;
        padding-top: 2px;
        font-size: .75rem
    }

    .page_ttl .inner {
        -ms-flex-pack: center;
        justify-content: center;
        height: 208px
    }

    .page_ttl__icon {
        width: 80px;
        height: 80px;
        margin-right: 24px
    }

    .page_ttl__icon i {
        font-size: 1.875rem
    }

    .page_ttl__icon span {
        margin-top: 5px;
        font-size: .75rem
    }

    .page_ttl__jpn {
        margin: 0 0 15px;
        font-size: 2.5rem;
        letter-spacing: 5px
    }

    .page_ttl__sub {
        font-size: 1rem
    }

    .page_ttl__sub--red {
        margin-top: 10px
    }

    .page_ttl:before {
        right: 13.333333333333334vw;
        width: 192px;
        background: url(../images/utils/deco_line_l.png) center top repeat-y
    }

    .page_ttl--back {
        display: none
    }

    .page_ttl--back.show {
        display: block
    }

    .page_ttl--back.show .inner {
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 60px;
        color: #0076bd;
        font-size: .9375rem
    }

    .page_ttl--back.show .inner i {
        font-size: 1rem
    }

    .page_ttl--back.show .inner i:before {
        display: inline-block;
        margin-right: .625rem;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .page_ttl__jpn {
        margin: 0;
        font-size: 2.875rem
    }

    .pr {
        padding: 52px 0 86px;
        background: repeating-linear-gradient(90deg,#e7f2f9 0,#e7f2f9 4px,#e1eff7 4px,#e1eff7 6px)
    }

    .pr .inner {
        max-width: 1000px
    }

    .pr .bg {
        padding-top: 80px;
        padding-bottom: 10px;
        border-radius: 10px;
        background: #fff;
    }

    .pr .c1 {
        color: #e72c2a
    }

    .pr-section {
        box-sizing: border-box;
        width: 905px;
        margin: auto
    }

    .pr-section:not(.pr-lead) {
        padding: 32px;
        border-radius: 6px;
        background: #e9f3f9
    }

    .pr-section__title {
        padding: 21px 0 21px 7px;
        border-radius: 6px;
        background: #0076bd;
        color: #fff;
        font-size: 1.375rem;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 1.2;
        text-align: center
    }

    .pr-section__text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 767px;
        margin: 33px auto 36px
    }

    .pr-section__text span {
        font-size: 1.125rem
    }

    .pr-lead {
        height: 159px;
        margin-bottom: 64px;
    }

    .pr-lead__box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .pr-lead__box-image {
        position: relative;
        margin-left: 78px
    }

    .pr-lead__box-image__text {
        position: absolute;
        top: 16px;
        right: 26px
    }
    img.pr-lead__box-image__text {
        width:20%;
        }
    .pr-lead__box-text {
        width: 520px;
        margin-left: 50px;
        font-size: 1.875rem;
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1.6
    }

    .pr-distance {
        margin-bottom: 48px;
    }

    .pr-distance__table {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 827px;
        margin: auto
    }

    .pr-distance__table__content {
        box-sizing: border-box;
        width: 265px;
        overflow: hidden;
        border-radius: 6px;
        background: #fff
    }

    .pr-distance__table__content:nth-of-type(1) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_01_pc.png),repeating-linear-gradient(-56deg,#c5f1fc 0,#c5f1fc 7px,#c9f3fd 7px,#c9f3fd 17px);
        background-position: 0 0,5px 0
    }

    .pr-distance__table__content:nth-of-type(2) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_02_pc.png),repeating-linear-gradient(-56deg,#c5f1fc 0,#c5f1fc 7px,#c9f3fd 7px,#c9f3fd 17px);
        background-position: 0 0,5px 0
    }

    .pr-distance__table__content:nth-of-type(3) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_03_pc.png),repeating-linear-gradient(-56deg,#c5f1fc 0,#c5f1fc 7px,#c9f3fd 7px,#c9f3fd 17px);
        background-position: 0 0,5px 0
    }

    .pr-distance__table__content-title,.pr-distance__table__content-text {
        text-align: center
    }

    .pr-distance__table__content-title {
        padding: 0 0 16px;
        font-size: 1.125rem
    }

    .pr-distance__table__content-title:before {
        display: block;
        width: 266px;
        height: 160px;
        content: ''
    }

    .pr-distance__table__content-title p {
        margin-top: 26px
    }

    .pr-distance__table__content-text {
        padding: 20px 14px;
        border-top: 1px solid #e5e5e5;
        font-size: 1rem
    }

    .pr-distance__table__content-symbol {
        z-index: 1;
        position: absolute;
        bottom: 28px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background-color: #0076bd
    }

    .pr-distance__table__content-symbol:nth-of-type(1) {
        left: 254px
    }

    .pr-distance__table__content-symbol:nth-of-type(2) {
        left: 536px
    }

    .pr-distance__table__content-symbol span {
        display: block;
        position: relative;
        width: 36px;
        height: 36px;
        font-size: 0
    }

    .pr-distance__table__content-symbol span:before,.pr-distance__table__content-symbol span:after {
        display: block;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 0;
        left: 0;
        width: 13px;
        height: 3px;
        margin: auto;
        background-color: #fff;
        content: ''
    }

    .pr-distance__table__content-symbol span:after {
        top: 1px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .pr-distance__total {
        margin-top: 38px;
        margin-bottom: 4px
    }

    .pr-distance__total-symbol {
        width: 26px;
        height: 17px;
        margin: auto
    }

    .pr-distance__total-symbol span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 0
    }

    .pr-distance__total-symbol span:before,.pr-distance__total-symbol span:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 5px;
        background-color: #000;
        content: ''
    }

    .pr-distance__total-symbol span:before {
        top: 0
    }

    .pr-distance__total-symbol span:after {
        bottom: 0
    }

    .pr-distance__total-text {
        margin-top: 14px;
        font-size: 1.875rem;
        text-align: center
    }

    .pr-distance__total-text .big {
        font-size: 2.5rem
    }

    .pr-pattern {
        margin-bottom: 66px;
    }

    .pr-pattern__tab {
        display: -ms-flexbox;
        display: flex
    }

    .pr-pattern__tab__item {
        width: 33.333333333333333%
    }

    .pr-pattern__tab__item:first-of-type a {
        border-radius: 6px 0 0 6px
    }

    .pr-pattern__tab__item:last-of-type a {
        border-radius: 0 6px 6px 0
    }

    .pr-pattern__tab__item:not(:first-of-type) {
        border-left: 1px solid #e5e5e5
    }

    .pr-pattern__tab__item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 68px;
        background: #fff;
        transition: background .3s ease 0s;
        will-change: background
    }

    .pr-pattern__tab__item a:hover {
        background-color: #c2deef
    }

    .pr-pattern__tab__item a h3 {
        font-size: 1.125rem;
        font-weight: 400
    }

    .pr-pattern__tab__item.active+.pr-pattern__tab__item {
        border: none
    }

    .pr-pattern__tab__item.active {
        position: relative;
        border: none
    }

    .pr-pattern__tab__item.active:after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -12px;
        left: 0;
        width: 0;
        height: 0;
        margin: auto;
        border-width: 13px 8.5px 0;
        border-style: solid;
        border-color: #0076bd transparent transparent;
        content: ''
    }

    .pr-pattern__tab__item.active a {
        background-color: #0076bd;
        color: #fff
    }

    .pr-pattern__block {
        display: none;
        margin-top: 36px;
        padding: 8px 8px 56px;
        border-radius: 6px;
        background: #fff
    }

    .pr-pattern__block.active {
        display: block
    }

    .pr-pattern__block__car-image {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 26px 0 22px;
        border-radius: 10px 10px 0 0;
        background: #fafafa
    }

    .pr-pattern__block__car-image__title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pr-pattern__block__car-image__title span {
        font-size: 1.125rem
    }

    .pr-pattern__block__car-image__title span.big {
        padding-right: 28px;
        font-size: 1.5rem;
        letter-spacing: 3px
    }

    .pr-pattern__block__car-image__text {
        margin-top: 6px;
        font-size: 1rem
    }

    .pr-pattern__block__car-pattern {
        width: 776px;
        margin: auto;
        margin-top: 62px
    }

    .pr-pattern__block__car-pattern__title {
        padding: 10px 0;
        border-radius: 6px;
        background: #0076bd;
        color: #fff;
        font-size: 1.125rem;
        letter-spacing: 2px;
        text-align: center
    }

    .pr-pattern__block__car-pattern__table {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 34px
    }

    .pr-pattern__block__car-pattern__table__content {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 240px;
        padding: 28px 18px 18px;
        border-radius: 6px
    }

    .pr-pattern__block__car-pattern__table__content.last .pr-pattern__block__car-pattern__table__content-title,.pr-pattern__block__car-pattern__table__content.last .pr-pattern__block__car-pattern__table__content-text {
        font-size: 1.125rem
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(1) {
        background: #fdf4e8
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(2) {
        background: #fef4f2
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(3) {
        background: #e9f3f9
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(3) .pr-pattern__block__car-pattern__table__content-title {
        box-sizing: border-box;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 112px;
        min-height: 112px;
        margin-top: 16px;
        margin-bottom: 12px
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(3) .pr-pattern__block__car-pattern__table__content-title p:not(:first-of-type) {
        margin-top: 0
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(3) .pr-pattern__block__car-pattern__table__content-text {
        font-size: 1.125rem
    }

    .pr-pattern__block__car-pattern__table__content-title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 143px;
        font-size: 1rem
    }

    .pr-pattern__block__car-pattern__table__content-title p {
        text-align: center
    }

    .pr-pattern__block__car-pattern__table__content-title p:not(:first-of-type) {
        margin-top: 11px
    }

    .pr-pattern__block__car-pattern__table__content-symbol span {
        display: block;
        position: relative;
        font-size: 0
    }

    .pr-pattern__block__car-pattern__table__content-symbol span:before,.pr-pattern__block__car-pattern__table__content-symbol span:after {
        display: block;
        position: absolute;
        content: ''
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division {
        width: 18px;
        height: 16px
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span {
        top: 7px;
        width: 100%;
        height: 1px;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:before,.pr-pattern__block__car-pattern__table__content-symbol.division span:after {
        right: 1px;
        left: 0;
        width: 3px;
        height: 3px;
        margin: auto;
        border-radius: 50%;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:before {
        bottom: 4px
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:after {
        top: 4px
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication {
        width: 12px;
        height: 12px
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span {
        width: 100%;
        height: 100%
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:before,.pr-pattern__block__car-pattern__table__content-symbol.multiplication span:after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        margin: auto;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus {
        width: 12px;
        height: 12px
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus span {
        width: 100%;
        height: 100%
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus span:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        margin: auto;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-text {
        position: relative;
        width: 100%;
        margin-top: 19px;
        padding: 10px 0;
        border-radius: 6px;
        background: #fff;
        font-size: 1rem;
        text-align: center
    }

    .pr-pattern__block__car-pattern__table__content-text.arrow:after {
        display: block;
        z-index: 1;
        position: absolute;
        content: ''
    }

    .pr-pattern__block__car-pattern__table__content-text.arrow__01:after {
        right: -79px;
        bottom: 22px;
        width: 79px;
        height: 180px;
        background: center top no-repeat url(../images/plan/recommend/pattern_arrow_01_pc.png)
    }

    .pr-pattern__block__car-pattern__table__content-text.arrow__02:after {
        right: -114px;
        bottom: 22px;
        width: 114px;
        height: 163px;
        background: center top no-repeat url(../images/plan/recommend/pattern_arrow_02_pc.png)
    }

    .pr-pattern__block__car-pattern__text {
        margin-top: 33px;
        font-size: 1.125rem;
        letter-spacing: 2px;
        text-align: center
    }

    .pr-years {
        margin-bottom: 64px;
    }

    .pr-years.pr-section:not(.pr-lead) {
        padding-bottom: 44px
    }

    .pr-years__table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 776px;
        margin: auto
    }

    .pr-years__table__content {
        position: relative;
        width: 240px;
        padding-top: 102px
    }

    .pr-years__table__content-title {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 158px;
        height: 158px;
        margin: auto;
        border: 6px solid #c4dfef;
        border-radius: 50%;
        background: #fff;
        color: #0076bd;
        font-size: 1.875rem
    }

    .pr-years__table__content-title .big {
        padding-left: 4px;
        font-size: 3rem
    }

    .pr-years__table__content-text {
        bottom: 0;
        padding: 74px 5px 20px;
        border-radius: 6px;
        background: #fff;
        font-size: 1rem;
        text-align: center
    }

    .pr-type {
        margin-top: 64px
    }

    .pr-type.pr-section:not(.pr-lead) {
        padding-bottom: 50px
    }

    .pr-type__table {
        width: 776px;
        margin: auto;
        padding: 32px 32px 16px;
        border-radius: 6px;
        background: #fff
    }

    .pr-type__table:not(:first-of-type) {
        margin-top: 40px
    }

    .pr-type__table__title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 30px;
        border-bottom: 1px solid #e5e5e5
    }

    .pr-type__table__title-box {
        width: 240px;
        padding: 40px 0;
        border-radius: 6px;
        background: repeating-linear-gradient(90deg,#e7f2f9 0,#e7f2f9 4px,#e1eff7 4px,#e1eff7 6px);
        font-size: 1.375rem;
        text-align: center
    }

    .pr-type__table__title-text {
        margin-left: 30px;
        font-family: 'UD新ゴ R',UD Shin Go Regular;
        font-size: 1.125rem
    }

    .pr-type__table__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #e5e5e5
    }

    .pr-type__table__list li {
        width: 240px
    }

    .pr-type__table .btn-slide--blue {
        width: 100%;
        height: 66px;
        margin-top: 16px;
        background: transparent;
        color: #000;
        font-size: 1.125rem
    }

    .pr-type__table .btn-slide--blue:before {
        background-color: #eaf4f9
    }

    .pr-type__table .btn-slide--blue .glyphs-arrow_dotted_r {
        right: 12px;
        padding-top: .4%;
        color: #0076bd
    }

    .pr .btn-slide {
        width: 485px;
        height: 64px;
        margin: 60px auto 0
    }

    .pr .btn-slide a {
        font-size: 1.125rem
    }
    .pr.recommend .btn-slide {
        width: 90%;
        height: 52px;
        margin: 20px auto 0
    }

    .pr .btn-slide a {
        font-size: 1.125rem
    }
    _:-ms-lang(x)::backdrop,.pr-distance__table__content-symbol span:after {
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    .bread_crumb {
        display:none
    }

    .page_ttl .inner {
        height: 33.33333333333333vw
    }

    .page_ttl__icon {
        width: 17.333333333333336vw;
        height: 17.333333333333336vw;
        margin-right: 4vw
    }

    .page_ttl__icon i {
        font-size: 6.666666666666667vw
    }

    .page_ttl__icon span {
        font-size: 2.4vw
    }

    .page_ttl__jpn {
        margin: 0 0 2.666666666666667vw;
        font-family: 'UD新ゴ DB',UD Shin Go DeBold;
        font-size: 7.466666666666668vw;
        letter-spacing: 5px
    }

    .page_ttl__sub {
        font-size: 3.2vw
    }

    .page_ttl__sub--red {
        margin-top: 2vw;
        font-size: 2.666666666666667vw
    }

    .page_ttl:before {
        right: 10.933333333333334vw;
        width: 18vw;
        background: url(../images/utils/deco_line_l_sp.png) center top repeat-y;
        background-size: contain;
        background-size: 100% auto
    }

    .page_ttl--back .inner {
        height: 13.333333333333334vw;
        color: #0076bd;
        font-family: 'UD新ゴ R',UD Shin Go Regular;
        font-size: 3.4666666666666663vw
    }

    .page_ttl--back .inner i {
        font-size: 3.0666666666666664vw
    }

    .page_ttl--back .inner i:before {
        display: inline-block;
        margin-right: 2.666666666666667vw;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .page_ttl .inner {
        -ms-flex-pack: center;
        justify-content: center;
        height: 23.466666666666665vw
    }

    .page_ttl__jpn {
        margin: 0;
        font-size: 6.133333333333333vw;
        letter-spacing: .4vw
    }

    .pr {
        background: repeating-linear-gradient(90deg,#e7f2f9 0,#e7f2f9 4px,#e1eff7 4px,#e3f0f8 6px)
    }

    .pr .inner {
        padding: 3.3333333333333335vw 3.3333333333333335vw 8.533333333333333vw
    }

    .pr .bg {
        padding-top: 9.333333333333334vw;
        padding-bottom: 6.4vw;
        border-radius: 1.3333333333333335vw;
        background: #fff
    }

    .pr .c1 {
        color: #e72c2a
    }

    .pr-section {
        box-sizing: border-box;
        width: 82.93333333333334vw;
        margin: auto
    }

    .pr-section:not(.pr-lead) {
        border-radius: 0 0 1.6vw 1.6vw;
        background: #e9f3f9
    }

    .pr-section__title {
        padding: 4vw 0;
        border-radius: 1.6vw 1.6vw 0 0;
        background: #0076bd;
        color: #fff;
        font-family: 'UD新ゴ DB',UD Shin Go DeBold;
        font-size: 4vw;
        font-weight: 400;
        letter-spacing: .26666666666666666vw;
        line-height: 1.2;
        text-align: center
    }

    .pr-section__text {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 76.53333333333333vw;
        margin: 8vw auto;
        text-align: center
    }

    .pr-section__text span {
        font-size: 3.2vw
    }

    .pr-lead__box {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: auto
    }

    .pr-lead__box-image {
        position: relative;
        width: 22.8vw;
        margin-left: 2.933333333333333vw
    }

    .pr-lead__box-image__text {
        position: absolute;
        top: 1.7333333333333332vw;
        right: 2.666666666666667vw;
        width: 4.3999999999999995vw
    }

    .pr-lead__box-text {
        margin-left: 3.733333333333334vw;
        font-size: 4vw;
        font-weight: 400;
        letter-spacing: .26666666666666666vw;
        line-height: 1.6
    }

    .pr-distance {
        margin-top: 9.333333333333334vw;
        padding-bottom: 5.333333333333334vw
    }

    .pr-distance__table {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 76.53333333333333vw;
        margin: auto
    }

    .pr-distance__table__content {
        box-sizing: border-box;
        width: 100%;
        border-radius: 1.6vw;
        background: #fff
    }

    .pr-distance__table__content:nth-of-type(1) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_01_sp.png),repeating-linear-gradient(-57deg,#c5f1fc 0,#c5f1fc .9333333333333335vw,#c9f3fd .9333333333333335vw,#c9f3fd 2.4vw);
        background-size: contain
    }

    .pr-distance__table__content:nth-of-type(2) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_02_sp.png),repeating-linear-gradient(-57deg,#c5f1fc 0,#c5f1fc .9333333333333335vw,#c9f3fd .9333333333333335vw,#c9f3fd 2.4vw);
        background-size: contain
    }

    .pr-distance__table__content:nth-of-type(3) .pr-distance__table__content-title:before {
        background: url(../images/plan/recommend/distance_image_03_sp.png),repeating-linear-gradient(-57deg,#c5f1fc 0,#c5f1fc .9333333333333335vw,#c9f3fd .9333333333333335vw,#c9f3fd 2.4vw);
        background-size: contain
    }

    .pr-distance__table__content-title,.pr-distance__table__content-text {
        text-align: center
    }

    .pr-distance__table__content-title {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: 3.2vw 3.2vw 4.266666666666667vw;
        font-size: 3.4666666666666663vw
    }

    .pr-distance__table__content-title:before {
        display: block;
        position: absolute;
        width: 26.666666666666668vw;
        height: 21.333333333333336vw;
        border-radius: 1.3333333333333335vw;
        content: ''
    }

    .pr-distance__table__content-title p {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        min-height: 21.333333333333336vw;
        margin-left: 26.666666666666668vw;
        padding-left: 5.6000000000000005vw;
        font-family: 'UD新ゴ M',UD Shin Go Medium
    }

    .pr-distance__table__content-text {
        padding: 2.933333333333333vw 3.2vw;
        border-top: 1px solid #e5e5e5;
        font-family: 'UD新ゴ M',UD Shin Go Medium;
        font-size: 3.4666666666666663vw
    }

    .pr-distance__table__content-symbol {
        width: 6.4vw;
        height: 6.4vw;
        margin: 2.1333333333333333vw 0;
        border-radius: 50%;
        background-color: #0076bd
    }

    .pr-distance__table__content-symbol span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        font-size: 0
    }

    .pr-distance__table__content-symbol span:before,.pr-distance__table__content-symbol span:after {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 2.4vw;
        height: .5333333333333333vw;
        margin: auto;
        background-color: #fff;
        content: ''
    }

    .pr-distance__table__content-symbol span:after {
        top: .13333333333333333vw;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .pr-distance__total {
        margin-top: 4.8vw;
        margin-bottom: 1.3333333333333335vw
    }

    .pr-distance__total-symbol {
        width: 3.4666666666666663vw;
        height: 1.866666666666667vw;
        margin: auto
    }

    .pr-distance__total-symbol span {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        font-size: 0
    }

    .pr-distance__total-symbol span:before,.pr-distance__total-symbol span:after {
        display: block;
        position: absolute;
        width: 100%;
        height: .5333333333333333vw;
        background-color: #000;
        content: ''
    }

    .pr-distance__total-symbol span:before {
        top: 0
    }

    .pr-distance__total-symbol span:after {
        bottom: 0
    }

    .pr-distance__total-text {
        margin-top: 3.2vw;
        font-size: 4.133333333333333vw;
        text-align: center
    }

    .pr-distance__total-text .big {
        font-size: 6.133333333333333vw
    }

    .pr-pattern {
        margin-top: 8.933333333333334vw;
        padding: 3.2vw
    }

    .pr-pattern:not(.pr-lead) {
        border-radius: 1.6vw
    }

    .pr-pattern__tab {
        display: -ms-flexbox;
        display: flex
    }

    .pr-pattern__tab__item {
        width: 33.333333333333333%
    }

    .pr-pattern__tab__item:first-of-type a {
        border-radius: 1.6vw 0 0 1.6vw
    }

    .pr-pattern__tab__item:last-of-type a {
        border-radius: 0 1.6vw 1.6vw 0
    }

    .pr-pattern__tab__item:not(:first-of-type) {
        border-left: 1px solid #e5e5e5
    }

    .pr-pattern__tab__item a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 12.8vw;
        background: #fff;
        text-align: center
    }

    .pr-pattern__tab__item a h3 {
        font-size: 2.666666666666667vw;
        font-weight: 400;
        line-height: 1.3
    }

    .pr-pattern__tab__item.active+.pr-pattern__tab__item {
        border: none
    }

    .pr-pattern__tab__item.active {
        position: relative;
        border: none
    }

    .pr-pattern__tab__item.active:after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -1.4666666666666666vw;
        left: 0;
        width: 0;
        height: 0;
        margin: auto;
        border-width: 1.866666666666667vw 1.2vw 0;
        border-style: solid;
        border-color: #0076bd transparent transparent;
        content: ''
    }

    .pr-pattern__tab__item.active a {
        background-color: #0076bd;
        color: #fff
    }

    .pr-pattern__block {
        display: none;
        margin-top: 3.733333333333334vw;
        padding: 1.0666666666666667vw 0 1.3333333333333335vw;
        border-radius: 1.6vw;
        background: #fff
    }

    .pr-pattern__block.active {
        display: block
    }

    .pr-pattern__block__car-image {
        box-sizing: border-box;
        width: 74.13333333333333vw;
        margin: 0 auto 6.4vw;
        padding: 5.066666666666666vw 5.333333333333334vw 4.533333333333333vw;
        border-radius: 1.6vw 1.6vw 0 0;
        background: #fafafa
    }

    .pr-pattern__block__car-image__title {
        margin-bottom: 3.4666666666666663vw
    }

    .pr-pattern__block__car-image__title span {
        display: block;
        font-size: 2.666666666666667vw
    }

    .pr-pattern__block__car-image__title span.big {
        margin-bottom: 1.0666666666666667vw;
        font-size: 4vw;
        letter-spacing: .4vw
    }

    .pr-pattern__block__car-image__text {
        margin-top: 3.4666666666666663vw;
        font-size: 2.666666666666667vw
    }

    .pr-pattern__block__car-pattern {
        margin: auto;
        padding-bottom: 8.533333333333333vw
    }

    .pr-pattern__block__car-pattern__title {
        padding: 3.2vw 0;
        background: #0076bd;
        color: #fff;
        font-size: 3.2vw;
        letter-spacing: .26666666666666666vw;
        text-align: center
    }

    .pr-pattern__block__car-pattern__table {
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 6.4vw;
        padding: 0 6.666666666666667vw
    }

    .pr-pattern__block__car-pattern__table__content {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding: 5.6000000000000005vw 4.266666666666667vw 4.8vw;
        border-radius: 6px
    }

    .pr-pattern__block__car-pattern__table__content:not(:first-of-type) {
        margin-top: 4.8vw
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(1) {
        background: #fdf4e8
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(2) {
        background: #fef4f2
    }

    .pr-pattern__block__car-pattern__table__content:nth-of-type(3) {
        background: #e9f3f9
    }

    .pr-pattern__block__car-pattern__table__content-title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 3.2vw
    }

    .pr-pattern__block__car-pattern__table__content-title p {
        text-align: center
    }

    .pr-pattern__block__car-pattern__table__content-title p:not(:first-of-type) {
        margin-top: 2.933333333333333vw
    }

    .pr-pattern__block__car-pattern__table__content-title p .pl {
        padding-left: .26666666666666666vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol span {
        display: block;
        position: relative;
        font-size: 0
    }

    .pr-pattern__block__car-pattern__table__content-symbol span:before,.pr-pattern__block__car-pattern__table__content-symbol span:after {
        display: block;
        position: absolute;
        content: ''
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division {
        width: 2.933333333333333vw;
        height: 2.2666666666666666vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span {
        top: .8vw;
        width: 100%;
        height: 1px;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:before,.pr-pattern__block__car-pattern__table__content-symbol.division span:after {
        right: 0;
        left: 0;
        width: 2px;
        height: 2px;
        margin: auto;
        border-radius: 50%;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:before {
        bottom: .8vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol.division span:after {
        top: .8vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication {
        width: 2.4vw;
        height: 2.4vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span {
        width: 100%;
        height: 100%
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:before,.pr-pattern__block__car-pattern__table__content-symbol.multiplication span:after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        margin: auto;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .pr-pattern__block__car-pattern__table__content-symbol.multiplication span:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus {
        width: 2.4vw;
        height: 2.4vw
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus span {
        width: 100%;
        height: 100%
    }

    .pr-pattern__block__car-pattern__table__content-symbol.minus span:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        margin: auto;
        background: #000
    }

    .pr-pattern__block__car-pattern__table__content-text {
        position: relative;
        width: 100%;
        margin-top: 2.933333333333333vw;
        padding: 1.6vw 0;
        border-radius: 1.6vw;
        background: #fff;
        font-size: 3.2vw;
        text-align: center
    }

    .pr-pattern__block__car-pattern__table__content-text.arrow:after {
        display: block;
        z-index: 1;
        position: absolute;
        right: 0;
        bottom: -14.799999999999999vw;
        left: 0;
        width: 2.933333333333333vw;
        height: 14.799999999999999vw;
        margin: auto;
        background: center top no-repeat url(../images/plan/recommend/pattern_arrow_sp.png);
        background-size: contain;
        content: ''
    }

    .pr-pattern__block__car-pattern__text {
        margin-top: 5.333333333333334vw;
        padding: 0 1.3333333333333335vw;
        font-size: 3.2vw;
        text-align: center
    }

    .pr-years {
        margin-top: 8.533333333333333vw;
        padding-bottom: 6.666666666666667vw
    }

    .pr-years .pr-section__text {
        margin-bottom: 5.6000000000000005vw
    }

    .pr-years__table {
        width: 69.86666666666666vw;
        margin: auto
    }

    .pr-years__table__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 4.533333333333333vw 0;
        border-top: 1px solid #fff
    }

    .pr-years__table__content:last-of-type {
        padding-bottom: 0
    }

    .pr-years__table__content-title {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 17.066666666666666vw;
        height: 17.066666666666666vw;
        border: .8vw solid #c4dfef;
        border-radius: 50%;
        background: #fff;
        color: #0076bd;
        font-size: 3.2vw
    }

    .pr-years__table__content-title .big {
        margin-left: 1.0666666666666667vw;
        font-size: 5.333333333333334vw
    }

    .pr-years__table__content-text {
        width: 65%;
        margin-left: 4.8vw;
        font-size: 3.2vw;
    }

    .pr-type {
        margin-top: 8.666666666666668vw
    }

    .pr-type.pr-section:not(.pr-lead) {
        padding-bottom: 5.333333333333334vw
    }

    .pr-type__table {
        width: 76.53333333333333vw;
        margin: auto;
        border-radius: 1.6vw;
        background: #fff
    }

    .pr-type__table:not(:first-of-type) {
        margin-top: 5.333333333333334vw
    }

    .pr-type__table__title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 69.86666666666666vw;
        margin: auto
    }

    .pr-type__table__title-box {
        width: 100%;
        margin-top: 3.2vw;
        padding: 1.866666666666667vw 0;
        border-radius: 1.6vw;
        background: repeating-linear-gradient(90deg,#e7f2f9 0,#e7f2f9 4px,#e1eff7 4px,#e1eff7 6px);
        font-family: 'UD新ゴ M',UD Shin Go Medium;
        font-size: 3.4666666666666663vw;
        text-align: center
    }

    .pr-type__table__title-text {
        margin-top: 5.333333333333334vw;
        font-size: 2.666666666666667vw;
        text-align: center
    }

    .pr-type__table__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 69.86666666666666vw;
        margin: auto;
        padding-top: 4.266666666666667vw;
        padding-bottom: 5.466666666666667vw
    }

    .pr-type__table__list li {
        width: 33.333333333333333%
    }

    .pr-type__table .btn-slide--blue {
        width: 76.53333333333333vw;
        border-top: 1px solid #e5e5e5;
        border-radius: 0;
        background: transparent;
        color: #000;
        font-size: 2.666666666666667vw
    }

    .pr-type__table .btn-slide--blue .btn-slide__inner {
        box-sizing: border-box;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 4.533333333333333vw 0 4.533333333333333vw 7.733333333333333vw
    }

    .pr-type__table .btn-slide--blue:before {
        background-color: #eaf4f9
    }

    .pr-type__table .btn-slide--blue .glyphs-arrow_dotted_r {
        right: 5.333333333333334vw;
        color: #0076bd
    }

    .pr .btn-slide {
        width: 100%;
        height: 12.8vw;
        margin: 6.4vw auto 0;
    }

    .pr .btn-slide a {
        font-size: 3.2vw
    }
}

@media(min-width: 768px) and (-ms-high-contrast:none),print {
    .pr-distance__table__content-symbol span:after {
        top:0
    }
}

@media(min-width: 768px),print {
    @-moz-document url-prefix() {
        .pr-distance__table__content-symbol span:after {
            top:0
        }
    }
}