@charset "utf-8";
#main { position: relative; text-align: center; overflow: hidden; padding-bottom: 90px; }

.section01 { background: #F2F1FB; }
.section01 .inner { padding: 60px 0 100px; }
.section01 h2 { font-size: 32px; font-weight: 700; line-height: 42px; margin-bottom: 60px; }
.section01 .img_box { position: relative; }
.section01 .img_box::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #F2F1FB 100%); display: block; content: ''; z-index: 1; }

.section02 { background: #ffffff; }
.section02 .inner { padding: 50px 24px; }
.section02 h2 { font-size: 36px; font-weight: 700; margin-bottom: 24px; }
.section02 .chat_box li { margin-bottom: 16px; }
.section02 .chat_box li:nth-of-type(odd) { text-align: left; }
.section02 .chat_box li:nth-of-type(even) { text-align: right; }
.section02 .chat_box li:last-of-type { margin-bottom: 0; }
.section02 .chat_box li strong { display: inline-block; font-size: var(--font-small); font-weight: 700; color: var(--color-white); padding: 16px; border-radius: 25px; }
.section02 .chat_box li:nth-of-type(odd) strong { background: rgba(34, 34, 34, 0.70); }
.section02 .chat_box li:nth-of-type(even) strong { background: rgba(111, 85, 255, 0.80); }
.section02 .dot_box { width: 8px; margin: 24px auto; }
.section02 .dot_box span { display: block; width: 8px; height: 8px; background: #4E4E4E; border-radius: 50%; margin-bottom: 8px; }
.section02 .dot_box span:nth-of-type(2) { opacity: 0.7; }
.section02 .dot_box span:nth-of-type(3) { opacity: 0.3; margin-bottom: 0; }
.section02 p { font-size: 20px; font-weight: 700; line-height: 26px; padding: 16px; }

.section03 { background: #F4EEFF; }
.section03 .inner { padding: 50px 0; }
.section03 h2 { font-size: 28px; font-weight: 700; line-height: 42px; margin-bottom: 24px; }
.section03 h2 strong { font-size: 36px; color: var(--color-main); }
.section03 .main_slider { width: calc(100% - 48px); margin: 0 auto; }
.section03 .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; }
.section03 .main_slider .img_box { width: 100%; overflow: hidden; margin-bottom: 16px; }
.section03 .main_slider .txt_box { height: 200px; overflow: hidden; }
.section03 .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; }
.section03 .main_slider dl dt { font-size: var(--font-large); font-weight: 600; margin-bottom: 8px; }
.section03 .main_slider dl dd { font-size: 17px; font-weight: 500; line-height: 24px; letter-spacing: -0.3px; }
.section03 .main_slider dl dd b { position: relative; display: inline-block; font-weight: 500; z-index: 1; }
.section03 .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; }

.section04 { background: #F5F4F6; }
.section04 .inner { padding: 50px 24px; }
.section04 h2 { font-size: 36px; font-weight: 700; margin-bottom: 24px; }
.section04 .img_box { width: 100%; border-radius: var(--border-radius); overflow: hidden; margin-bottom: 24px; }
.section04 ul li { display: flex; width: 100%; padding: 16px; background: #ffffff; border-radius: var(--border-radius); margin-bottom: 8px; }
.section04 ul li:last-of-type { margin-bottom: 0; }
.section04 ul li::before { width: 24px; height: 24px; content: ''; display: block; }
.section04 ul li:nth-of-type(1)::before { background: url(../../image/main/PL856/icon_recomm_sc04_01.svg) no-repeat center center; background-size: contain; }
.section04 ul li:nth-of-type(2)::before { background: url(../../image/main/PL856/icon_recomm_sc04_02.svg) no-repeat center center; background-size: contain; }
.section04 ul li:nth-of-type(3)::before { background: url(../../image/main/PL856/icon_recomm_sc04_03.svg) no-repeat center center; background-size: contain; }
.section04 ul li dl { width: calc(100% - 40px); text-align: left; margin-left: 16px; }
.section04 ul li dl dt { font-size: 20px; font-weight: 700; margin-bottom: 6px; }
.section04 ul li dl dd { font-size: var(--font-small); font-weight: 500; line-height: 19px; }

.section05 { background: #ffffff; }
.section05 .inner { padding: 50px 24px; }
.section05 h2 { font-size: 36px; font-weight: 700; margin-bottom: 24px; }
.section05 .img_box { width: 100%; border-radius: var(--border-radius); overflow: hidden; }

#main .btn_box_wrap { background: transparent; }