@charset "UTF-8";
body, .fs-l-page{padding-top: 0!important;}

main .inner{width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px;}
main .--btn{transition: all 0.3s ease-out;}
main .--btn:hover{opacity: .7;}
main h2{font-size:3.6rem; font-weight: 700; letter-spacing:.1rem; line-height: 1; color:#03457a; text-align: center; margin-bottom: 40px;}
main h2.--enon{font-size:3.6rem; font-weight: 700; letter-spacing:.1rem; line-height: 1; color:#03457a; text-align: center; margin-bottom: 64px;}
main h2.--enon img{width: auto; height: 18px; margin-bottom: 12px;}
main h2.--enon span{position: relative; border-bottom: 2px #b3c7d7 solid; padding: 0.8rem 0;}
main h2.--enon span:before,
main h2.--enon span:after{position: absolute; top: 100%; left: 50%; content: ""; height: 0; width: 0;}
main h2.--enon span:before{border: 16px solid; border-color: transparent; border-top-color: #b3c7d7; margin-left: -16px;}
main h2.--enon span:after{border: 14px solid; border-color: transparent; border-top-color: #fff; margin-left: -14px;}

main .swiper-item{position: relative;}
main .swiper-item .swiper-slide{position: relative; padding: 0 16px;}
main .swiper-item .swiper-slide button{font-size: 2.4rem; background: none; border: none; box-shadow: none; padding: 0; -webkit-appearance: button; position: absolute; right:0; top :0;}
main .swiper-item .swiper-slide button:before{color: #c90436; /*color: #03457a;*/ font-family: "fs-icon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
main .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--addToWishList--icon:before{content: "\e919";}
main .swiper-item .swiper-slide button.fs-c-button--particular.fs-c-button--removeFromWishList--icon:before{content: "\e91a";}
main .swiper-item .swiper-slide button span{display: none;}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right{display: none!important;}

/*main .swiper-item .swiper-slide .img{}*/
main .swiper-item .swiper-slide .title{font-size:1.9rem!important; line-height: 1.2!important; text-align: left!important; font-weight: 600; color: #03457a; position: relative; margin-bottom: 16px;}
main .swiper-item .swiper-slide .link a{font-size:1.6rem; font-weight: 600; line-height: 1; color:#fff; text-align: center; border: 1.5px #fff solid; width: 100%; height: 48px; line-height: 46px; border-radius: 24px; background: #03457a; display: block; margin: 0 auto;}
main .swiper-item .swiper-slide .link a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 10px no-repeat; padding: 0 28px 0 10px;}
main .pagination{text-align: center; margin: 20px 0 72px 0; /*margin: 20px 0 42px 0;*/}
main .swiper-pagination-bullet{width: 12px; height: 12px; background: #d9d9d9; opacity: 1; margin: 0 7px!important; outline: #fff 3px solid;  outline-offset: -1px; user-select: none;}
main .swiper-pagination-bullet-active{background: #03457a; outline: none!important;}
main .next,
main .prev{top: 38%; display: block; width:38px; height: 38px; position: absolute; z-index: +1; user-select: none;}
main .next{background: url(../images/top_new/icon_next.webp) 0 0/cover no-repeat; left: auto; right: 0;}
main .prev{background: url(../images/top_new/icon_prev.webp) 0 0/cover no-repeat; left: 0; right: auto;}

main .popup-container{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; justify-content: center; align-items: center;}
main .popup-content{position: relative; background: #fff; width: 90%; max-width: 980px; display: flex; flex-direction: column; border-radius: 20px;  max-height: 90vh; overflow-y: hidden;}
main .popup-content .popup-inner{padding: 60px 0; flex-grow: 1; overflow-y: auto;}
main .close-button{position: absolute; cursor: pointer; display: block; top: 15px; right: 15px; width:36px; height:36px; background: url(../images/top_new/icon_close.webp) 50% 50%/36px 36px no-repeat;}
main .--bottom{position: static; background: none; font-size:1.2rem; font-weight: 600; color:#152a3b; text-align: center; border: 1.5px #152a3b solid; width: 86px; height: 30px; line-height: 28px; border-radius: 15px; display: block; margin: 0 auto;}
main .--bottom span{background: url(../images/top_new/icon_close.webp) 100% 50%/auto 15px no-repeat; padding: 0 20px 0 5px;}

main #top-caution{background: #c90436; margin-top: 92px; text-align: center;}
main #top-caution .wrapper{position: relative; margin: 0 auto; box-sizing: border-box; min-width: 1040px; max-width: 1040px; display: block;}
main #top-caution a{font-size:1.4rem; font-weight: 700; color:#fff; line-height: 36px; display: inline-block;}
main #top-caution a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 8px no-repeat; padding: 0 24px 0 0px;}

main #top-kv{overflow: hidden;}
main #top-kv .wrapper{position: relative; margin: 0 auto; box-sizing: border-box; min-width: 1040px; max-width: 1040px; display: block;}
main #top-kv .swiper-slide{position: relative;}
main #top-kv .swiper-slide-next,
main #top-kv .swiper-slide-prev{opacity: 0.5;}
main #top-kv .swiper-slide p.image{margin: 0;}
main #top-kv .swiper-slide p.image img{width: 100%;}

main #top-security{margin: 0 auto 120px auto; max-width: 840px; width: 100%; padding: 64px 80px; border: #d9d9d9 2px solid; border-radius: 24px;}
main #top-security ul{display: flex; justify-content: center; /*align-items: center;*/ color:#03457a; font-size: 2.4rem; font-weight: 600; line-height: 1.2; margin-bottom: 24px;}
main #top-security ul li{width:240px; display: flex; align-items: center; flex-direction: column; /*justify-content: center;*/ text-align: center;}
main #top-security ul li img{width: 132px; height: auto; margin-bottom: 12px;}
main #top-security p button{font-size:1.8rem; font-weight: 600; color:#03457a; text-align: center; border: 1.5px #03457a solid; width: 160px; height: 44px; line-height: 42px; border-radius: 22px; background: #fff; display: block; margin: 0 auto;}
main #top-security p button span{background: url(../images/top_new/icon_popup.webp) 100% 50%/auto 16px no-repeat; padding: 0 24px 0 10px;}
main #popup-s01 .popup-inner ul{max-width: 700px; margin: 0 auto; display: block;}
main #popup-s01 .popup-inner ul li{width: 100%; display: flex; flex-direction: row; gap: 3%; list-style: none; margin-bottom: 30px; padding: 0;}
main #popup-s01 .popup-inner ul li .img{flex: 0 0 18%; width: 100%; height: auto; padding-left: 10px;}
main #popup-s01 .popup-inner ul li .txt{flex: 0 0 79%; text-align: left;}
main #popup-s01 .popup-inner ul li .txt h3{font-size:2.0rem; margin-bottom: 12px;}
main #popup-s01 .popup-inner ul li .txt p{font-size: 1.4rem; color:#000; line-height: 2; font-weight: normal;}
main #popup-s01 .popup-inner ul li .txt a{position: static; background: none; font-size:1.2rem; font-weight: 600; color:#03457a; text-align: center; border: 1.5px #03457a solid; width: 123px; height: 30px; line-height: 28px; border-radius: 15px; display: block; margin-top: 15px;}
main #popup-s01 .popup-inner ul li .txt a span{background: url(../images/top_new/icon_r_n.webp) calc(100% - 10px) 50%/auto 8px no-repeat; padding: 0 34px 0 10px;}

main #top-concept{padding: 0 0 120px 0; max-width: 1040px; margin: 0 auto;}
main #top-concept ul{display: flex; align-items: center; justify-content: center; background: #152a3b; color:#fff;}
main #top-concept ul li{width:100%; height:332px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
main #top-concept ul li:nth-child(1){background: url(../images/top_new/concept_pc.webp) 50% 50%/cover no-repeat;}
main #top-concept ul li .title,
main #top-concept ul li strong,
main #top-concept ul li .btn{display: block; text-align: center;}
main #top-concept ul li .title{margin-bottom: 30px; font-size:3.2rem; font-weight: 600; letter-spacing:.1rem; line-height: 1.1;}
main #top-concept ul li strong{font-size:4.0rem; margin-bottom: 12px;}
main #top-concept ul li img{width: auto; height: 21px; margin-bottom: 24px;}
main #top-concept ul li a{font-size:1.8rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 184px; height: 56px; line-height: 54px; border-radius: 28px; /*background: #03457a;*/ display: block; margin: 0 auto;}
main #top-concept ul li a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 11px no-repeat; padding: 0 34px 0 10px;}

main #top-repulsion{margin: 0 0 120px 0; padding: 80px 0; background: #e9f1f8;}
main #top-repulsion h2.--enon span:after{border: 14px solid; border-color: transparent; border-top-color: #e9f1f8; margin-left: -14px;}
main #top-repulsion .img{margin-bottom: 40px;}
main #top-repulsion ul{max-width: 1000px; width:auto; display: flex; gap: 0; align-items: center; margin: 0 auto; padding: 0 0 32px 0; /*padding: 0 0 64px 0;*/ flex-wrap: wrap; justify-content: center;}
main #top-repulsion ul li{margin-bottom: 16px; width:calc(100% / 3);}
main #top-repulsion button{border: none; background: none; margin: 0; padding: 0;}
/*main #top-repulsion p a{font-size:1.6rem; font-weight: 600; color:#03457a; text-align: center; height: 42px; line-height: 40px; display: block; text-align: right; margin: -60px 0 -20px 0;}
main #top-repulsion p a span{background: url(../images/top_new/icon_r_n.webp) 100% 50%/auto 9px no-repeat; padding: 0 24px 0 10px;}*/
main #top-repulsion p a{font-size:1.8rem; font-weight: 600; color:#fff; text-align: center; background: #03457a; border: 1.5px #03457a solid; width: 172px; height: 42px; line-height: 40px; border-radius: 21px; display: block; margin: 0 auto;}
main #top-repulsion p a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 9px no-repeat; padding: 0 26px 0 10px;}
main #popup-b01 h3,main #popup-b02 h3,main #popup-b03 h3{margin-bottom: 24px;}
main #popup-b01 h3,main #popup-b02 h3,main #popup-b03 h3,
main #popup-b01 h3 span,main #popup-b02 h3 span,main #popup-b03 h3 span{display: block; text-align: center; font-size: 2.0rem; font-weight: 700; color:#03457a;}
main #popup-b01 h3 img,main #popup-b02 h3 img,main #popup-b03 h3 img{width:133px;}
main #popup-b01 .popup-inner dl,main #popup-b02 .popup-inner dl,main #popup-b03 .popup-inner dl{max-width: 700px; margin: 0 auto; width: 100%; display: flex; align-items: center; gap: 0%; margin-bottom: 30px; padding: 0;}
main #popup-b01 .popup-inner dt,main #popup-b02 .popup-inner dt,main #popup-b03 .popup-inner dt{width: 80%; height: auto; padding-left: 10px;}
main #popup-b01 .popup-inner dd,main #popup-b02 .popup-inner dd,main #popup-b03 .popup-inner dd{flex: 0 0 60%; text-align: left; font-size: 1.4rem; color:#000; line-height: 2; font-weight: normal;}
main #popup-r01 h3,main #popup-r02 h3,main #popup-r03 h3{margin-bottom: 24px; text-align: center;}
main #popup-r01 h3 img,main #popup-r02 h3 img,main #popup-r03 h3 img{width:160px;}
main #popup-r01 .img,main #popup-r02 .img,main #popup-r03 .img{max-width:700px; margin: 0 auto 24px auto;}
main #popup-r01 p,main #popup-r02 p,main #popup-r03 p{max-width:700px; text-align: center; font-size: 1.4rem; line-height: 1.5; margin: 0 auto 30px auto;}

main #top-evidence{padding: 0 0 120px 0; max-width: 1040px; margin: 0 auto;}
main #top-evidence ul{display: flex; align-items: center; justify-content: center; background: #152a3b; color:#fff;}
main #top-evidence ul li{width:100%; height:375px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
main #top-evidence ul li:nth-child(1){background: url(../images/top_new/evidence_pc.webp) 50% 50%/cover no-repeat;}
main #top-evidence ul li .title,
main #top-evidence ul li strong,
main #top-evidence ul li .btn{display: block; text-align: center;}
main #top-evidence ul li .title{margin-bottom: 30px; font-size:3.6rem; font-weight: 600; letter-spacing:.1rem; line-height: 1.1;}
main #top-evidence ul li strong{font-size:3.6rem;}
main #top-evidence ul li img{width: auto; height: 21px; margin-bottom: 24px;}
main #top-evidence ul li  a{font-size:1.8rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 184px; height: 56px; line-height: 54px; border-radius: 28px; background: #03457a; display: block; margin: 0 auto;}
main #top-evidence ul li  a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 11px no-repeat; padding: 0 34px 0 10px;}

main #top-partners{padding: 0 0 120px 0; overflow: hidden;}
main #top-partners .inner{overflow: hidden;}
main #top-partners h2.--enon{margin-bottom: 40px;}
main #top-partners h2.--enon span{border: none;}
main #top-partners h2.--enon span:before,
main #top-partners h2.--enon span:after{display: none;}
main #top-partners .swiper-slide{padding: 0 20px;}

main #top-oasis{margin: 0 0 120px 0; padding: 80px 0 0 0; background: #e9f1f8 url(../images/top_new/oasis_bk_pc.webp) 50% 0/1280px auto no-repeat;}

main #top-oasis h2.--enon span{display: inline-block; padding-top: 0;}
main #top-oasis h2.--enon span:after{border: 14px solid; border-color: transparent; border-top-color: #e9f1f8; margin-left: -14px;}
main #top-oasis h2 .img{width:200px; height: auto;}
main #top-oasis h2 span{display: block; padding-top: 24px; margin-bottom: -16px;}
main #top-oasis h2 + p.image{max-width:100%; margin-bottom: 80px;}
main #top-oasis p{font-size:2.4rem; line-height:1.5; text-align: center;}
main #top-oasis p.image{max-width:532px; margin: 24px auto 80px auto;}
main #top-oasis .inner{padding: 0 4px; overflow: hidden;}
main #top-oasis .swiper-pagination-bullet{outline: #e9f1f8 3px solid;}

main #top-found{padding: 0 0 120px 0; max-width: 1040px; margin: 0 auto;}
main #top-found ul{display: flex; align-items: center; justify-content: center; background: #152a3b; color:#fff;}
main #top-found ul li{width:50%; height:286px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
main #top-found ul li:nth-child(1){background: url(../images/top_new/found_chart_pc.webp) 50% 50%/cover no-repeat;}
main #top-found ul li:nth-child(2){background: url(../images/top_new/found_comp_pc.webp) 50% 50%/cover no-repeat;}
main #top-found ul li .title,
main #top-found ul li strong,
main #top-found ul li .btn{display: block; text-align: center;}
main #top-found ul li .title{margin-bottom: 30px; font-size:2.8rem; font-weight: 600; letter-spacing:.1rem; line-height: 1.1;}
main #top-found ul li strong{font-size:3.6rem;}
main #top-found ul li img{width: auto; height: 21px; margin-bottom: 24px;}
main #top-found ul li  a{font-size:1.8rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 364px; height: 56px; line-height: 54px; border-radius: 28px; background: #03457a; display: block; margin: 0 auto;}
main #top-found ul li  a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 11px no-repeat; padding: 0 34px 0 10px;}

main #top-osusume{padding: 0 0 40px 0;}
main #top-osusume .inner{overflow: hidden; padding: 0;}

main #top-category ul{max-width: 960px; width:auto; display: flex; gap: 24px; align-items: center; margin: 0 auto; padding: 0 0 104px 0; flex-wrap: wrap; justify-content: center;}
main #top-category ul li{margin-bottom: 16px; width:220px;}

/*main #top-attempt ul{max-width: 626px; width:auto; display: grid; gap: 0%; grid-template-columns: 1fr 1fr; align-items: center; margin: 0 auto; padding: 0 0 120px 0;}*/
main #top-attempt ul{max-width: 960px; width:auto; display: flex; gap: 0; align-items: center; margin: 0 auto; padding: 0 0 104px 0; flex-wrap: wrap; justify-content: center;}
main #top-attempt ul li{margin-bottom: 16px; width:312px;}

main #top-news{padding: 0 0 80px 0;}
main #top-news ul{margin-bottom: 40px;}
main #top-news ul li{border-bottom: 1px #d9d9d9 solid; padding: 24px 0;}
main #top-news ul li .date,
main #top-news ul li .text{display: block; padding: 0;}
main #top-news ul li .date{font-size: 1.8rem;}
main #top-news ul li .text{font-size: 1.6rem;}
main #top-news ul li a{color:#000;}
main #top-news p a{font-size:1.8rem; font-weight: 600; color:#03457a; text-align: center; border: 1.5px #03457a solid; width: 172px; height: 42px; line-height: 40px; border-radius: 21px; display: block; margin: 0 auto;}
main #top-news p a span{background: url(../images/top_new/icon_r_n.webp) 100% 50%/auto 11px no-repeat; padding: 0 34px 0 10px;}

main #top-mailmaga{padding: 40px 0; background: #152a3b; max-width: 1040px; margin: 0 auto;}
main #top-mailmaga h2{font-size:3.2rem; font-weight: 600; letter-spacing:.1rem; line-height: 1.1; color:#fff; text-align: center; margin-bottom: 16px;}
main #top-mailmaga p{text-align: center;}
main #top-mailmaga p a{font-size:2.0rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 176px; height: 56px; line-height: 54px; border-radius: 28px; background: #c90436; display: block; margin: 0 auto;}
main #top-mailmaga p a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 11px no-repeat; padding: 0 34px 0 10px;}

main #top-shopping p{max-width: 400px; width:auto; display: grid; gap: 6%; grid-template-columns: .88fr 1.12fr; align-items: center; margin: 0 auto; padding: 80px 0;}

main #floating_bnr{position: fixed; left:20px; bottom: 20px; width: 100px; height: 100px; display: block; z-index: -2; transition: ease 0.3s; opacity: 0;}
main #floating_bnr.active{opacity: 1; z-index: +2}

@media screen and (min-width:768px){
    main .--sp{display: none;}
}

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

    main .--pc{display: none;}
    main a.btn:hover img{opacity: 1;}
    main h2{font-size:2.4rem; margin-bottom: 24px; line-height: 1.2;}
    main h2.--enon{font-size:2.4rem; font-weight: 700; letter-spacing:.1rem; line-height: 1; color:#03457a; text-align: center; margin-bottom: 36px;}
    main h2.--enon img{width: auto; height: 12px; margin-bottom: 12px;}
    main h2.--enon span{position: relative; border-bottom: 2px #b3c7d7 solid; padding: 0.6rem 0; line-height: 1.2;}
    main h2.--enon span:before,
    main h2.--enon span:after{position: absolute; top: 100%; left: 50%; content: ""; height: 0; width: 0;}
    main h2.--enon span:before{border: 12px solid; border-color: transparent; border-top-color: #b3c7d7; margin-left: -12px;}
    main h2.--enon span:after{border: 10px solid; border-color: transparent; border-top-color: #fff; margin-left: -10px;}

    main .swiper-item .swiper-slide button{font-size: 2.0rem; right: -10px;}
    main .swiper-item .swiper-slide .title{font-size:1.4rem!important; margin-bottom: 12px;}
    main .swiper-item .swiper-slide .link a{font-size:1.2rem; height: 28px; line-height: 26px; border-radius: 14px;}
    main .swiper-item .swiper-slide .link a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 7px no-repeat; padding: 0 18px 0 5px;}
    main .pagination{margin: 20px 0 30px 0;}
    main .next,
    main .prev{top: 20%; display: block; width:32px; height: 32px; position: absolute; z-index: +1;}
    main .next{background: url(../images/top_new/icon_next.webp) 0 0/cover no-repeat; left: auto; right: 0;}
    main .prev{background: url(../images/top_new/icon_prev.webp) 0 0/cover no-repeat; left: 0; right: auto;}

    main .popup-content .popup-inner{padding: 3rem 7%;}

    main #top-caution .wrapper{min-width: initial; max-width: initial; width:100%;}
    main #top-caution{margin-top: 56px;}
    main #top-caution a{line-height: 1.2; padding: 0 10px; display: flex; align-items:center; justify-content: center; width:100%; height:44px;}
    main #top-caution a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 6px no-repeat; padding: 0 12px 0 0px; display: block;}

    /*main #top-kv{}*/
    main #top-kv .wrapper{min-width: initial; max-width: initial; width:100%;}

    main #top-security{padding: 0 0 64px 0; border: none; margin-bottom: 0;}
    main #top-security ul{font-size: 1.8rem; margin-bottom: 8px;}
    main #top-security ul li{width:240px;}
    main #top-security ul li img{width: 90px; margin-bottom: 8px;}
    main #top-security p a{font-size:1.2rem; width: 110px; height: 36px; line-height: 34px; border-radius: 18px;}
    main #top-security p a span{background: url(../images/top_new/icon_popup.webp) 100% 50%/auto 10px no-repeat; padding: 0 14px 0 5px;}
    main #popup-s01 .popup-inner ul li{width: 100%; display: block; margin-bottom: 30px;}
    main #popup-s01 .popup-inner ul li .img{width:110px; margin-bottom: 16px; padding-left: 0;}
    main #popup-s01 .popup-inner ul li .txt{text-align: center;}
    main #popup-s01 .popup-inner ul li .txt h3{font-size:1.6rem; margin-bottom: 12px;}
    main #popup-s01 .popup-inner ul li .txt p{font-size: 1.2rem; line-height: 1.5;}
    main #popup-s01 .popup-inner ul li .txt a{margin: 15px auto 0 auto;}

    main #top-concept{padding: 0 0 64px 0;}
    main #top-concept ul{display: block;}
    main #top-concept ul li{width:100%; height:220px;}
    main #top-concept ul li:nth-child(1){background: url(../images/top_new/concept_sp.webp) 50% 50%/cover no-repeat;}
    main #top-concept ul li .title{margin-bottom: 16px; font-size:2.6rem;}
    main #top-concept ul li strong{font-size:3.4rem; margin-bottom: 8px;}
    main #top-concept ul li img{width: auto; height: 16px; margin-bottom: 16px;}
    main #top-concept ul li a{font-size:1.2rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 124px; height: 36px; line-height: 34px; border-radius: 18px; /*background: #03457a;*/ display: block; margin: 0 auto;}
    main #top-concept ul li a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 8px no-repeat; padding: 0 26px 0 10px;}

    main #top-repulsion{margin: 0 0 64px 0; padding: 40px 0;}
    main #top-repulsion h2.--enon span:after{border: 10px solid; border-color: transparent; border-top-color: #e9f1f8; margin-left: -10px;}
    main #top-repulsion .img{margin-bottom: 24px;}
    main #top-repulsion ul{display: block; padding-bottom: 16px;}
    main #top-repulsion ul li{width: 100%; margin: 0;}
    main #top-repulsion p a{font-size:1.2rem; width: 116px; height: 28px; line-height: 26px; border-radius: 13px;}
    main #top-repulsion p a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 6px no-repeat; padding: 0 20px 0 10px;}
    main #popup-b01 h3,main #popup-b02 h3,main #popup-b03 h3{margin-bottom: 12px;}
    main #popup-b01 h3,main #popup-b02 h3,main #popup-b03 h3,
    main #popup-b01 h3 span,main #popup-b02 h3 span,main #popup-b03 h3 span{font-size: 1.6rem;}
    main #popup-b01 .popup-inner dl,main #popup-b02 .popup-inner dl,main #popup-b03 .popup-inner dl{margin-bottom: 30px; display: block;}
    main #popup-b01 .popup-inner dt,main #popup-b02 .popup-inner dt,main #popup-b03 .popup-inner dt{width: 80%; padding-left: 0; margin: 0 auto 16px auto;}
    main #popup-b01 .popup-inner dd,main #popup-b02 .popup-inner dd,main #popup-b03 .popup-inner dd{font-size: 1.2rem; line-height: 1.5;}
    main #popup-r01 h3,main #popup-r02 h3,main #popup-r03 h3{margin-bottom: 12px;}
    main #popup-r01 .img{width:80%;}
    main #popup-r01 .img,main #popup-r02 .img,main #popup-r03 .img{margin: 0 auto 24px auto;}
    main #popup-r01 p,main #popup-r02 p,main #popup-r03 p{text-align: left; font-size: 1.2rem;}

    main #top-evidence{padding: 0 0 64px 0;}
    main #top-evidence ul{display: block;}
    main #top-evidence ul li{width:100%; height:200px;}
    main #top-evidence ul li:nth-child(1){background: url(../images/top_new/evidence_sp.webp) 50% 50%/cover no-repeat;}
    main #top-evidence ul li .title{margin-bottom: 16px; font-size:2.8rem;}
    main #top-evidence ul li strong{font-size:2.8rem;}
    main #top-evidence ul li img{width: auto; height: 16px; margin-bottom: 16px;}
    main #top-evidence ul li  a{font-size:1.2rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 124px; height: 36px; line-height: 34px; border-radius: 18px; background: #03457a; display: block; margin: 0 auto;}
    main #top-evidence ul li  a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 8px no-repeat; padding: 0 26px 0 10px;}

    main #top-partners{padding: 0 0 64px 0;}
    main #top-partners .inner{overflow: initial;}
    main #top-partners h2.--enon{margin-bottom: 24px;}
    main #top-partners .swiper-slide{padding: 0 5px;}
    main #top-partners .inner{position: relative;}
    main #top-partners .inner:before{position: absolute; left:0; top :0; content: ''; width:20px; height: 100%; background: #fff; display: block; z-index: +2;}

    main #top-oasis{margin: 0 0 64px 0; padding: 40px 0 20px 0; background: #e9f1f8 url(../images/top_new/oasis_bk_sp.webp) 0 0/100% auto no-repeat;}
    main #top-oasis h2.--enon span:after{border: 10px solid; border-color: transparent; border-top-color: #e9f1f8; margin-left: -10px;}
    main #top-oasis h2 .img{width:180px;}
    main #top-oasis h2 .img + span{padding-top: 24px; font-size: 2.8rem;}
    main #top-oasis p{font-size:2.0rem;}
    main #top-oasis p.image{max-width:300px; margin: 16px auto 40px auto;}
    main #top-oasis h2 + p.image{padding: 0 20px; margin-bottom: 64px;}

    main #top-found{padding: 0 0 64px 0;}
    main #top-found ul{display: block;}
    main #top-found ul li{width:100%; height:200px;}
    main #top-found ul li:nth-child(1){background: url(../images/top_new/found_chart_sp.webp) 50% 50%/cover no-repeat;}
    main #top-found ul li:nth-child(2){background: url(../images/top_new/found_comp_sp.webp) 50% 50%/cover no-repeat;}
    main #top-found ul li .title{margin-bottom: 24px; font-size:2.1rem;}
    main #top-found ul li strong{font-size:2.8rem;}
    main #top-found ul li img{width: auto; height: 16px; margin-bottom: 16px;}
    main #top-found ul li  a{font-size:1.2rem; font-weight: 600; color:#fff; text-align: center; border: 1.5px #fff solid; width: 244px; height: 36px; line-height: 34px; border-radius: 18px; background: #03457a; display: block; margin: 0 auto;}
    main #top-found ul li  a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 8px no-repeat; padding: 0 26px 0 10px;}

    main #top-osusume{padding: 0 0 24px 0;}

    main #top-category ul{gap: 4%; padding: 0 0 49px 0; justify-content: left;}
    main #top-category ul li{margin-bottom: 15px; width:48%;}

    /*main #top-attempt ul{gap: 2%; padding: 0 0 64px 0;}*/
    main #top-attempt ul{gap: 4%; padding: 0 0 49px 0;}
    main #top-attempt ul li{margin-bottom: 15px; width:48%;}

    main #top-news{padding: 0 0 64px 0;}
    main #top-news ul{margin-bottom: 24px;}
    main #top-news ul li{padding: 16px 0;}
    main #top-news ul li .date{font-size: 1.2rem;}
    main #top-news ul li .text{font-size: 1.2rem;}
    main #top-news p a{font-size:1.2rem; width: 116px; height: 28px; line-height: 26px; border-radius: 13px;}
    main #top-news p a span{background: url(../images/top_new/icon_r_n.webp) 100% 50%/auto 8px no-repeat; padding: 0 24px 0 10px;}

    main #top-mailmaga{padding: 32px 0;}
    main #top-mailmaga h2{font-size:2.8rem;}
    main #top-mailmaga p a{font-size:1.6rem; width: 128px; height: 40px; line-height: 38px; border-radius: 20px;}
    main #top-mailmaga p a span{background: url(../images/top_new/icon_r_w.webp) 100% 50%/auto 8px no-repeat; padding: 0 26px 0 10px;}

    main #top-shopping p{max-width: 320px; padding: 64px 0;}

    main #floating_bnr{left:10px; bottom:10px; width:80px; height: 80px;}
}