@charset "utf-8";
#main { position: relative; text-align: center; padding-top: 50px; overflow: hidden; }
#main .tit_box span { display: block; font-size: var(--font-medium); font-weight: 700; margin-bottom: 12px; }
#main .tit_box h2 { font-size: 32px; font-weight: 700; line-height: 40px; }
#main .btn_box { width: 100%; text-align: center; margin-top: 32px; }
#main .btn_box a { display: inline-block; font-size: var(--font-small); color: var(--color-gray); }
#main .btn_box a::after { width: 16px; height: 16px; transform: rotate(-90deg); background: url(../../image/icon/icon_arrow_gray.svg) no-repeat center center; background-size: 12px; vertical-align: -3px; content: ''; display: inline-block; margin-left: 5px; }

.pg_nav { position: fixed; left: 50%; top: 68px; transform: translateX(-50%); width: 100%; max-width: 480px; background: #ffffff; border-bottom: var(--border); overflow: hidden; z-index: 5; }
.pg_nav ul { white-space: nowrap; overflow-x: scroll; padding: 15px 24px; -ms-overflow-style: none; scrollbar-width: none; }
.pg_nav ul::-webkit-scrollbar { display: none; }
.pg_nav ul li { display: inline-block; margin-right: 24px; }
.pg_nav ul li:last-of-type { margin-right: 0; }
.pg_nav ul li a { font-size: var(--font-small); font-weight: 500; color: var(--color-gray); line-height: 18px; transition: all 0.1s ease-in-out; }
.pg_nav ul li a:hover { color: var(--color-black); }

.section01 { position: relative; background: url(../../image/main/PL852/bg_section01.webp) no-repeat center center; background-size: cover; }
.section01 .inner { padding: 50px 24px 350px; }
.section01 .tit_box h2 { font-weight: 400; }
.section01 .tit_box h2 strong { display: block; }
.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: #F9FAFB; }
.section02 .inner { padding: 80px 24px; }
.section02 ul { width: 200px; margin: 24px auto 0; }
.section02 ul li { width: 100%; font-size: var(--font-regular); line-height: 20px; text-align: left; padding: 10px; background: var(--color-white); border-radius: var(--border-radius-s); box-shadow: 1px 4px 9px 0px #E7F4F8; margin-bottom: 12px; }
.section02 ul li:last-of-type { margin-bottom: 0; }
.section02 ul li::before { width: 18px; height: 18px; content: ''; display: inline-block; vertical-align: -3px; margin-right: 10px; }
.section02 ul li:nth-of-type(1)::before { background: url(../../image/main/PL852/icon_section02_01.svg) no-repeat center center; background-size: contain; }
.section02 ul li:nth-of-type(2)::before { background: url(../../image/main/PL852/icon_section02_02.svg) no-repeat center center; background-size: contain; }
.section02 ul li:nth-of-type(3)::before { background: url(../../image/main/PL852/icon_section02_03.svg) no-repeat center center; background-size: contain; }
.section02 ul li:nth-of-type(4)::before { background: url(../../image/main/PL852/icon_section02_04.svg) no-repeat center center; background-size: contain; }
.section03 { background: var(--color-white); }
.section03 .inner { padding: 80px 24px; }
.section03 .img_box { margin: 24px 0; }
.section03 p { font-size: var(--font-regular); color: var(--color-gray); line-height: 22px; }
.section04 { background: #F3F9FE; }
.section04 .inner { padding: 80px 0; }
.section04 .img_box { display: flex; justify-content: center; width: 100%; overflow: hidden; margin-top: 37px; }
.section04 .img_box img { width: 120%; max-width: 500px; }
.section05 { background: #F4EEFF; }
.section05 .inner { padding: 50px 0; }
.section05 h2 { font-size: 28px; font-weight: 700; line-height: 42px; margin-bottom: 24px; }
.section05 h2 strong { font-size: 36px; color: var(--color-main); }
.section05 .main_slider { width: calc(100% - 48px); margin: 0 auto; }
.section05 .main_slider .swiper-slide { width: 300px; text-align: left; padding: 24px; background: #ffffff; border-radius: 24px; box-shadow: 0px 4px 20px 0px rgba(139, 79, 246, 0.10); overflow: hidden; margin-right: 16px; }
.section05 .main_slider .img_box { width: 100%; overflow: hidden; margin-bottom: 16px; }
.section05 .main_slider .txt_box { height: 200px; overflow: hidden; }
.section05 .main_slider .tag_box span { display: inline-block; font-size: var(--font-small-xs); font-weight: 600; color: #6E7191; line-height: 24px; padding: 0 8px; background: #EFF0F6; border-radius: var(--border-radius); margin: 0 7px 8px 0; }
.section05 .main_slider dl dt { font-size: var(--font-large); font-weight: 600; margin-bottom: 8px; }
.section05 .main_slider dl dd { font-size: 17px; font-weight: 500; line-height: 24px; letter-spacing: -0.3px; }
.section05 .main_slider dl dd b { position: relative; display: inline-block; font-weight: 500; z-index: 1; }
.section05 .main_slider dl dd b::before { position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background: rgba(111, 85, 255, 0.30); content: ''; display: block; z-index: -1; }
.section06 { background: var(--color-white); }
.section06 .inner { padding: 65px 0 140px; }
.section06 .img_box { margin-top: 24px; }

.btn_box_wrap { display: none; }