.container {
 text-align: center;
 line-height: 1.5;
 margin: 0 auto 40px !important;
 background: #fef8d4;
 padding: 1.5em;
}

.container h2 {
 font-size: 23px;
 margin-bottom: 0.5em;
}

.container p {
 font-size: 20px;
}

[class*="c-btn__normal"].atokara {
 width: 80%;
 margin: 0 auto 65px;
 font-size: 22px;
 border-radius: 60px;
}

.c-hdg__bl.__sub {
 margin-top: 50px;
 margin-bottom: 20px;
 padding: 6px 16px;
}

.c-hdg__bl.__sub h3 {
 font-size: 18px;
 margin: 0 auto;
 text-align: left;
}

.p-ttlset__free ul {
 list-style: none;
 margin-bottom: 50px;
}

.p-ttlset__free li {
 list-style-type: disc;
 margin: 0 0 0.5em 1.5em;
 font-size: 14px;
 line-height: 1.6;
}

.container .flex {
 display: flex;
 width: 100%;
 margin:  10px auto;
}

.container .flex .img {
 width: 30%;
}

.container .flex .text {
 width: 70%;
}

.container .flex .text table {
 font-size: 20px;
 text-align: left;
 margin-top: 55px;
 margin-left: 25px;
}

.container .flex .text table tr {
 height: 3.8em;
}

.point_num {
 font-size: 25px;
 font-weight: bold;
 display: block;
 text-align: right;
 color: #f00;
 margin: -4.5px 5px 0 0;
}

.w30per {
 width: 5%;
}

.w70per {
 width: 95%;
}

.container .appimg {
 width: 65%;
 margin: 0 auto 10px;
}

.container .app_sub_text {
 font-size: 18px;
 margin: 1.5em auto 0.5em;
}

[class*="c-btn__normal"].app {
 width: 70%;
 margin: 5px auto;
 font-size: 22px;
 border-radius: 60px;
}

.bottom_btn {
 width: 100%;
 padding: 25px 0 0;
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 10;
 background: rgb(0 0 0 / 75%);
}

.bottom_btn p {
 font-size: 22px;
 color: #fff;
 text-align: center;
}

[class*="c-btn__normal"].atokara_roll {
 margin: 0 auto;
 width: 800px;
 background: #1f3187;
 border-radius: 60px;
}

.c-btn__cnt {
 margin-bottom: 20px;
}

.container .img_note01,.container .img_note02,.container .img_note03 {
 font-size: 16px;
}

.container .img_note02 {
 margin-top: 1em;
}

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

.container {
 padding: 0.8em 0.5em;
 margin: 0 auto 1em !important;
}

.container h2 {
 font-size: 4vw;
}

.container p {
 font-size: 3.8vw;
}

[class*="c-btn__normal"].atokara,[class*="c-btn__normal"].app {
 width: 100%;
 font-size: 3.8vw;
 margin: 0 auto 3em;
}

[class*="c-btn__normal"].app {
 margin: 0.5em auto;
}

.c-hdg__bl.__sub {
 margin-bottom: 3vw;
 padding: 1.5vw 3vw;
}

.c-hdg__bl.__sub h3 {
 font-size: 3.6vw;
}

.p-ttlset__free li {
 font-size: 3vw;
}

.swiper-container .swiper-slide img {
 width: 90% !important;
}

.container .flex {
 display: block;
 width: 100%;
 margin: 10px auto 0;
}

.container .flex .img {
 width: 90%;
 margin: auto;
}

.container .flex .text {
 width: 90%;
 margin: auto;
}

.container .flex .text table {
 font-size: 3.8vw;
 margin-top: 1em;
 margin-left: 0;
}

.container .appimg {
 width: 100%;
}

.container .app_sub_text {
 font-size: 3.4vw;
}

.bottom_btn {
 margin: 1em 0 0;
}

.bottom_btn p {
 font-size: 4vw;
}

[class*="c-btn__normal"].atokara_roll {
 width: 95%;
 padding: 20px 25px;
}

.c-btn__cnt {
 margin-bottom: 1em;
}

.point_num {
 font-size: 4.6vw;
 padding: 0.15em 0 0;
}

.container .img_note01,.container .img_note02,.container .img_note03 {
 font-size: 3.2vw;
}




}