@charset "utf-8";
html{font-size:62.5%;}
body{font-size:1.6rem;}

img{max-width:100%;}
p{word-break:keep-all;}

.wrap{margin-top:110px;}
.center{width:100%; max-width:1160px; margin:0 auto;}
.color-bk{color:#222;}

.main__title{font-size:6.6rem; word-break:keep-all;}
.main__txt{font-size:3.8rem; word-break:keep-all; margin-top:4rem;}
.main__title--small{font-size:3rem;}
.main .swiper-slide{display:flex; align-items:center; width:100%; height:90rem; color:#fff; background-color:#F03233;}
.swiper-inner{width:100%; max-width:1160px; margin:0 auto; transform:translateY(-10%);}
.swiper-slide04 .swiper-inner{transform:translateY(0);}
.swiper-slide01{background:url("../images/emoticon01.png") no-repeat bottom right / 20%;}
.swiper-slide04{text-align: center;}
.swiper-slide04 .img-wrap{max-width:500px; margin:2rem auto 0;}
.main .swiper-pagination-bullet-active{background:#fff;}
.profit{color:#F03233; margin-bottom:10rem;}
.profit__inner--flex{display:flex; justify-content:space-around; align-items:center;}
.profit-box-all{padding:20rem 0;background:url("../images/profit_bg_all.png") no-repeat right top / contain;}
.profit__img-wrap img{max-width:115%; width:115%;}
.profit__title{font-size:5rem; font-weight:bold;}
.profit-box-all ol{font-size:3rem; padding-left:2rem; margin-top:7rem;}
.profit-box-all ol li{margin-bottom:3.5rem;}
.profit__num{display:inline-block; width:7rem; height:7rem; text-align:center; font-weight:bold; line-height:6.4rem; border:2px solid #FF213C; border-radius:50%; margin-right:1.5rem;}
.profit__num.profit__num--red{color:#fff; background-color:#F03233;}
.profit__title--small{font-size:2.8rem;}
.profit__txt01{font-size:6rem; font-weight:500; line-height:1.4; margin:5.5rem 0 3rem;}
.profit__txt02{font-size:2.6rem;}
.last-greeting{color:#fff; padding:20rem 0; background: #F03233;}
.last-greeting02{background:#F03233 url("../images/emoticon02.png") no-repeat right bottom;}
.last-greeting__txt01{font-size: 5rem;}
.last-greeting__txt02{font-size: 3rem; margin-top:3rem;}

@media all and (max-width: 480px){
    html{font-size:40%;}
    .center{padding-left:15px; padding-right:15px;}

    .wrap{margin-top:70px;}
    .main .swiper-slide{height:calc(100vh - 70px); max-height:600px; padding-top:0; padding:10rem 15px;}
    .swiper-slide01{background-size: 45%;}
    .profit-box-all{background-position:-5% center; background-size: cover;}
    .profit__inner--flex{flex-direction: column-reverse; text-align:center;}
    .profit__txt-wrap{margin-top:-20px;}
    .profit__img-wrap img{max-width:100%;}
    .last-greeting{padding:12rem 0;}
    .last-greeting02{background-size: 45%;}
}