@charset "UTF-8";
body{ min-width: 320px; }
.inner{ width: 90%; }

/* header{
    height: 450px;
} */
header .inner{
    /* left: 20px; */
    /* width: 500px; */
    display: flex;
    justify-content: space-between;
}
header .inner .logo{
    margin-left: 60px;
}
header .inner .topR{
    display: none;
}
header .inner .topRM{
    display: flex;
}
header .inner .topRM span{
    font-size: 20px;
}
header .swiper-container .swiper-wrapper .swiper-slide .rema{
    font-size: 35px;
}
header p{
    font-size: 14px;
    padding: 0 50px 0;
    word-break: keep-all;
}
header .swiper-container .swiper-wrapper .swiper-slide.s01{
    background: url(../images/iloom/header12.png) no-repeat 30%;
    background-size: cover;
}
header .swiper-container .swiper-wrapper .swiper-slide.s02{
    background: url(../images/iloom/header11.jpg) no-repeat 50%;
    background-size: cover;
}
header .swiper-container .swiper-wrapper .swiper-slide.s03{
    background: url(../images/iloom/header9.jpg) no-repeat 90%;
    background-size: cover;
}
header .swiper-container .swiper-wrapper .swiper-slide.s04{
    background: url(../images/iloom/header8.jpg) no-repeat 80%;
    background-size: cover;
}

.sec01{
    margin: 20px;
    word-break: keep-all;
}
.sec01 .mainbox{
    padding-right: 35px;
}
.sec01 .inner h1{
    padding-top: 100px;
    font-size: 25px;
    margin-bottom: 100px;
}
.sec01 .inner h1,.sec01 .inner p{
    padding-left: 5px;
    color: #666;
    letter-spacing: -1px;
}
.sec01 .inner p{
    font-size: 13px;
    margin-top: 30px;
}
.sec01 .button{
    margin-left: 10px;
}
.sec01 .inner .sec01box{
    display: none;
}

.sec02 h3{
    font-size: 25px;
    margin-top: 60px;
}
.sec02 p{
    font-size: 15px;
    margin: 25px 0 35px;
    padding: 0 50px 0;
    word-break: keep-all;
    font-weight: 300;
}
.sec02 .inner .my1Swiper .swiper-wrapper .swiper-slide{
    width: 100%;
    word-break: keep-all;
}
.sec02 .inner .my1Swiper .swiper-wrapper .swiper-slide > img{
    width: 100%;
}
.sec02 .inner .my1Swiper{
    height: 325px;
}

.sec03 h4{
    font-size: 25px;
    margin: 50px 0 50px;
}
.sec03 .inner .box01,.sec03 .inner .box02,.sec03 .inner .box03,.sec03 .inner .box04{
    background-size: 100%;
    height: 200px;
    margin: 0 0 10px;
}
.sec03 .inner .title,.sec03 .inner .subtitle,.sec03 .inner .txt{
    margin: 0;
    word-break: keep-all;
}
.sec03 .inner .title{
    font-size: 15px;
    margin: 40px 0 15px 30px;
}
.sec03 .inner .subtitle{
    font-size: 15px;
    margin: 0 0 15px 30px;
}
.sec03 .inner .txt{
    font-size: 12px;
    margin-left: 30px;
    margin-right: 30px;
    line-height: 14px;
}
.sec03 .inner .box02 .title{
    margin: 30px 0 10px 30px;
}
.sec03 .inner .box02 .subtitle{
    margin: 0 0 10px 30px;
}
.sec03 .inner .box03 .title{
    margin: 28px 0 10px 30px;
}
.sec03 .inner .box03 .subtitle{
    margin: 0 0 10px 30px;
}


.event{
    height: 60px;
    margin: 60px 0 70px;
}
.event .eventtxt{
    display: none;
}
.event .eventm{
    display: flex;
    justify-content: space-between;
    padding: 5px 70px 0;
    font-size: 15px;
}
.event .eventm .evt{
    font-style: italic;
    font-weight: 500;
}


.sec04 .inner > iframe{
    height: 200px;
}
.sec04 .inner > p{
    display: none;
}
.sec04 .ybox{
    display: none;
}
.sec04 .inner .videotitle{
    font-size: 13px;
    margin-top: 10px;
}
.sec04 .inner .videotitle > span{
    font-size: 13px;
}


/* .sec05 .inner .my2Swiper .swiper-wrapper .swiper-slide{
    width: 100%;
} */
.sec05{
    height: auto;
}
.sec05 .inner .my2Swiper .swiper-wrapper .swiper-slide > img{
    width: 100%;
}


.sec06{
    display: none;
}


footer .inner .footerlogo{
    display: none;
}
footer .inner .ABOUT,footer .inner .SUPPORT,footer .inner .INFO{
    margin-right: 20px;
}
footer .inner .center{
    margin-left: 35px;
}
footer .inner .sns .facebook{
    margin: 0;
}
footer .inner .sns{
    margin-right: 10px;
}
footer .inner .mark{
    margin-left: 50px;
}