html {
	scroll-behavior: smooth;
}

main,
footer {
    max-width:  750px;
    margin: 0 auto;
}

main img,
footer img {
    display: block;
    width: 100%;
}


.main_contents {
    background-color: #333;
    background-image: url(../img/bg_pattern.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* ここからアンカーボタン */

.anker_contents ul {
    padding: 8.59% 0;
}

.anker_contents ul li:nth-child(n+2) {
    margin-top: 6.25%;
}

.anker_contents ul li a {
    display: block;
    width: 88.67%;
    margin: 0 auto;
}

.anker_contents ul li a:hover,
.sec02 .set_item_btn a:hover,
.sec03 .how_to_xbtn a:hover {
    opacity: 0.9;
}


/* ここからsec01 */

.sec01_lead01 {
    margin-top: 5.07%;
    margin-bottom: 8.20%;
}

.sec01_item01 {
    width: 88.67%;
    margin: 0 auto;
}


.sec01 h2:nth-of-type(2) {
    margin: 5.07% auto 3.51%;
}

.sec01 .bottom_img {
    width: 90%;
    margin: 3.12% auto 4.29%;
}

/* ここからse02 */


.sec02 .sec02_lead {
    margin: 5.07% auto 3.51%;
}

.sec02 .sec02_contents,
.sec03 .sec03_contents {
    width: 88.67%;
    margin: 0 auto 7.81%;
}

.sec02 .sec02_contents .pre_order {
    margin-bottom: 4%;
}

.sec02 .set_items {
    position: relative;
}

.sec02 .set_item_btn,
.sec03 .how_to .how_to_xbtn {
    width: 94.7%;
    position: absolute;
    top: 83.5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


/* ここからse03 */

.sec03 .sub_txt {
    margin-top: 3.90%;
}

.sec03 img:nth-of-type(2) {
    margin: 2.34% 0 3.32%;
}

.sec03 .how_to {
    position: relative;
}

.sec03 .how_to .how_to_xbtn {
    top: 18%;
}

.sec03 .bottom_img {
    margin-top: 3.90%;
}