@charset "utf-8";
#main { position: relative; text-align: center; overflow: hidden; padding-bottom: 90px; }
#main .btn_box_wrap { display: none; }

.section01 { position: relative; background: url(../../image/main/PL852/bg_section01.webp) no-repeat center center; background-size: cover; }
.section01 .inner { padding: 60px 24px 400px; }
.section01 h2 { font-size: 32px; font-weight: 400; line-height: 40px; }
.section01 .btn { display: inline-block; font-size: var(--font-medium); font-weight: 700; color: var(--color-white); line-height: 57px; padding: 0 24px; background: var(--color-main); border-radius: var(--border-radius); margin-top: 24px; }
.section02 { background: var(--color-white); }
.section02 .inner { padding: 50px 24px; }
.section02 .txt_box p { font-size: var(--font-large); font-weight: 700; }
.section02 .dot { width: 8px; height: 30px; margin: 24px auto; }
.section02 .dot span { display: block; width: 4px; height: 4px; border-radius: 50%; background: var(--color-black); margin-bottom: 4px; }
.section02 .dot span:last-of-type { margin-bottom: 0; }
.section02 .emoji_box { margin-top: 20px; }
.section02 .emoji_box img { margin: 0 2px; }
.section02 .review_box { margin-top: 30px; }
.section02 .review_box li { width: 100%; background: #F1F2F6; padding: 10px; border-radius: var(--border-radius); margin-bottom: 5px; }
.section02 .review_box li:last-of-type { margin-bottom: 0; }
.section02 .review_box p { font-size: var(--font-regular); word-break: keep-all; }
.section02 .review_box span { display: block; font-size: var(--font-regular); color: rgba(34, 34, 34, 0.48); margin-top: 4px; }
.section03 { background: #F5F4F6; }
.section03 .inner { padding: 50px 24px; }
.section03 .img_box { width: 100%; border-radius: var(--border-radius); overflow: hidden; margin-bottom: 24px; }
.section03 ul li { display: flex; width: 100%; padding: 16px; background: var(--color-white); border-radius: var(--border-radius); margin-bottom: 8px; }
.section03 ul li:last-of-type { margin-bottom: 0; }
.section03 ul li::before { width: 24px; height: 24px; content: ''; display: block; }
.section03 ul li:nth-of-type(1)::before { background: url(../../image/main/PL856/icon_recomm_sc04_01.svg) no-repeat center center; background-size: contain; }
.section03 ul li:nth-of-type(2)::before { background: url(../../image/main/PL856/icon_recomm_sc04_02.svg) no-repeat center center; background-size: contain; }
.section03 ul li:nth-of-type(3)::before { background: url(../../image/main/PL856/icon_recomm_sc04_03.svg) no-repeat center center; background-size: contain; }
.section03 ul li dl { width: calc(100% - 40px); text-align: left; margin-left: 16px; }
.section03 ul li dl dt { font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.section03 ul li dl dd { font-size: var(--font-small); font-weight: 500; line-height: 19px; }
.section04 { background: var(--color-white); }
.section04 .inner { padding: 50px 0; }
.section04 h2 { font-size: var(--font-large); font-weight: 700; }