main { }
main h1 { text-align: center; padding: 1.5rem 0;}
main h1 img { width: 15rem;}

main .top { padding: 2rem 1.5rem 4rem; display: flex; justify-content: space-between; flex-wrap: wrap;background: linear-gradient(180deg, #fff,#e1eeff);align-items: center;}
main .top > p { font-weight: 700; font-size: 2.6rem; line-height: 1.2; padding-left: 1.5rem;}
main .top img { width: 30%;}

main .top .info { width:100%; margin-top: 3rem;text-align: center; background: #fff;border-radius: 1rem; padding-bottom: 2rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;}
main .top .info h2 { font-weight: 600; font-size: 2rem; padding: 1.5rem 0; border-bottom: 1px solid #dedede;}
main .top .info p { padding: 1.5rem; color: #242424; font-size: 1.5rem; line-height: 1.3;}
main .top .info p span { font-size: 1.5rem; line-height: 1.3; color: #242424; font-weight: 700;}
main .top .info a { font-size: 1.6rem; color: #154b92; font-weight: 600; padding: 0 .5rem .5rem; border-bottom: 1px solid #154b92;}
main .top .info a i { font-size: 1.4rem; color: #154b92; font-weight: 600;}

main .btn_wrap { display: flex; flex-wrap: wrap; justify-content: space-between; text-align: center; padding: 1.5rem;margin-top: -1rem; border-radius: 1.5rem 1.5rem 0 0; background: #fff; box-shadow: rgba(99, 99, 99, 0.1) 0px -2px 10px 3px;}
main .btn_wrap a img { width: 100%;}
main .btn_wrap a:nth-child(1),
main .btn_wrap a:nth-child(2) { width: 48%; }
main .btn_wrap a:nth-child(3) { width: 100%; margin-top: 1rem;}

main .section_wrap { }

main .sct1 .mySwiper { background: #f2f7fd; padding: 4rem 0; text-align: center;}
main .sct1 .mySwiper > span { font-size: 1.4rem; padding: .5rem 1.2rem; border-radius: 1.5rem; background: #0664ee; color: #fff;}
main .sct1 .mySwiper > h2 { margin: 2rem 0; font-size: 2rem; font-weight: 700;}
main .sct1 .mySwiper .swiper-pagination { bottom: var(--swiper-pagination-bottom,15px);}
main .sct1 .mySwiper .swiper-wrapper { align-items: center; }
main .sct1 .mySwiper .swiper-slide { padding: 0 2rem;}
main .sct1 .mySwiper .swiper-slide p { font-size: 1.5rem; line-height: 1.3; margin-bottom: 1.5rem; color: #242424;}
main .sct1 .sct1_btn_wrap { padding: 1.5rem;}
main .sct1 ul { padding: 1rem 1.5rem; border-bottom: 2px solid #f9f9f9; border-radius: 1.5rem; box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 3px 0px;}
main .sct1 ul li { padding: 1.5rem 0; }
main .sct1 ul li:nth-child(2) {border-bottom: 1px solid #f9f9f9;border-top: 1px solid #f9f9f9;}
main .sct1 ul li a { display: flex; justify-content:space-between; align-items: center;}
main .sct1 ul li a * { font-size: 1.8rem;}
main .sct1 ul li a p { font-weight: 600; display: flex; align-items: center; gap: 0.5rem;}
main .sct1 ul li a p img { width: 4.5rem;}

main .sct2 { padding: 4rem 1.5rem;}
main .sct2 h2 { font-size: 2.2rem; font-weight: 700;}
main .sct2 p:nth-child(2) { font-size: 1.6rem; line-height: 1.3; margin: 1.5rem 0; font-weight: 500; letter-spacing: -0.05rem;}
main .sct2 .img_wrap { overflow-x: scroll; border: 1px solid #efefef;}
main .sct2 .img_wrap img { width: 210%;}
main .sct2 .img_caption { font-size: 1.5rem; margin-top: 1rem; }
main .sct2 .caption { font-size: 1.5rem; margin-top: 2rem; line-height: 1.3; color: #afafaf;}
main .sct2 .caption span { font-size: 1.6rem; font-weight: 600;}
main .sct2 .caption a { font-size: 1.6rem; color: #afafaf;}

main > .ads_wrap { margin-bottom: 1.5rem;}

