﻿
.page-scroll {
    bottom: 50px;
    -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
            transform: translateY(50px)
}

.page-scroll--active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0)
}

.bottom-btn-01,.bottom-btn-02 {
    display: block;
    float: left
}

.bottom-btn-01 {
    width: 50%;
/*    max-width: 338px*/
}

.bottom-btn-02 {
    width: 50%;
/*    max-width: 236px*/
}

.bottom-btn-wrap {
    position: fixed;
    left: 50%;
    bottom: 0;
    text-align: center;
    width: 100%;
    max-width: 572px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 100
}

.brbr-btn--checked {
    z-index: 90!important
}

table td.cel1 {
    width: 10%
}

table td.cel2 {
    width: 20%
}

table td.cel3 {
    width: 30%
}

table td.cel4 {
    width: 40%
}

table td.cel5 {
    width: 50%
}

table td.cel6 {
    width: 60%
}

table td.cel7 {
    width: 70%
}

table td.cel8,table td.cel9 {
    width: 90%
}

table td.nrap {
    white-space: nowrap
}

table td.do01 {
    border: 1px dotted #eaddb2
}

.content-style ol,.content-style p,.content-style ul {
    margin: .5em 0
}

.content-style h3::after {
    opacity: 1
}

:root {
    --default-color: #8bc34a;
    --dark-color: #689f38;
    --btn-color: #7cb342;
    --btn-hover-color: #558b2f;
    --light-color: #fff
}

@font-face {
    font-family:"anzu";src:url(../font/APJapanesefont.woff)format("woff"),url(../font/APJapanesefont.ttf)format("ttf")
}

#main .custom-08::after,#main .custom-13-block::after {
    clear: both;
    content: "";
    display: table
}

#main .custom-02 h3,#main .custom-02 ol,#main .custom-03 p,#main .custom-06 h2,#main .custom-07 h2,#main .custom-07 h3,#main .custom-07-block::after,#main .custom-08 h3,#main .custom-10 h2,#main .custom-10 h3,#main .custom-12 h3::before,#main .custom-12-block::before,#main .custom-13 h2,#main .custom-text-01--b,#main .custom-text-05,#main .custom-title-01,#main .mincho {
    font-family: "Times New Roman","游明朝","游明朝体","YuMincho","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif
}

#main [class*=" custom-"],#main [class^=custom-] {
    margin-left: auto;
    margin-right: auto;
    max-width: 730px
}

#main .custom-01 h3,#main .custom-02 h3,#main .custom-03 h3,#main .custom-04 h2,#main .custom-04 h4,#main .custom-10 h2,#main .custom-title-nostyle {
    color: initial;
    background: 0 0;
    padding: 0;
    border: 0;
    overflow: inherit;
    clear: none
}

#main .custom-04 h3 {
    color: initial;
    background: 0 0;
    border: 0;
    overflow: inherit;
    clear: none
}

#main .custom-05 h3,#main .custom-10 h3,#main .custom-10 h4 {
    background: 0 0;
    padding: 0;
    border: 0;
    overflow: inherit;
    clear: none
}

#main .custom-05 h3,#main .custom-10 h4 {
    color: initial
}

#main .custom-06 h2,#main .custom-07 h3,#main .custom-08 h3 {
    background: 0 0;
    border: 0;
    overflow: inherit;
    clear: none
}

#main .custom-07 h2,#main .custom-07 h4,#main .custom-11 h2,#main .custom-12 h3,#main .custom-13 h2,#main .custom-title-01 {
    color: initial;
    background: 0 0;
    padding: 0;
    border: 0;
    overflow: inherit;
    clear: none
}

#main .custom-title-nostyle::before {
    content: "";
    display: none;
    width: 0
}

#main .custom-01 h3::before,#main .custom-title-nostyle::before {
    bottom: auto;
    left: auto;
    margin: 0;
    position: static
}

#main .custom-01 h3::before,#main .custom-02 h3::before,#main .custom-03 h3::before,#main .custom-title-nostyle::before {
    border: 0;
    height: 0;
    background: 0 0;
    top: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    float: none
}

#main .custom-02 h3::before {
    bottom: auto;
    left: auto;
    position: static
}

#main .custom-03 h3::before {
    width: 0;
    margin: 0
}

#main .custom-04 h2::before,#main .custom-04 h3::before,#main .custom-04 h4::before,#main .custom-05 h3::before,#main .custom-06 h2::before,#main .custom-07 h2::before,#main .custom-07 h3::before,#main .custom-07 h4::before,#main .custom-08 h3::before,#main .custom-10 h2::before,#main .custom-10 h3::before,#main .custom-10 h4::before,#main .custom-11 h2::before,#main .custom-13 h2::before,#main .custom-title-nostyle::after {
    content: "";
    display: none;
    border: 0;
    width: 0;
    height: 0;
    background: 0 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
    float: none
}

#main .custom-12 h3::before {
    border: 0;
    background: 0 0;
    bottom: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    float: none
}

#main .custom-01 h3::after,#main .custom-02 h3::after {
    content: "";
    display: none;
    bottom: auto;
    right: auto;
    position: static
}

#main .custom-01 h3::after,#main .custom-02 h3::after,#main .custom-03 h3::after {
    border: 0;
    width: 0;
    height: 0;
    background: 0 0;
    top: auto;
    left: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    float: none
}

#main .custom-04 h2::after,#main .custom-04 h3::after,#main .custom-04 h4::after,#main .custom-05 h3::after,#main .custom-06 h2::after,#main .custom-07 h2::after,#main .custom-07 h3::after,#main .custom-07 h4::after,#main .custom-10 h2::after,#main .custom-10 h3::after,#main .custom-10 h4::after,#main .custom-11 h2::after {
    content: "";
    display: none;
    border: 0;
    width: 0;
    height: 0;
    background: 0 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
    float: none
}

#main .custom-08 h3::after {
    margin: 0
}

#main .custom-08 h3::after,#main .custom-12 h3::after,#main .custom-13 h2::after,#main .custom-title-01::after,#main .custom-title-01::before {
    border: 0;
    width: 0;
    height: 0;
    background: 0 0;
    bottom: auto;
    right: auto;
    padding: 0;
    overflow: visible;
    float: none
}

#main .custom-13 h2::after,#main .custom-title-01::after,#main .custom-title-01::before {
    content: "";
    display: none;
    top: auto;
    left: auto;
    margin: 0;
    position: static
}

#main .custom-title-01 {
    padding-bottom: .2em;
    margin-bottom: .8em;
    text-align: center;
    font-weight: 700;
    font-size: 5.6vw;
    border-bottom: 2px dotted #a9ba6a
}

#main .custom-title-01 small {
    display: block;
    font-weight: 400;
    font-size: 64%
}

#main .custom-ul-nostyle {
    list-style: initial;
    padding-left: 1.6em
}

#main .custom-13-block ul,#main .custom-13-block ul li,#main .custom-ul-nostyle li {
    list-style: initial
}

#main .custom-02 ol li::before,#main .custom-05 ul li::before,#main .custom-07 ul li::before,#main .custom-11 ul li::before,#main .custom-13-block ul li::before,#main .custom-ul-nostyle li::before {
    display: none
}

#main .custom-text-right {
    text-align: right
}

#main .custom-text-01 {
    text-align: center;
    font-weight: 700;
    font-size: 3.6vw;
    margin-bottom: .4em
}

#main .custom-text-01 .span {
    display: inline-block;
    position: relative;
    padding: 0 .8em;
    margin: 0 auto
}

#main .custom-text-01 .span::after,#main .custom-text-01 .span::before {
    content: "";
    width: 1px;
    height: 90%;
    bottom: 0;
    position: absolute;
    background: #999
}

#main .custom-text-01 .span::before,#main .custom-text-05::after {
    left: 0;
    -webkit-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg)
}

#main .custom-text-01 .span::after {
    right: 0;
    -webkit-transform: rotate(16deg);
    -ms-transform: rotate(16deg);
    transform: rotate(16deg)
}

#main .custom-text-01--b {
    font-weight: 900;
    font-size: 4.8vw;
    line-height: 1.3
}

#main .custom-text-01--b .span::after,#main .custom-text-01--b .span::before {
    width: 2px
}

#main .custom-text-02 {
    text-align: right;
    font-size: 2.4vw;
    color: #666
}

@media (min-width:768px) {
    #main .custom-text-02 {
        font-size: 1rem
    }
}

#main .custom-text-02--b {
    text-align: left
}

#main .custom-text-05 {
    position: relative;
    font-size: 4.6vw;
    border-radius: 6px;
    padding: .8em 16px;
    font-weight: 700;
    text-align: center;
    background: #f1fad2;
    line-height: 1.3
}

#main .custom-text-05::after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-top: 24px solid #f1fad2;
    border-left: 24px solid transparent;
    left: 8%;
    top: 100%;
    margin-top: -8px
}

#main .custom-img-01 img {
    background: #fff;
    padding: 4px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);
            box-shadow: 1px 1px 4px rgba(0,0,0,.2)
}

#main .custom-hr-01 {
    background: 0 0;
    position: relative;
    height: 8vw;
    margin: .8em auto
}

#main .custom-hr-01::after {
    content: "";
    height: 0;
    width: 0;
    border-left: 16vw solid transparent;
    border-right: 16vw solid transparent;
    border-top: 8vw solid #fad44d;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -16vw
}

@media (min-width:768px) {
    #main .custom-hr-01::after {
        height: 0;
        width: 0;
        border-left: 120px solid transparent;
        border-right: 120px solid transparent;
        border-top: 56px solid #fad44d;
        margin-left: -120px
    }
}

#main .custom-indent {
    display: block;
    padding-left: 1em;
    text-indent: -1em
}

#main .custom-table-01 {
    border: 0
}

#main .custom-table-01 td,#main .custom-table-01 th {
    text-align: center;
    font-size: 3vw
}

#main .custom-table-01 th {
    background: #f1fad2
}

#main .custom-table-01 td {
    background: #fff
}

#main .custom-table-01 thead th {
    color: initial;
    font-weight: 400;
    background: #fff
}

#main .custom-table-01 thead th:empty {
    border: 0
}

#main .custom-table-01 tfoot td,#main .custom-table-01 tfoot th {
    border-width: 1px
}

#main .custom-table-01 tfoot th {
    background: #fcfbad
}

#main .custom-icon {
    display: inline-block;
    width: 1.2307692308em;
    height: 1.2307692308em;
    background-size: 100%auto;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: -16%;
    margin: 0 .16em
}

#main .custom-icon--voice {
    background-image: url(../images/img--00066.svg)
}

#main .custom-icon--leaf,#main .custom-icon--star {
    background-image: url(../images/img--00050.png);
    height: 1.3333333333em;
    vertical-align: -16%;
    max-width: 50px;
    max-height: 57px
}

#main .custom-icon--star {
    background-image: url(../images/img--00043.png);
    vertical-align: -20%;
    max-height: 59px
}

#main .custom-icon--re {
    background-image: url(../images/img--00052.png);
    max-width: 50px;
    max-height: 60px
}

#main .custom-icon--qa {
    background-image: url(../images/img--00058.png);
    width: .8em;
    height: 1.4545454545em;
    max-width: 30px;
    max-height: 50px;
    vertical-align: -24%
}

#main .custom-icon--clover {
    background-image: url(../images/img--00062.png);
    max-width: 50px;
    max-height: 50px
}

#main .custom-icon--phone {
    background-image: url(../images/img--00063.png);
    width: .8888888889em;
    height: 1.3333333333em;
    vertical-align: -26%;
    max-width: 45px;
    max-height: 70px
}

#main .custom-01 {
    border: 3px solid #c7a66f;
    -webkit-box-shadow: 1px 1px 0#fff inset,-1px -1px 0#fff inset,2px 2px 0#c7a66f inset,-2px -2px 0#c7a66f inset;
            box-shadow: 1px 1px 0#fff inset,-1px -1px 0#fff inset,2px 2px 0#c7a66f inset,-2px -2px 0#c7a66f inset;
    margin: 1.6em auto;
    padding: 0 8px .8em;
    margin-top: 6vw
}

#main .custom-01 h3 {
    text-align: center;
    margin: -4vw auto .8em
}

#main .custom-01 h3::before {
    content: "";
    display: block;
    background: url(../images/img--00005.png)no-repeat left top;
    background-size: auto 100%;
    max-height: 89px;
    height: 12vw;
    width: 100%
}

#main .custom-01-block {
    margin: .8em auto;
    margin-left: 24vw;
    position: relative;
    background: #f7f3e2;
    border-radius: 6px;
    padding: 1px 8px
}

#main .custom-01-block::after,#main .custom-01-block::before {
    content: "";
    position: absolute
}

#main .custom-01-block::before {
    background: url(../images/img--00007.png)no-repeat center;
    background-size: 100%auto;
    width: 20vw;
    height: 20vw;
    max-width: 100px;
    max-height: 100px;
    left: 0;
    top: 0;
    margin-left: -24vw
}

#main .custom-01-block::after {
    height: 0;
    width: 0;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #f7f3e2;
    border-top: 6px solid transparent;
    right: 100%;
    top: 8vw
}

#main .custom-01-block:nth-child(2n+1)::before {
    background-image: url(../images/img--00009.png)
}

#main .custom-01-block p {
    font-size: 3.2vw;
    margin: .8em auto
}

#main .custom-01-block-footer {
    border-top: 1px dashed #c3baaa
}

#main .custom-01-block-footer .star {
    color: #c8842a;
    font-family: "futura","Century Gothic",Helvetica,Arial,sans-serif;
    font-size: 160%;
    line-height: 1.1;
    display: inline-block;
    vertical-align: -8%
}

#main .custom-01-block-footer .star::after {
    content: "";
    background: url(../images/img--00008.png)no-repeat left center;
    background-size: 100%auto;
    max-width: 120px;
    max-height: 1em;
    height: 1em;
    width: 3.2em;
    display: inline-block;
    vertical-align: -12%;
    margin: 0 .5333333333em 0 .2666666667em
}

#main .custom-01-block-footer .name::after {
    content: "さま";
    font-size: 64%
}

#main .custom-02 {
    margin: 1.6em auto;
    border-top: 4px solid #543618;
    background-color: #f3e5c1;
    background-image: -o-linear-gradient(135deg,#f3e5c1,#fefefd,#f3e5c1);
    background-image: linear-gradient(-45deg,#f3e5c1,#fefefd,#f3e5c1);
    padding: 0 16px 16px;
    margin-top: 8vw
}

#main .custom-02 h3 {
    text-align: center;
    text-shadow: #fff 1px 1px 0,#fff -1px 1px 0,#fff 1px -1px 0,#fff -1px -1px 0,#fff 2px 2px 1px,#fff -2px 2px 1px,#fff 2px -2px 1px,#fff -2px -2px 1px,#fff 0 0 1px,#fff 0 0 1px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 4px,#fff 0 0 4px,#fff 0 0 5px,#fff 0 0 5px,#fff 0 0 6px,#fff 0 0 6px;
    margin: -6vw auto .4em;
    font-size: 6.4vw;
    font-weight: 700
}

#main .custom-02 h3::before {
    content: "";
    display: block;
    width: 100%;
    height: 26vw;
    background: url(../images/img--00011.png)no-repeat center center;
    background-size: auto 100%;
    max-height: 250px;
    margin: 0 0 .2666666667em
}

#main .custom-02 ol {
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2);
            box-shadow: 0 0 6px rgba(0,0,0,.2);
    padding: 8px;
    margin: 0;
    font-weight: 700
}

@media (min-width:768px) {
    #main .custom-02 ol {
        padding: 16px
    }
}

#main .custom-02 ol strong {
    font-size: 128%
}

#main .custom-02 ol li {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: url(../images/img--00012.png)no-repeat left center;
    background-size: 8vw auto;
    border-bottom: 1px dotted #999;
    padding: .2em 0;
    padding-left: 10vw;
    font-size: 4.2vw;
    line-height: 1.3;
    min-height: 2.88em
}

#main .custom-02 ol li:nth-of-type(2) {
    background-image: url(../images/img--00013.png)
}

#main .custom-02 ol li:nth-of-type(3) {
    background-image: url(../images/img--00014.png)
}

#main .custom-02 ol li:nth-of-type(4) {
    background-image: url(../images/img--00015.png)
}

#main .custom-02 ol li:nth-of-type(5) {
    background-image: url(../images/img--00016.png)
}

#main .custom-02 ol li:last-child {
    border: 0
}

#main .custom-03 h3::after,#main .custom-03 h3::before,#main .custom-03::after,#main .custom-03::before {
    content: "";
    display: block;
    position: absolute;
    background: #f7f3e2 url(../images/img--00067.png)no-repeat center center;
    background-size: 90%auto;
    max-width: 96px;
    max-height: 96px;
    width: 10vw;
    height: 10vw
}

#main .custom-03 h3::before,#main .custom-03::before {
    left: -3px
}

#main .custom-03 h3::after,#main .custom-03::after {
    right: -3px
}

#main .custom-03 {
    margin: .4em auto 1.6em;
    background-image: -o-radial-gradient(closest-side circle,#fff,#f7f3e2);
    background-image: radial-gradient(closest-side circle,#fff,#f7f3e2);
    border: 6px solid #f7f3e2;
    position: relative;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2),2px 2px 0#dbc87d inset,-2px -2px 0#dbc87d inset,3px 3px 0#f7f3e2 inset,-3px -3px 0#f7f3e2 inset,4px 4px 0#dbc87d inset,-4px -4px 0#dbc87d inset;
            box-shadow: 1px 1px 4px rgba(0,0,0,.2),2px 2px 0#dbc87d inset,-2px -2px 0#dbc87d inset,3px 3px 0#f7f3e2 inset,-3px -3px 0#f7f3e2 inset,4px 4px 0#dbc87d inset,-4px -4px 0#dbc87d inset;
    padding: 0 16px;
    min-height: 80vw
}

#main .custom-03::after,#main .custom-03::before {
    top: -3px
}

#main .custom-03::after {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

#main .custom-03 h3 {
    text-align: center;
    margin: 1em auto
}

#main .custom-03 figure,#main .custom-03 h3 img,#main .custom-03 p {
    position: relative;
    z-index: 1
}

#main .custom-03 h3::after,#main .custom-03 h3::before {
    bottom: -3px
}

#main .custom-03 h3::before {
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

#main .custom-03 h3::after {
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1)
}

#main .custom-03 figure {
    float: right;
    margin: 0;
    width: 32%;
    max-width: 139px
}

#main .custom-03 p {
    color: #322312;
    margin: 1em auto;
    font-size: 2.8vw
}

#main .custom-04,#main .custom-10 {
    margin: 1.6em auto;
    border: 4px solid #e2f2b1;
    padding: 0 8px
}

#main .custom-04 dl,#main .custom-04 h3 {
    margin: .8em auto
}

#main .custom-04 h3 {
    text-align: center;
    padding: 0 24%
}

#main .custom-04 dl {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#main .custom-04 dd,#main .custom-04 dt {
    border-bottom: 1px dashed #ddd;
    font-size: 2.6vw;
    margin: 0 0 .8em
}

#main .custom-04 dd {
    padding: 0 0 .8em
}

#main .custom-04 dd:last-of-type,#main .custom-04 dt:last-of-type {
    border: 0;
    padding-bottom: 0
}

#main .custom-04 dt {
    padding: 0 0 .8em 8px;
    text-indent: 0;
    width: 5.12em;
    position: relative
}

#main .custom-04 dt::before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: 2.5px solid transparent;
    border-left: 2.5px solid #7eb34f;
    border-top: 2.5px solid transparent;
    position: absolute;
    left: 0;
    top: .5333333333em
}

#main .custom-04 dd {
    border-left: none;
    width: calc(100% - 5.12em)
}

#main .custom-05 {
    background: url(../images/img--00068.png)no-repeat center center;
    background-size: 100% 100%;
    margin: 1.6em -16px 0;
    padding: .8em 16px
}

#main .custom-05 h3 {
    text-align: center;
    margin: .8em auto
}

#main .custom-05 ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: distribute;
    box-pack: distribute;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#main .custom-05 ul li {
    width: 48%;
    margin: .4em auto;
    text-align: center;
    max-width: 339px
}

#main .custom-06 {
    margin: 1.6em auto;
    border: 2px solid #92c362;
    padding: 0 8px
}

#main .custom-06 h2 {
    text-align: center;
    margin: 0-8px .8em;
    background: #f1fad2;
    color: #322312;
    line-height: 1.2;
    padding: .5333333333em 8px;
    font-size: 5.6vw
}

#main .custom-07 {
    margin: .8em -16px 1.6em;
    background: #edf5d1 url(../images/img--00069.png)no-repeat center top;
    background-size: 100%auto;
    padding: 8px;
    counter-reset: num
}

#main .custom-07 h2,#main .custom-07 h3,#main .custom-07 h4 {
    text-align: center
}

#main .custom-07 h2,#main .custom-07 h3 {
    font-weight: 700
}

#main .custom-07 h2 {
    font-size: 7.2vw;
    margin: .4em auto;
    line-height: 1.2
}

#main .custom-07 h3 {
    background: #4b8025;
    color: #fff;
    border-radius: 6px 6px 0 0;
    margin: 0-16px .8em;
    font-size: 4.4vw;
    padding: 1em 8px
}

#main .custom-07 h3 strong {
    color: #feff48;
    font-size: 120%
}

#main .custom-07 h4 {
    margin: .8em auto;
    font-size: 4vw
}

#main .custom-07 ul {
    margin: .8em auto;
    padding: 0
}

#main .custom-07 ul li {
    background: url(../images/img--00035.png)no-repeat left top;
    background-size: 5vw auto;
    font-weight: 700;
    font-size: 2.8vw;
    padding: .4em 0;
    padding-left: 6vw
}

#main .custom-07 p {
    font-weight: 700;
    font-size: 2.8vw;
    margin: 1em auto
}

#main .custom-07-block {
    background: #fff;
    position: relative;
    padding: 0 16px .8em;
    border-radius: 6px;
    margin: 8vw auto
}

#main .custom-07-block:last-child {
    margin-bottom: 0
}

#main .custom-07-block::after,#main .custom-07-block::before {
    position: absolute
}

#main .custom-07-block::after {
    content: counter(num);
    counter-increment: num;
    color: #fff;
    background: #c3d63a;
    border-radius: 50%;
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    left: 0;
    top: -6vw;
    text-align: center;
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(0,0,0,.4);
    font-size: 7vw;
    font-weight: 700
}

#main .custom-07-block::before {
    content: "";
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #c3d63a;
    left: 8vw;
    top: 2vw;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#main .custom-07-block-block,#main .custom-07-block-block2 {
    border: 3px solid #eee;
    padding: 0 8px;
    margin: .8em auto
}

#main .custom-07-block-block2 {
    border-color: #c9382d
}

#main .custom-07-block-block2 h4 {
    padding: 0 24%
}

#main .custom-08 {
    margin: 1.6em -16px;
    background: #f7f3e2;
    padding: 0 16px .8em
}

#main .custom-08 h3 {
    color: #f6d271;
    margin: 0 -16px 1em;
    background: #574321 url(../images/img--00070.png);
    background-size: 100% auto;
    position: relative;
    border-bottom: 3px solid #e7c76e;
    padding: .5333333333em 16px;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0,0,0,.4);
/*    padding-left: calc(20vw + 12px);*/
    font-size: 5.6vw
}

/*#main .custom-08 h3::after {
    content: "";
    display: block;
    background: url(../images/img--00071.png)no-repeat center center;
    background-size: 100%auto;
    max-width: 153px;
    max-height: 156px;
    width: 20vw;
    height: 20vw;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -11vw
}*/

#main .custom-08 figure {
    float: right;
    width: 40%;
    max-width: 224px;
    margin: .4em 0 1.6em 16px
}

#main .custom-09 {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    box-pack: justify;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#main .custom-09 p {
    width: 48%;
    max-width: 350px;
    margin: 0 0 1.6em
}

#main .custom-10 {
    background-image: -o-repeating-linear-gradient(#f9f9f9,#f9f9f9 1px,transparent 0,transparent 16px),-o-repeating-linear-gradient(left,#f9f9f9,#f9f9f9 1px,transparent 0,transparent 16px),-o-repeating-linear-gradient(#f5f5f5,#f5f5f5 1px,transparent 0,transparent 8px),-o-repeating-linear-gradient(left,#f5f5f5,#f5f5f5 1px,transparent 0,transparent 8px);
    background-image: repeating-linear-gradient(#f9f9f9,#f9f9f9 1px,transparent 0,transparent 16px),repeating-linear-gradient(90deg,#f9f9f9,#f9f9f9 1px,transparent 0,transparent 16px),repeating-linear-gradient(#f5f5f5,#f5f5f5 1px,transparent 0,transparent 8px),repeating-linear-gradient(90deg,#f5f5f5,#f5f5f5 1px,transparent 0,transparent 8px)
}

#main .custom-10>figure {
    float: right;
    width: 40%;
    max-width: 250px;
    margin: 1.6em 0 1.6em 16px
}

#main .custom-10 h2 {
    font-style: italic;
    font-size: 6.4vw;
    margin: 1em auto .5333333333em
}

#main .custom-10 h3 {
    text-align: center;
    font-weight: 700;
    color: #322012;
    border-bottom: 2px dotted #5e5042;
    padding-bottom: .5333333333em;
    font-size: 4vw
}

#main .custom-10-block {
    clear: both;
    background: #f7f3e2;
    padding: 8px;
    margin: 1.6em auto
}

#main .custom-10-block figure,#main .custom-10-block h3 {
    text-align: center;
    margin: .8em auto
}

#main .custom-11 {
    background-color: #f1fbd8;
    background-image: -webkit-gradient(linear,left top, left bottom,from(#f1fbd8),color-stop(40%, #fff));
    background-image: -o-linear-gradient(#f1fbd8,#fff 40%);
    background-image: linear-gradient(#f1fbd8,#fff 40%);
    margin: 3.2em -16px 1.6em;
    padding: 1px 16px 1.6em
}

#main .custom-11 h2 {
    text-align: center;
    margin: -.8em auto 0
}

#main .custom-11 figure {
    margin: 0-16px;
    text-align: center
}

#main .custom-11 ul {
    margin: 0;
    padding: 8px;
    border: 2px dotted #ddd
}

#main .custom-11 ul li {
    background: url(../images/img--00066.svg)no-repeat left .2666666667em;
    background-size: 1.6em auto;
    padding: .2666666667em 0 .2666666667em 2.08em;
    font-weight: 500;
    font-size: 3.6vw
}

#main .custom-11 ul li strong {
    font-weight: inherit
}

#main .custom-12 {
    border-bottom: 1px solid #ddd
}

#main .custom-12 h3,#main .custom-12-block {
    position: relative;
    padding-left: 12vw
}

#main .custom-12 h3::before {
    position: absolute;
    display: block;
    font-size: 6vw;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

#main .custom-12 h3::after {
    left: 0
}

#main .custom-12 h3::after,#main .custom-12-block::after,#main .custom-12-block::before {
    position: absolute;
    display: block;
    font-size: 6vw;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}

#main .custom-12-block::after {
    left: 0;
    top: 0
}

#main .custom-12 h3::before,#main .custom-12-block::before {
    left: 0;
    text-align: center;
    width: 1.6em;
    height: 1.6em;
    line-height: 1.6em;
    border-radius: 4px
}

#main .custom-12 h3::before {
    content: "Q";
    background-color: #8dc357;
    background-image: -o-linear-gradient(135deg,#8dc357,#6ea346);
    background-image: linear-gradient(-45deg,#8dc357,#6ea346)
}

#main .custom-12-block::before {
    top: 0
}

#main .custom-12 h3::after,#main .custom-12-block::after {
    content: "";
    width: calc(1.6em - 2px);
    height: calc(1.6em - 2px);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 3px
}

#main .custom-12 h3::after {
    margin: 1px 0 0 1px
}

#main .custom-12-block::after {
    margin-left: 1px;
    margin-top: 1px
}

#main .custom-12 h3 {
    font-weight: 700;
    font-size: 4.2vw
}

#main .custom-12 h3::before {
    top: 50%;
    margin: -.8em 0 0
}

#main .custom-12 h3::after {
    top: 50%;
    margin-top: -.8em;
    margin-top: calc(-.8em + 1px)
}

#main .custom-12-block::before {
    content: "A";
    background-color: #d63d26;
    background-image: -o-linear-gradient(135deg,#d63d26,#ca382d);
    background-image: linear-gradient(-45deg,#d63d26,#ca382d)
}

#main .custom-qa-js h3 {
    padding-right: 24px
}

#main .custom-qa-js h3 a {
    color: #333;
    display: block
}

#main .custom-qa-js h3 .icon,#main .custom-qa-js h3 .icon-show {
    position: absolute;
    width: 16px;
    height: 4px;
    background: #8dc357;
    top: 50%;
    right: 0;
    margin-top: -2px
}

#main .custom-qa-js h3 .icon-show {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#main .custom-qa-js h3 a.show .icon,#main .custom-qa-js h3 a.show .icon-show {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#main .custom-qa-js-panel {
    display: none;
    padding-top: 1px;
    padding-bottom: 1.6em
}

#main .custom-qa-js-panel p:first-child {
    margin-top: 0
}

#main .custom-13 {
    margin: 1.6em auto;
    border: 2px solid #97c967;
    padding: 0 8px
}

#main .custom-13 h2 {
    text-align: center;
    margin: .8em auto;
    font-size: 6.4vw
}

#main .custom-13-block::before {
    content: "";
    display: block;
    background: url(../images/img--00064.png)no-repeat right top;
    max-width: 322px;
    max-height: 256px;
    background-size: 100%auto;
    width: 38vw;
    height: 38vw;
    float: right
}

#main .custom-13-block p,#main .custom-13-block ul {
    margin: 1em auto
}

#main .custom-13-block p {
    font-size: 3.2vw
}

#main .custom-13-block ul {
    font-weight: 700;
    border: 1px dotted #e59f99;
    border-radius: 4px;
    padding: .4em 8px .4em 1.92em;
    margin-right: 40vw
}

#main .custom-13-block ul li {
    font-size: 3.6vw
}

#main .custom-13-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-pack: justify;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    box-lines: multiple;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap
}

#main .custom-13-block2 dl {
    width: 49%;
    margin: 0 auto
}

#main .custom-13-block2 dt {
    font-size: 2.4vw;
    margin: 0
}

#main .custom-13-block2 dd {
    font-size: 2.4vw;
    padding: 0;
    margin: 0
}

@media (min-width:768px) {
    #main .custom-13-block2 dd,#main .custom-13-block2 dt {
        font-size: 1rem
    }
}

#main .custom-13-block2 dt {
    padding: 0 0 0 .5333333333em
}

#main .custom-13-block2 dt::before {
    content: "";
    height: 0;
    width: 0;
    border-bottom: .6vw solid transparent;
    border-left: .6vw solid #7eb34f;
    border-top: .6vw solid transparent;
    vertical-align: 10%;
    margin-right: .4em
}

#main .custom-13-block2 dd {
    border: 0
}

#main .margin-no {
    margin: 0!important
}

#main .margin-no-top {
    margin-top: 0!important
}

#main .margin-no-bottom {
    margin-bottom: 0!important
}

#main .margin-half {
    margin: .8em auto!important
}

#main .margin-half-top {
    margin-top: .8em!important
}

#main .margin-half-bottom {
    margin-bottom: .8em!important
}

#main .margin-quarter {
    margin: .4em auto!important
}

#main .margin-quarter-top {
    margin-top: .4em!important
}

#main .margin-quarter-bottom {
    margin-bottom: .4em!important
}

#main .margin-auto {
    margin-left: auto;
    margin-right: auto
}

#main .margin-over {
    margin-left: -16px;
    margin-right: -16px
}

#main .custom-02 ol strong,#main .custom-11 ul li strong,#main .custom-13-block ul {
    color: #cc3726
}

#main .green {
    color: #8dc357
}

#main .underline {
    text-decoration: underline
}

#main .custom-07 h3 strong,#main .underline--b {
    border-bottom: 2px solid
}

#main .maker {
    background-color: transparent;
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(72%, transparent),color-stop(72%, #f8d869));
    background-image: -o-linear-gradient(transparent 72%,#f8d869 72%);
    background-image: linear-gradient(transparent 72%,#f8d869 72%)
}

#main .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center
}

#main .mincho {
    font-weight: 700
}

#main .explain {
    font-size: 3.5vw;
    margin: .8em auto;
    line-height: 1.2
}

#main .kandou .box {
    width: 45%;
    margin: .4em
}

#main .kandou .box .title {
    position: relative;
    margin: .8em 0;
    padding: .2em .8em;
    color: #fff;
    font-size: 4.3vw;
    background: #630;
    text-align: center
}

#main .kandou .box .title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 57%;
    margin-left: -15px;
    border: 9px solid transparent;
    border-top: 9px solid #630
}

#main .kandou .voice {
    background: #d7eeff;
    margin: .8em auto;
    padding: .4em;
    position: relative
}

#main .kandou .voice:before {
    content: "";
    background: url(/wpcms/custom/images/icon_voice.png)no-repeat;
    background-size: 100%;
    width: 17%;
    height: 15%;
    padding: .4em;
    position: absolute;
    top: -7%;
    left: 1%;
    z-index: 10
}

#main .kandou .voice .label {
    font-size: 4.3vw;
    text-align: center;
    margin: .4em auto;
    line-height: 1.1
}

#main .kandou .voice figure {
    margin: 0
}

#main .anzu {
    font-family: "anzu"
}

#main .red {
    color: #cc3726
}

#main .under-line {
    background-image: -webkit-gradient(linear,left top, left bottom,color-stop(64%, rgba(252,235,96,0)),color-stop(80%, #fceb60));
    background-image: -o-linear-gradient(rgba(252,235,96,0) 64%,#fceb60 80%);
    background-image: linear-gradient(rgba(252,235,96,0) 64%,#fceb60 80%)
}

#main .kandou .message {
    background: url(/wpcms/custom/images/back_img_01.png)no-repeat;
    background-size: 100%;
    width: 90%
}

#main .kandou .message .title {
    font-size: 4.8vw;
    text-align: center;
    margin: 0
}

#main .kandou .message .text-list {
    position: relative;
    padding-left: 12%;
    margin: 0;
    font-size: 4.3vw
}

#main .kandou .message .text-list:before {
    content: "";
    background: url(/wpcms/custom/images/back_img_03.png)no-repeat;
    background-size: 100%;
    width: auto;
    height: auto;
    padding: .8em;
    position: absolute;
    top: 15%;
    left: 2%;
    z-index: 10
}

#main .step {
    border: 3px solid #cef9dc
}

#main .step .sec-title {
    margin: 0;
    padding: .5em 0;
    background: url(/wpcms/custom/images/back_img_04.png)no-repeat;
    background-size: 100%;
    text-align: center;
    border: 0
}

#main .step .sec-title:before {
    content: unset
}

#main .step .list {
    list-style: none;
    padding: .8em;
    font-size: 4vw;
    line-height: 1.4;
    margin: 0
}

#main .step .list li {
    position: relative;
    padding: .3em 0 .3em 12%
}

#main .step .list li:before {
    content: "";
    padding: .5em;
    position: absolute;
    top: 0;
    left: 2%
}

#main .step .list li:first-child:before {
    background: url(/wpcms/custom/images/step_label_01.png)no-repeat;
    background-size: 100%
}

#main .step .list li:nth-child(2):before {
    background: url(/wpcms/custom/images/step_label_02.png)no-repeat;
    background-size: 100%
}

#main .step .list li:nth-child(3):before {
    background: url(/wpcms/custom/images/step_label_03.png)no-repeat;
    background-size: 100%
}


#main .step .list li:nth-child(4):before {
    background: url(/wpcms/custom/images/step_label_04.png)no-repeat;
    background-size: 100%
}

#main .step .list li:nth-child(5):before {
    background: url(/wpcms/custom/images/step_label_05.png)no-repeat;
    background-size: 100%
}

.header-mainbord {
    background-color: #fff
}

.header-mainbord img {
    width: 100%;
    height: auto;
    max-width: 100%
}


@media (min-width:768px) {
    .bottom-btn-wrap {
        display: none
    }

    #main .custom-title-01 {
        font-size: 2.625rem
    }

    #main .custom-table-01 td,#main .custom-table-01 th,#main .custom-text-01 {
        font-size: 1.3125rem
    }

    #main .custom-text-01--b {
        font-size: 2.25rem
    }

    #main .custom-text-05 {
        font-size: 2.25rem;
        padding: .5333333333em 40px
    }

    #main .custom-text-05::after {
        border-width: 32px
    }

    #main .custom-hr-01 {
        height: 56px
    }

    #main .custom-01 {
        margin: 3.2em auto;
        border-width: 6px;
        -webkit-box-shadow: 2px 2px 0#fff inset,-2px -2px 0#fff inset,3px 3px 0#c7a66f inset,-3px -3px 0#c7a66f inset;
                box-shadow: 2px 2px 0#fff inset,-2px -2px 0#fff inset,3px 3px 0#c7a66f inset,-3px -3px 0#c7a66f inset;
        padding: 0 24px 1.6em
    }

    #main .custom-01 h3 {
        margin-top: -1.6em
    }

    #main .custom-01 h3::before {
        margin-bottom: .5333333333em
    }

    #main .custom-01-block {
        margin: 1.6em auto 1.6em 120px;
        padding: 1px 16px
    }

    #main .custom-01-block::after {
        border-width: 12px;
        top: 32px
    }

    #main .custom-01-block::before {
        margin-left: -120px
    }

    #main .custom-01-block p,#main .custom-03 p {
        font-size: 1.125rem
    }

    #main .custom-02 {
        margin: 4.8em auto 3.2em;
        padding: 0 24px 24px
    }

    #main .custom-02 h3 {
        margin-top: -.8em;
        font-size: 3rem
    }

    #main .custom-02 ol li {
        background-size: auto;
        font-size: 2.25rem;
        padding-left: 96px
    }

    #main .custom-03 h3::after,#main .custom-03 h3::before,#main .custom-03::after,#main .custom-03::before {
        background-size: auto
    }

    #main .custom-03 h3::before,#main .custom-03::before {
        left: -8px
    }

    #main .custom-03 h3::after,#main .custom-03::after {
        right: -8px
    }

    #main .custom-03 {
        border-width: 16px;
        padding: .8em 32px .4em;
        min-height: 480px
    }

    #main .custom-03::after,#main .custom-03::before {
        top: -8px
    }

    #main .custom-03 h3::after,#main .custom-03 h3::before {
        bottom: -8px
    }

    #main .custom-03 figure {
        margin-left: 16px
    }

    #main .custom-04,#main .custom-10 {
        margin: 3.2em auto;
        border-width: 8px;
        padding: 0 24px
    }

    #main .custom-04 dl,#main .custom-04 h3 {
        margin: 1.6em auto
    }

    #main .custom-04 h3 {
        padding: 0
    }

    #main .custom-04 dd,#main .custom-04 dt,#main .custom-07 p,#main .custom-13-block p {
        font-size: 1rem
    }

    #main .custom-05 {
        margin: 3.2em auto 0;
        padding: 1.6em 8px
    }

    #main .custom-05 ul li {
        margin: .8em auto
    }

    #main .custom-06 {
        margin: 3.2em auto;
        border-width: 3px;
        padding: 0 24px .8em
    }

    #main .custom-06 h2 {
        margin: 0-24px .8em;
        padding: .8em 8px;
        font-size: 2.625rem
    }

    #main .custom-07 {
        margin: .8em auto 3.2em
    }

    #main .custom-07 h2 {
        font-size: 3.25rem
    }

    #main .custom-07 h3 {
        margin: 0-24px .8em;
        font-size: 2.25rem
    }

    #main .custom-07 h4 {
        font-size: 1.5rem
    }

    #main .custom-07 ul li {
        background-size: auto;
        font-size: 1rem;
        padding-left: 40px
    }

    #main .custom-07-block {
        margin: 48px auto;
        padding: 0 24px .8em
    }

    #main .custom-07-block::after {
        font-size: 3rem;
        top: -40px;
        width: 72px;
        height: 72px;
        line-height: 72px
    }

    #main .custom-07-block::before {
        left: 56px;
        top: 16px;
        height: 0;
        width: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 12px solid #c3d63a
    }

    #main .custom-07-block-block,#main .custom-07-block-block2 {
        border-width: 6px;
        padding: .4em 24px .8em
    }

    #main .custom-07-block-block2 h4 {
        padding: 0
    }

    #main .custom-08 {
        margin: 1.6em auto 3.2em;
        padding: 0 24px 1.6em
    }

    #main .custom-08 h3 {
        margin: 0 -24px 1em;
        font-size: 2.25rem;
/*        padding-left: 169px;*/
        border-width: 5px
    }

    #main .custom-08 h3::after {
/*        margin-top: -86px*/
    }

    #main .custom-10 {
        background-image: -o-repeating-linear-gradient(#f9f9f9,#f9f9f9 1px,transparent 0,transparent 24px),-o-repeating-linear-gradient(left,#f9f9f9,#f9f9f9 1px,transparent 0,transparent 24px),-o-repeating-linear-gradient(#f5f5f5,#f5f5f5 1px,transparent 0,transparent 12px),-o-repeating-linear-gradient(left,#f5f5f5,#f5f5f5 1px,transparent 0,transparent 12px);
        background-image: repeating-linear-gradient(#f9f9f9,#f9f9f9 1px,transparent 0,transparent 24px),repeating-linear-gradient(90deg,#f9f9f9,#f9f9f9 1px,transparent 0,transparent 24px),repeating-linear-gradient(#f5f5f5,#f5f5f5 1px,transparent 0,transparent 12px),repeating-linear-gradient(90deg,#f5f5f5,#f5f5f5 1px,transparent 0,transparent 12px)
    }

    #main .custom-10 h2 {
        font-size: 3.5rem
    }

    #main .custom-10 h3 {
        font-size: 1.75rem
    }

    #main .custom-10-block {
        padding: 8px 24px
    }

    #main .custom-11 {
        margin: 4.8em auto 3.2em;
        padding: 1px 24px 1.6em
    }

    #main .custom-11 figure {
        margin: 0-24px
    }

    #main .custom-11 ul {
        border-width: 3px;
        padding: 16px 24px
    }

    #main .custom-11 ul li {
        font-size: 1.3125rem
    }

    #main .custom-12 h3,#main .custom-12-block {
        padding-left: 72px
    }

    #main .custom-12 h3::after,#main .custom-12 h3::before,#main .custom-12-block::after,#main .custom-12-block::before {
        font-size: 2.375rem
    }

    #main .custom-12 h3::before,#main .custom-12-block::before {
        border-radius: 6px
    }

    #main .custom-12 h3::after,#main .custom-12-block::after {
        border-radius: 4px
    }

    #main .custom-12 h3 {
        font-size: 1.5rem
    }

    #main .custom-qa-js h3 {
        padding-right: 32px
    }

    #main .custom-qa-js h3 .icon,#main .custom-qa-js h3 .icon-show {
        width: 24px;
        height: 6px;
        margin-top: -3px
    }

    #main .custom-13 {
        margin: 3.2em auto;
        border-width: 4px;
        padding: 0 24px
    }

    #main .custom-13 h2 {
        font-size: 3rem
    }

    #main .custom-13-block ul {
        margin-right: 322px
    }

    #main .custom-13-block ul li {
        font-size: 1.125rem
    }

    #main .custom-13-block2 dl {
        margin-bottom: 1.6em
    }

    #main .custom-13-block2 dt::before {
        border-width: 4px
    }

    #main .margin-over {
        margin-left: auto;
        margin-right: auto
    }

    #main .kandou .box .title,#main .kandou .voice .label,#main .step .list {
        font-size: 1.8rem
    }

    #main .kandou .message .title {
        font-size: 2rem
    }

    #main .explain {
        font-size: 1.3rem
    }

    #main .kandou .message .text-list {
        font-size: 1.6rem
    }

    #main .step .sec-title {
        font-size: 2.3rem
    }
}
.customer-voice{
    
}