body {
    /*overflow-x: hidden*/
    background-color: #FFF!important;
}

h2 {
    width: 100%;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
    font-size: 40px;
    /* font-weight: bold; */
    position: relative;
    z-index: 2;
    letter-spacing: 5px;
}

@media (max-width: 1122px) {
    h2 {
        margin-bottom: 10px;
        font-size: 4.2rem
    }
}

@media (max-width: 740px) {
    h2 {
        font-size: 2.4rem
    }
}

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

h3 {
    width: 100%;
    text-align: center;
    font-size: 25px;
    font-weight: bold
}

@media (max-width: 740px) {
    h3 {
        font-size: 1.8rem
    }
}

.top_btns {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto 60px
}


@media (max-width:767px){
    h2{
        font-size: 4.4vw;
        letter-spacing: 0.65vw;
    }
    h3{
        font-size: 3.2vw;
    }
    .c05 .boxs02 .base_w div p{
        font-size: 2.2vw !important;
    }
    .c05 .boxs03 div p{
        font-size: 2.2vw !important;
    }
    .c06 .boxs01 div p,.c06 .boxs02 div p,.c06 .boxs03 .txt,.c06 .boxs04 .txt,.c06 .boxs05 .txt01,.c05 .boxs03 div p{
        font-size: 2.2vw !important;
    }

}

@media (max-width: 740px) {
    .top_btns {
        width: 100%;
        margin: 0 auto 30px
    }
}

.top_btns div {
    width: 32%;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s;
    opacity: 0.6
}

.top_btns div.on {
    opacity: 1.0
}

.top_btns div:hover {
    opacity: 1.0
}

@media (max-width: 740px) {
    .top_btns div {
        width: 49%
    }
}

.c02,
.c03,
.c04,
.c05,
.c06 {
    display: none
}

.c01 {
    margin-bottom: 70px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c01 {
        margin-bottom: 40px
    }
}

.c01 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c01 .boxs01 {
        margin-bottom: 40px
    }
}

.c01 .boxs01 div {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c01 .boxs01 div {
        width: 100%;
        margin-bottom: 20px
    }
}

.c01 .boxs01 .box_l {
    width: 100%
}

.c01 .boxs01 .box_l .cap {
    margin-top: 10px
}

.c01 .boxs01 .box_toire {
    width: 74%
}

@media (max-width: 740px) {
    .c01 .boxs01 .box_toire {
        width: 100%
    }
}

.c02 {
    margin-bottom: 70px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c02 {
        margin-bottom: 40px
    }
}

.c02 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c02 .boxs01 {
        margin-bottom: 40px
    }
}

.c02 .boxs01 div {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c02 .boxs01 div {
        width: 100%;
        margin-bottom: 20px
    }
}

.c03 {
    margin-bottom: 70px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c03 {
        margin-bottom: 40px
    }
}

.c03 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c03 .boxs01 {
        margin-bottom: 40px
    }
}

.c03 .boxs01 div {
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c03 .boxs01 div {
        margin-bottom: 20px
    }
}

.c03 .boxs01 div p {
    color: #000;
    margin-top: 10px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c03 .boxs01 div p {
        margin-top: 5px;
        font-size: 1.0rem
    }
}

.c03 .boxs01 .box01 {
    width: 23.5%
}

@media (max-width: 740px) {
    .c03 .boxs01 .box01 {
        width: 48%
    }
}

.c03 .boxs01 .box02 {
    width: 48%
}

@media (max-width: 740px) {
    .c03 .boxs01 .box02 {
        width: 100%
    }
}

.c03 .boxs01 .box03 {
    width: 100%
}

.c03 .boxs01 .box03 .titl {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 2.4rem
}

@media (max-width: 740px) {
    .c03 .boxs01 .box03 .titl {
        font-size: 1.6rem
    }
}

.c03 .boxs02 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c03 .boxs02 {
        margin-bottom: 40px
    }
}

.c03 .boxs02 .box01 {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c03 .boxs02 .box01 {
        width: 100%;
        margin-bottom: 20px
    }
}

.c03 .boxs02 .box02 {
    width: 15%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c03 .boxs02 .box02 {
        width: 30%;
        margin: 0 auto 20px 0
    }
}

.c03 .boxs02 .box03 {
    width: 100%
}

.c03 .boxs02 .box03 .cap {
    margin-top: 20px
}

.c03 .boxs03 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    background-color: #fff;
    padding: 60px 0;
    margin-bottom: 70px;
    position: relative
}

@media (max-width: 740px) {
    .c03 .boxs03 {
        margin-bottom: 40px
    }
}

.c03 .boxs03:after {
    content: " ";
    position: absolute;
    top: 0;
    left: -100vw;
    width: 200vw;
    height: 100%;
    background-color: #fff;
    z-index: -1
}

.c03 .boxs03 .box01 {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c03 .boxs03 .box01 {
        width: 100%;
        margin-bottom: 20px
    }
}

.c03 .boxs03 .box02 {
    width: 100%
}

.c03 .boxs03 .box02 .titl {
    margin-bottom: 30px;
    font-size: 2.4rem
}

@media (max-width: 740px) {
    .c03 .boxs03 .box02 .titl {
        font-size: 1.6rem
    }
}

.c03 .boxs03 .box02 .cap {
    margin-top: 20px
}

.c03 .boxs04 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c03 .boxs04 {
        margin-bottom: 40px
    }
}

.c03 .boxs04 .box01 {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c03 .boxs04 .box01 {
        width: 100%;
        margin-bottom: 20px
    }
}

.c03 .boxs04 .box02 {
    width: 100%
}

.c03 .boxs04 .box02 .titl {
    margin-bottom: 30px;
    font-size: 2.4rem
}

@media (max-width: 740px) {
    .c03 .boxs04 .box02 .titl {
        font-size: 1.6rem
    }
}

.c04 {
    margin-bottom: 70px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c04 {
        margin-bottom: 40px
    }
}

.c04 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.c04 .boxs01 div {
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c04 .boxs01 div {
        margin-bottom: 20px
    }
}

.c04 .boxs01 .box01 {
    width: 70%
}

@media (max-width: 740px) {
    .c04 .boxs01 .box01 {
        width: 100%
    }
}

.c04 .boxs01 .box02 {
    width: 20%
}

@media (max-width: 740px) {
    .c04 .boxs01 .box02 {
        width: 35%
    }
}

.c04 .boxs02 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 60px 30px 30px;
    background-color: #fff
}

@media (max-width: 740px) {
    .c04 .boxs02 {
        padding: 20px 10px 0
    }
}

.c04 .boxs02 div {
    width: 22%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c04 .boxs02 div {
        width: 47%;
        margin: 0 auto 20px
    }
}

.c05 {
    margin-bottom: 70px
}

@media (max-width: 740px) {
    .c05 {
        margin-bottom: 40px
    }
}

.c05 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 60px
}

@media (max-width: 740px) {
    .c05 .boxs01 {
        margin-bottom: 10px
    }
}

@media (max-width: 740px) {
    .c05 .boxs01 div {
        margin-bottom: 20px
    }
}

.c05 .boxs01 .box01 {
    width: 48%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c05 .boxs01 .box01 {
        width: 100%;
        margin-bottom: 20px
    }
}

.c05 .boxs01 .box02 {
    width: 56%
}

@media (max-width: 740px) {
    .c05 .boxs01 .box02 {
        width: 100%
    }
}

.c05 .boxs01 .box03 {
    width: 41%
}

@media (max-width: 740px) {
    .c05 .boxs01 .box03 {
        width: 100%
    }
}

.c05 .boxs02 {
    padding: 60px 0;
    margin-bottom: 60px;
    background-color: #dce2db
}

@media (max-width: 740px) {
    .c05 .boxs02 {
        padding: 40px 0 0;
        margin-bottom: 30px
    }
}

.c05 .boxs02 .base_w {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.c05 .boxs02 .base_w div {
    width: 48%
}

.c05 .boxs02 .base_w div p {
    color: #000;
    margin-top: 10px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c05 .boxs02 .base_w div p {
        margin-top: 5px;
        /* font-size: 1.0rem */
    }
}

@media (max-width: 740px) {
    .c05 .boxs02 .base_w div {
        width: 100%;
        margin-bottom: 40px
    }
}

.c05 .boxs03 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px #ccc solid;
    padding-bottom: 30px;
    margin-bottom: 60px
}

@media (max-width: 740px) {
    .c05 .boxs03 {
        margin-bottom: 30px
    }
}

.c05 .boxs03 div {
    width: 23%;
    margin-bottom: 30px
}

@media (max-width: 740px) {
    .c05 .boxs03 div {
        width: 48%;
        margin-bottom: 20px
    }
}

.c05 .boxs03 div p {
    color: #000;
    margin-top: 10px;
    font-size: 16px;
}

@media (max-width: 740px) {
    .c05 .boxs03 div p {
        margin-top: 5px;
        /* font-size: 1.0rem */
    }
}

.c06 .sub_titl {
    width: 50%;
    margin-bottom: 40px
}

@media (max-width: 740px) {
    .c06 .sub_titl {
        width: 100%;
        margin-bottom: 20px
    }
}

.c06 .boxs01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c06 .boxs01 {
        margin-bottom: 30px;
        padding-bottom: 10px
    }
}

@media (max-width: 740px) {
    .c06 .boxs01 div {
        margin-bottom: 20px
    }
}

.c06 .boxs01 div p {
    color: #000;
    margin-top: 10px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c06 .boxs01 div p {
        margin-top: 5px;
        font-size: 1.0rem
    }
}

.c06 .boxs01 .box01 {
    width: 34%
}

@media (max-width: 740px) {
    .c06 .boxs01 .box01 {
        width: 100%
    }
}

.c06 .boxs01 .box02 {
    width: 24%
}

@media (max-width: 740px) {
    .c06 .boxs01 .box02 {
        width: 70%;
        margin: 0 auto 20px
    }
}

.c06 .boxs02 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c06 .boxs02 {
        margin-bottom: 30px;
        padding-bottom: 10px
    }
}

@media (max-width: 740px) {
    .c06 .boxs02 div {
        margin-bottom: 20px
    }
}

.c06 .boxs02 div p {
    color: #000;
    margin-top: 10px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c06 .boxs02 div p {
        margin-top: 5px;
        font-size: 1.0rem
    }
}

.c06 .boxs02 .box01 {
    width: 48%
}

@media (max-width: 740px) {
    .c06 .boxs02 .box01 {
        width: 100%
    }
}

.c06 .boxs02 .box02 {
    width: 23%
}

@media (max-width: 740px) {
    .c06 .boxs02 .box02 {
        width: 48%
    }
}

.c06 .boxs03 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px #ccc solid
}

@media (max-width: 740px) {
    .c06 .boxs03 {
        margin-bottom: 30px;
        padding-bottom: 30px
    }
}

.c06 .boxs03 .titl {
    font-size: 2.0rem
}

@media (max-width: 740px) {
    .c06 .boxs03 .titl {
        font-size: 1.4rem
    }
}

.c06 .boxs03 .txt {
    color: #000;
    margin-top: 5px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c06 .boxs03 .txt {
        font-size: 1.0rem
    }
}

.c06 .boxs03 .box01 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 66%;
    padding: 20px;
    background-color: #dfd9d4
}

@media (max-width: 740px) {
    .c06 .boxs03 .box01 {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px
    }
}

.c06 .boxs03 .box01 .col01 {
    width: 30%
}

@media (max-width: 740px) {
    .c06 .boxs03 .box01 .col01 {
        width: 60%;
        margin: 0 auto 10px
    }
}

.c06 .boxs03 .box01 .col02 {
    width: 65%
}

@media (max-width: 740px) {
    .c06 .boxs03 .box01 .col02 {
        width: 100%
    }
}

.c06 .boxs03 .box02 {
    width: 31%
}

@media (max-width: 740px) {
    .c06 .boxs03 .box02 {
        width: 100%
    }
}

.c06 .boxs04 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 40px
}

@media (max-width: 740px) {
    .c06 .boxs04 {
        margin-bottom: 10px
    }
}

.c06 .boxs04 div {
    width: 31%
}

@media (max-width: 740px) {
    .c06 .boxs04 div {
        width: 100%;
        margin-bottom: 20px
    }
}

.c06 .boxs04 .titl {
    font-size: 2.0rem
}

@media (max-width: 740px) {
    .c06 .boxs04 .titl {
        font-size: 1.4rem
    }
}

.c06 .boxs04 .txt {
    color: #000;
    margin-top: 5px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c06 .boxs04 .txt {
        font-size: 1.0rem
    }
}

.c06 .boxs04 .box02 img {
    width: 80%;
    margin: 15px 10% 0
}

.c06 .boxs04 .box03 img {
    width: 60%;
    margin: 10px 20% 0
}

.c06 .boxs05 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 60px;
    padding: 40px;
    background-color: #fff;
    border: 1px #ccc solid
}

@media (max-width: 740px) {
    .c06 .boxs05 {
        margin-bottom: 30px;
        padding: 20px
    }
}

.c06 .boxs05 .box01 {
    width: 50%;
    padding-right: 2%;
    border-right: 2px #ccc dotted
}

@media (max-width: 740px) {
    .c06 .boxs05 .box01 {
        width: 100%;
        padding-right: 0;
        border-right: none
    }
}

.c06 .boxs05 .box01 .col_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center
}

.c06 .boxs05 .box01 .col_wrap .col01 {
    width: 60%
}

@media (max-width: 740px) {
    .c06 .boxs05 .box01 .col_wrap .col01 {
        width: 100%
    }
}

.c06 .boxs05 .box01 .col_wrap .col02 {
    width: 35%
}

@media (max-width: 740px) {
    .c06 .boxs05 .box01 .col_wrap .col02 {
        width: 60%;
        margin: 0 auto 20px
    }
}

.c06 .boxs05 .box02 {
    width: 50%;
    padding-left: 2%
}

@media (max-width: 740px) {
    .c06 .boxs05 .box02 {
        width: 100%;
        padding-left: 0
    }
}

.c06 .boxs05 .titl01 {
    font-size: 24px;
}

@media (max-width: 740px) {
    .c06 .boxs05 .titl01 {
        font-size: 1.6rem
    }
}

.c06 .boxs05 .titl02 {
    margin: 20px 0 10px;
    font-size: 20px
}

@media (max-width: 740px) {
    .c06 .boxs05 .titl02 {
        font-size: 1.3rem
    }
}

.c06 .boxs05 .titl03 {
    color: #956134;
    font-weight: bold;
    font-size: 18px
}

@media (max-width: 740px) {
    .c06 .boxs05 .titl03 {
        font-size: 1.2rem
    }
}

.c06 .boxs05 .txt01 {
    color: #000;
    margin-bottom: 10px;
    font-size: 16px
}

@media (max-width: 740px) {
    .c06 .boxs05 .txt01 {
        font-size: 1.0rem
    }
}

.f_cap {
    border: none;
    padding: 0;
    margin-bottom: 50px
}