.main {
    margin-top: 20px;
}

.confirm-area {
    margin-top: 60px;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
}

@media only screen and (max-width: 768px) {
    .confirm-area {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }
}

@media only screen and (max-width: 480px) {
    .confirm-area {
        display: block;
        margin-top: 10%;
    }
}

.confirm-area__color {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .confirm-area__color {
        flex-basis: 45%;
    }
}

@media only screen and (max-width: 480px) {
    .confirm-area__color:nth-child(n+2) {
        margin-top: 3%;
    }
}

@media only screen and (min-width: 769px) {
    .confirm-area__box:nth-child(n+2) {
        margin-left: 3.5%;
    }
}

.color-ttl {
    padding: 5px 0;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: bold;
}

.color-ttl--brown {
    color: #bb5730;
    border: 1px #bb5730 solid;
}

.color-ttl--green {
    color: #40624f;
    border: 1px #40624f solid;
}

.color-list__items:nth-child(2) {
    margin-top: 10px;
}

.color-list__items figcaption {
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .ent-product-txt {
        flex-basis: 100%;
        text-align: center;
    }
}

.ent-product-name {
    text-align: center;
    margin-bottom: 15px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.3;
}

@media only screen and (max-width: 768px) {
    .ent-product-name {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
}

.ent-product-price {
    position: relative;
    display: block;
    border-bottom: none;
    padding: 11px 40px 11px 30px;
    background: #0fb5b9;
    border-radius: 5px;
    line-height: 1;
    color: #fff;
    margin-bottom: 9px;
    width: 100%;
    transition: .3s;
    border: 1px solid #fff;
}

.ent-product-price:hover {
    color: #172a88;
    border-bottom: 1px solid transparent;
}

.ent-product-price:after {
    content: "";
    position: absolute;
    background: url(../images/series/ico_circle_arrow_off.png) no-repeat top right/contain;
    width: 20px;
    height: 21px;
    transform: translateY(-50%);
    top: 50%;
    right: 15px;
}

.ent-product-price:hover {
    background: #fff;
    color: #0fb5b9;
    border: 1px solid #0fb5b9;
}

.ent-product-price:hover:after {
    background: url(../images/series/ico_circle_arrow_on.png) no-repeat top right/contain;
}

.ent-product-price dl {
    width: 170px;
    font-size: 0;
}

@media only screen and (max-width: 768px) {
    .ent-product-price dl {
        display: block;
        margin: 0 auto;
    }
}

.ent-product-price dl dt,
.ent-product-price dl dd {
    display: inline-block;
    width: 50%;
    font-size: 1.6rem;
}

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

    .ent-product-price dl dt,
    .ent-product-price dl dd {
        font-size: 1.4rem;
    }
}

.ent-product-price dl dt {
    text-align: left;
}

.ent-product-price dl dd {
    text-align: right;
}

.ent-product-attention {
    line-height: 1;
    text-align: right;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .ent-product-attention {
        margin-top: 10px;
    }
}

.ent-product__bnr {
    margin-top: 15px;
}

.sec-summary {
    margin-top: 6%;
}

.sec-summary__kv {
    position: relative;
}

.sec-summary__sub-txt {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 19px;
    font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
    .sec-summary__sub-txt {
        width: 100%;
        bottom: 3%;
    }
}

@media only screen and (max-width: 480px) {
    .sec-summary__sub-txt {
        font-size: 1rem;
        line-height: 1.2;
    }
}

.sec-summary__sub-ttl {
    display: block;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 23px;
}

@media only screen and (max-width: 768px) {
    .sec-summary__sub-ttl {
        font-size: 2rem;
        margin-bottom: 2%;
    }
}

@media only screen and (max-width: 480px) {
    .sec-summary__sub-ttl {
        font-size: 1.5rem;
        margin-bottom: 1%;
    }
}

.summary-box__ttl {
    color: #fff;
    background: #171c61;
    font-size: 3.8rem;
    padding: 20px 0;
    text-align: center;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .summary-box__ttl {
        font-size: 2.5rem;
    }
}

@media only screen and (max-width: 480px) {
    .summary-box__ttl {
        font-size: 1.5rem;
    }
}

.summary-box__inner {
    margin-top: 25px;
}

.summary-box__inner-inner {
    margin-top: 50px;
}

.summary-box--01 {
    margin-top: 50px;
}

.summary-box--01 .summary-box__catch {
    text-align: center;
    margin-bottom: 10px;
}

.summary-box--01 .summary-box__catch+p {
    font-size: 1.6rem;
}

.summary-box--02 {
    margin-top: 60px;
}

.summary-box--03 .summary-box__intro {
    font-size: 1.6rem;
}

.summary-box__catch {
    font-size: 3rem;
}

@media only screen and (max-width: 768px) {
    .summary-box__catch {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 769px) {
    .summary-type {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
    }
}

@media only screen and (max-width: 480px) {
    .summary-type {
        display: block;
    }
}

.summary-type__box {
    text-align: center;
    flex-basis: 47%;
}

@media only screen and (max-width: 768px) {
    .summary-type__box:nth-child(2) {
        margin-top: 3%;
    }
}

.summary-type__catch {
    padding-bottom: 5px;
    font-size: 2.6rem;
    border-bottom: 1px #000 solid;
}

@media only screen and (max-width: 480px) {
    .summary-type__catch {
        font-size: 2rem;
    }
}

.summary-type__txt {
    margin-top: 10px;
    font-size: 1.6rem;
}

.summary-type__ttl {
    font-size: 2rem;
    display: block;
}

.summary-type .type-list {
    margin-top: 15px;
    font-size: 0;
}

.summary-type .type-list__items {
    display: inline-block;
}

.summary-type .type-list__items:nth-child(2) {
    margin-left: 10px;
}

@media only screen and (max-width: 480px) {
    .summary-type .type-list__items:nth-child(2) {
        margin-left: 0;
    }
}

.summary-type .type-list figcaption {
    font-size: 1.6rem;
}

.feature-list {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
}

@media only screen and (max-width: 480px) {
    .feature-list {
        flex-wrap: wrap;
    }
}

.feature-list__items {
    text-align: center;
}

.feature-list__items--green {
    color: #7c8a4f;
}

.feature-list__items--red {
    color: #bb5730;
}

.feature-list__items--gray {
    color: #5c7886;
}

.feature-list__items--dark-red {
    color: #762100;
}

@media only screen and (max-width: 480px) {
    .feature-list__items:nth-child(n+3) {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 480px) {
    .feature-list__items {
        flex-basis: 50%;
    }
}

.feature-list-txt {
    margin-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 1.7rem;
}

@media only screen and (max-width: 768px) {
    .feature-list-txt {
        font-size: 1.4rem;
    }
}

.feature-box {
    padding: 45px 0;
    border-bottom: 2px #171c61 dotted;
}

.feature-box.border-none {
    border-bottom: 0;
}

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

.feature-box__txt {
    flex-basis: 48%;
}

.feature-box__ttl {
    padding: 20px 0;
    font-size: 2.8rem;
    border: 2px #171c61 solid;
    text-align: center;
    line-height: 1;
    color: #171c61;
    font-weight: bold;
}

@media only screen and (max-width: 480px) {
    .feature-box__ttl {
        font-size: 2rem;
    }
}

.feature-box__catch {
    margin-top: 30px;
    font-size: 2.8rem;
    font-weight: bold;
}

@media only screen and (max-width: 480px) {
    .feature-box__catch {
        font-size: 2rem;
    }
}

.feature-box__lead {
    margin-top: 30px;
    font-size: 1.6rem;
}

@media only screen and (min-width: 769px) {
    .feature-box:nth-of-type(even) .feature-box__photo {
        order: -1;
    }
}

@media only screen and (max-width: 768px) {
    .feature-box__photo {
        margin-top: 3%;
        text-align: center;
    }
}

.feature-box__photo p {
    font-size: 1.6rem;
}

.feature-box--type02 .feature-box__photo {
    border: 1px #171c61 dashed;
    padding: 2.5%;
}

@media only screen and (min-width: 769px) {
    .feature-box--type02 .feature-box__photo {
        flex-basis: 49.2%;
        max-width: 49.2%;
        padding: 25px;
    }
}

.feature-box--type02 .feature-box__photo p {
    margin-top: 20px;
    text-align: left;
}

.feature-box .card-box {
    text-align: center;
    margin-top: 15px;
    padding: 1.6% 2.3% 1%;
    background: #deefff;
    font-size: 0;
}

.feature-box .card-box__list {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

@media only screen and (max-width: 480px) {
    .feature-box .card-box__list {
        display: block;
        width: 100%;
    }
}

.feature-box .card-box__list:nth-child(2) {
    margin-left: 2%;
}

@media only screen and (max-width: 480px) {
    .feature-box .card-box__list:nth-child(2) {
        margin-left: 0;
        margin-top: 5%;
    }
}

.feature-box .card-box__ttl {
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: bold;
}

.feature-box .card-box__txt {
    font-size: 1.5rem;
    text-align: left;
}

.item-block {
    margin-top: 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .item-block {
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
    }
}

@media only screen and (max-width: 480px) {
    .item-block {
        display: block;
    }
}

.items-box {
    position: relative;
    padding: 24px 29px 40px;
    border: 1px solid #000;
    flex-basis: 30.2%;
    max-width: 30.2%;
}

@media only screen and (max-width: 480px) {
    .items-box {
        width: 100%;
        max-width: 100%;
    }
}

.items-box__ttl {
    font-size: 2.6rem;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px #000 solid;
}

.items-box__photo,
.items-box .items-box__photo--02 {
    margin-top: 20px;
}

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

    .items-box__photo,
    .items-box .items-box__photo--02 {
        text-align: center;
    }
}

.items-box__summary {
    margin-top: 20px;
    font-size: 1.5rem;
}

.items-box .ent-product-name {
    margin-top: 10px;
}

.items-box__note {
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 1.6rem;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .items-box:nth-of-type(3) {
        margin-top: 5%;
    }
}

@media only screen and (max-width: 480px) {
    .items-box:nth-of-type(n+2) {
        margin-top: 5%;
    }
}

.sec-cordinate {
    margin-top: 8%;
}

.sec-cordinate__kv {
    position: relative;
}

.sec-cordinate__ttl {
    position: absolute;
    font-size: 4rem;
    font-weight: bold;
    top: 40px;
    left: 45px;
    line-height: 1;
}

@media only screen and (max-width: 768px) {
    .sec-cordinate__ttl {
        font-size: 3rem;
        top: 3%;
    }
}

@media only screen and (max-width: 480px) {
    .sec-cordinate__ttl {
        font-size: 1.5rem;
        left: 2%;
    }
}

.sec-cordinate__txt {
    position: absolute;
    bottom: 40px;
    right: 0;
    font-size: 1.5rem;
    width: 45.6%;
}

@media only screen and (max-width: 768px) {
    .sec-cordinate__txt {
        line-height: 1.4;
        bottom: 1%;
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 480px) {
    .sec-cordinate__txt {
        position: static;
        margin-top: 3%;
        width: 100%;
    }
}