@charset "utf-8";
/*------------------------------   変数   -----------------------------------*/

    :root {
        --graybg: #F2F3F5;
        --whitebg: #FFFFFE;
        --textColor:#17233B;
        --accent:#FF3821;
        --accent2:#E95050;


        --fsize12:0.75rem;
        --fsize14:0.875rem;
        --fsize16:1rem;
        --fsize20:1.25rem;
        --fsize24:1.5rem;
        --fsize32:2rem;

        --duration:0.5s;
        --opadity:0.5;

        --wrapRadius:20px ;
    }

/*----------------------------   各共通要素   --------------------------------*/

    *{
        margin:0;
        padding:0;
        box-sizing: border-box;
    }
    img{
        max-width: 100%;
        height:auto;
        vertical-align:bottom;
    }
    html{
        font-size:var(--fsize16);
    }
    body{
            font-family: "Noto Sans JP", sans-serif;
            font-style: normal;
            font-weight: 400;
            color: var(--textColor);
            line-height: 1.75;
    }
    button{
            background-color: transparent;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0;
            appearance: none;
    }
    a{
        text-decoration: none;
        color: var(--textColor);
    }
    h1,h2,h3,h4,h5,h6{
        font-weight:normal;
    }



/*----------------------------   各共通class   --------------------------------*/
    .top .wrap{
        max-width: none;
    }
    .wrap{
        background-color: var(--textColor);
        padding: 20px;
    }
    .wrapInner{
        background-color: var(--graybg);
        border-radius: var(--wrapRadius);
    }
    .inner{
        max-width: 1200px;
        margin:auto;
    }
    .secPB{
        padding-block: 100px;
    }
    
@media(width<=1280px){
    .wrap{
        padding:1.5625%;
    }
    .inner{
        padding-inline:1.5625%;
    }
    .secPB{
        padding-block:7.8125%;
    }
}

@media(width<=600px){
    .wrap{
        padding:20px;
    }
    .inner{
        padding-inline:20px;
    }
    .secPB{
        padding-block:13.333%;
    }

}

/*---   赤色のbold(normalも)   ---*/
    .storongText{
        color: var(--accent); 
        font-weight: bold;
    }
    .storongText--n{
        font-weight: normal; 
    }
/*---------   見出し   ----------*/
    .subHeading{
        margin-bottom:50px;
    }
    .subHeading__headingBox{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom:20px;
    }
    .subHeading__en,
    .subHeading__ja{
        line-height: 1.5;
    }
    .subHeading__text{
        text-align: center;
    }
@media(width<=900px){
    .subHeading__en{
        font-size:var(--fsize14);
    }
    .subHeading__ja{
        font-size:var(--fsize16);
        text-align: center;
    }
    .subHeading__text{
        font-size:var(--fsize12);
    }
}
@media(width<=600px){
    .subHeading__en{
        font-size:var(--fsize16);
    }
    .subHeading__ja{
        font-size:var(--fsize14);
        text-align: center;
    }
    .subHeading__text{
        font-size:var(--fsize12);
    }
}
 /*   
    .noto-sans-jp {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    }
*/

/*----------------------------   コンポーネント   --------------------------------*/

/*---   1   ---*/

    .tinStyle{
        font-weight: 100;
        font-size:var(--fsize24);
    }

/*---   2   ---*/

    .textUnderline{
        display: inline-block;
        font-size: var(--fsize24);
        font-weight: bold;
        position: relative;
        padding-left:0.5em;
        padding-right:0.5em;
        margin-bottom:8px;
    }
    .textUnderline::after{
        content:"";
        background-image:  url(../img/underLine.svg);
        background-position:center bottom;
        height:8px;
        width:100%;
        position: absolute;
        bottom:-5px;
        left:0;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .textUnderline_br{
        display:none;
    }

/*---   3   ---*/

    .decoChara{
        font-weight: 600;
        color: var(--accent);
        align-items: center;
        display: inline-block;
        position: relative;
        padding-inline: 2em;
    }
    .decoChara::before,
    .decoChara::after{
        content:"";
        display:block;
        width:1px;
        height:1.5em;
        background-color: var(--textColor);
        position: absolute;
        top:0;
    }
    .decoChara--w::before,
    .decoChara--w::after{
        background-color: var(--whitebg);
    }
    .decoChara::before{
        left:0;
        transform: rotate(-35deg);
    }
    .decoChara::after{
        right:0;
        transform: rotate(35deg);
    }
    .decoChara--currentC{
        color:var(--textColor);
    }

    @media(width<=900px){
        .decoChara{
            font-size: var(--fsize14);
        }
    }
    @media(width<=600px){
        .decoChara{
            font-size: var(--fsize12);
        }
    }
/*---   4   ---*/

    .btn{
        background-color: var(--accent);
        color: var(--whitebg);
        font-size: var(--fsize20);
        font-weight: bold;
        padding-inline: 32px;
        padding-block: 8px;
        border-radius: 30px;
        transition: var(--duration);
    }
    .btn:hover{
        background-color:  var(--whitebg);
        border: solid 1px var(--accent);
        color:var(--accent);
    }
    @media(width<=900px){
        .btn{
            font-size: var(--fsize16);
        }
    }
    @media(width<=600px){
        .btn{
            font-size: var(--fsize14);
        }
    }
/*---   5   ---*/
    .circles{
        position: relative;
        z-index: 10;
    }
    .circles::before,
    .circles::after{
        content:"";
        display: block;
        position: absolute;
        inset: 0;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -10;
    }
    .circles::before{
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1080' height='200' viewBox='0 0 1080 161' fill='none'%3E%3Cpath d='M545.793 2.64314C694.723 1.19829 828.916 8.78811 925.472 22.2182C973.761 28.9348 1012.57 37.1042 1039.09 46.308C1052.36 50.9131 1062.47 55.7477 1069.14 60.7332C1075.86 65.7505 1078.79 70.689 1078.47 75.4451C1078.14 80.2013 1074.53 85.204 1067.12 90.3585C1059.76 95.4801 1048.98 100.517 1035.06 105.386C1007.24 115.117 967.265 124.05 917.993 131.713C819.473 147.036 684.066 157.242 535.135 158.687C386.206 160.132 252.014 152.541 155.458 139.111C107.168 132.394 68.3561 124.226 41.8344 115.022C28.5644 110.417 18.4579 105.582 11.787 100.597C5.07338 95.5793 2.13553 90.6401 2.46039 85.8839C2.78543 81.1279 6.40232 76.1258 13.8105 70.9715C21.1716 65.8499 31.9524 60.8126 45.8695 55.9438C73.6844 46.2128 113.665 37.279 162.936 29.6159C261.457 14.2933 396.864 4.08798 545.793 2.64314Z' stroke='%23FF3821' stroke-width='6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .circles::after{
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='1071' height='200' viewBox='0 0 1071 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M547.225 8.84793C399.487 -0.597363 264.429 -0.268518 165.511 7.88967C116.04 11.9697 75.6744 18.0033 47.3017 25.726C33.1057 29.59 22.005 33.8528 14.2865 38.4493C6.52201 43.0732 2.51467 47.8272 1.79728 52.5862C1.08007 57.3452 3.59111 62.516 9.82671 68.0349C16.0253 73.5211 25.6414 79.1075 38.4125 84.6955C63.9375 95.8641 101.731 106.895 149.039 117.162C243.633 137.692 376.014 155.119 523.752 164.564C671.489 174.01 806.547 173.681 905.465 165.523C954.936 161.442 995.302 155.409 1023.67 147.686C1037.87 143.822 1048.97 139.56 1056.69 134.964C1064.45 130.34 1068.46 125.586 1069.18 120.827C1069.9 116.068 1067.38 110.897 1061.15 105.378C1054.95 99.892 1045.33 94.3048 1032.56 88.7167C1007.04 77.5481 969.245 66.5177 921.937 56.2502C827.343 35.7202 694.962 18.2932 547.225 8.84793Z' stroke='%23FF3821' stroke-width='6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

/*---   6   ---*/
    .card{
        border: solid 1px var(--textColor);
        border-radius: 15px;
        padding:15px;
        display: flex;
        flex-direction: column;
        background-color: var(--whitebg);
    }
    .card__title{
        font-size:var(--fsize24);
        font-weight: bold;
        order: 2;
    }
    .card__textContents{
        display:flex;
        justify-content: space-between;
        align-items: center;
        order: 3;
    }
    .card__category{
        border: solid 1px var(--accent);
        color:var(--accent);
        border-radius: 5px;
        padding:5px;
        font-size:var(--fsize14);
    }
    .card--noCategory .card__title{
        margin-bottom:5px;
    }
    .card--noCategory .card__category{
        display:none;
    }
    .card__img{
        order: 1;
        margin-bottom:3.4090%;
    }
    .card__img>img{
        aspect-ratio: 380 / 190;
        object-fit: cover;
        border-radius: 10px;
    }
    @media(width<=900px){
        .card__title{
            font-size:var(--fsize20);
            margin-bottom:0;
        }
        .card__text{
            font-size:var(--fsize14);
        }
        .card__textContents{
            flex-direction: column-reverse;
            align-items: flex-start;
            line-height: 1.2;
            
        }
        .card__category{
            margin-bottom:5px;
            font-size:var(--fsize12);
        }
    }

    @media(width<=600px){
        .card{
            border-radius: 15px;
            padding:15px;
        }
        .card__img>img{
            border-radius: 10px;
        }
        .card__title{
            font-size:var(--fsize16);
            margin-bottom:0;
        }
        .card__text{
            font-size:var(--fsize12);
        }
        .card__category{
            font-size:var(--fsize12);
            border-radius: 3px;
            padding:3px;
        }
        .card__img{
            margin-bottom:1.5%;
        }
    }
/*------------------------   コンポーネント_@media   -------------------------------*/
@media(width<=600px){
/*---   1   ---*/
    .tinStyle{
        font-size:var(--fsize14);
    }
/*---   2   ---*/
    .textUnderline{
        font-size: var(--fsize16);
    }
    .textUnderline_br{
        display:block;
    }
}

/*---------------------------   コンポーネント_END   -------------------------------*/


/*----------------------------   各sectionlayout   --------------------------------*/


/*--------   topView   --------------------------*/
.topView{
    position:relative;
    overflow: hidden;
}
/*--------   header   ---------------------------*/

.headerArea{
    /*background-image:url("img/mainCatch2.png");*/
    background-image:linear-gradient(to bottom,#F2F3F500,#F2F3F5FF 99%),url("../img/mainCatch2.png");
    background-size:cover;
    background-position:center top;
    border-radius: var(--wrapRadius);
}

.header{
    display:flex;
    justify-content: space-between;
    padding-top:18px;
    position: relative;
    z-index: 10;
}
.header__heading>a{
    display:block;
    transition: var(--duration);
}
.header__loginBox>a{
    transition: var(--duration);
    display: inline-block;
    margin-right:15px;
    color: #ff9d93;
    font-weight:bold;
}
.header__loginBox>a:last-child{
    margin-right:0px;
}
.header__heading>a:hover,
.header__loginBox>a:hover{
   color:var(--accent);
}
@media(width<=600px){
    .header{
    flex-direction: column-reverse;
    }
    .header__loginBox{
    text-align: right;
    margin-bottom:12%;
    }
    .header__heading{
        text-align: center;
    }
    .header__heading>a>img{
        width:122px;
    }
}
/*--------   topSec   ---------------------------*/
.topSec{
    padding-top:9.1666%;
    padding-bottom:11.6666%;
    position: relative;
    z-index: 10; 
}
.topSec::after{
    content: "";
    display: block;
    width:130px;
    height:130px;
    background-image: url(../img/penusa.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right:3.3333%;
    bottom:7%;
}
.topSec__heading{
    font-size:var(--fsize32);
    font-weight:bold;
    text-align: center;
    margin-bottom:0.8333%;
}
.topSec__heading>span{
    padding:10px 45px;

    @media(width<=380px){
       padding:0;
    }
}
/*
.topSec__heading .circles::before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1080' height='200' viewBox='0 0 1080 161' fill='none'%3E%3Cpath d='M545.793 2.64314C694.723 1.19829 828.916 8.78811 925.472 22.2182C973.761 28.9348 1012.57 37.1042 1039.09 46.308C1052.36 50.9131 1062.47 55.7477 1069.14 60.7332C1075.86 65.7505 1078.79 70.689 1078.47 75.4451C1078.14 80.2013 1074.53 85.204 1067.12 90.3585C1059.76 95.4801 1048.98 100.517 1035.06 105.386C1007.24 115.117 967.265 124.05 917.993 131.713C819.473 147.036 684.066 157.242 535.135 158.687C386.206 160.132 252.014 152.541 155.458 139.111C107.168 132.394 68.3561 124.226 41.8344 115.022C28.5644 110.417 18.4579 105.582 11.787 100.597C5.07338 95.5793 2.13553 90.6401 2.46039 85.8839C2.78543 81.1279 6.40232 76.1258 13.8105 70.9715C21.1716 65.8499 31.9524 60.8126 45.8695 55.9438C73.6844 46.2128 113.665 37.279 162.936 29.6159C261.457 14.2933 396.864 4.08798 545.793 2.64314Z' stroke='%23FF3821' stroke-width='8'/%3E%3C/svg%3E");
}
.topSec__heading .circles::after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='1071' height='200' viewBox='0 0 1071 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M547.225 8.84793C399.487 -0.597363 264.429 -0.268518 165.511 7.88967C116.04 11.9697 75.6744 18.0033 47.3017 25.726C33.1057 29.59 22.005 33.8528 14.2865 38.4493C6.52201 43.0732 2.51467 47.8272 1.79728 52.5862C1.08007 57.3452 3.59111 62.516 9.82671 68.0349C16.0253 73.5211 25.6414 79.1075 38.4125 84.6955C63.9375 95.8641 101.731 106.895 149.039 117.162C243.633 137.692 376.014 155.119 523.752 164.564C671.489 174.01 806.547 173.681 905.465 165.523C954.936 161.442 995.302 155.409 1023.67 147.686C1037.87 143.822 1048.97 139.56 1056.69 134.964C1064.45 130.34 1068.46 125.586 1069.18 120.827C1069.9 116.068 1067.38 110.897 1061.15 105.378C1054.95 99.892 1045.33 94.3048 1032.56 88.7167C1007.04 77.5481 969.245 66.5177 921.937 56.2502C827.343 35.7202 694.962 18.2932 547.225 8.84793Z' stroke='%23FF3821' stroke-width='8'/%3E%3C/svg%3E");
}
    */
.topSec__text{
    text-align: center;
    margin-bottom:4.6666%;
}
.topSec__systemName{
    font-size:var(--fsize24);
    font-weight:bold;
    text-align: center;
    margin-bottom:1.6666%;
}
.topSec__decoChara{
    margin-bottom:1.6666%;
}
.topSec__decoChara,
.topSec__btn{
    text-align: center;
}
@media(width<=1280px){
    .topSec{
        padding-top:7.1666%;
        padding-bottom:9.6666%;
    }
}
@media(width<=900px){
    .topSec::after{
        bottom:0%;
    }
}
@media(width<=600px){
    .topSec{
        padding-bottom:170px;
    }
    .topSec__heading{
        font-size:var(--fsize20);
        margin-bottom:5.3333%;
    }
    .topSec::after{
        right:50%;
        transform: translateX(50%);
    }
    .topSec__text{
        font-size:var(--fsize14);
    }
    .topSec__systemName{
        font-size:var(--fsize16);
    }
}

.topSec__heading .circles::before{
    @media(width<=380px){
        display: none;
    }
}
.topSec__heading .circles::after{
    @media(width<=380px){
        display: none;
    }
}

/*--------   circlebox   -------------------------*/
/*
.circlebox{
    width:320px;
    height:320px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.circlebox_inner{
    width:100%;
    height:100%;
    border-radius: 50%;
    animation: rotate 20s linear infinite;
}
.circleItem{
    display: inline-block;
    width:153.125%;
    height:153.125%;
*/
    /*background-color: var(--whitebg);*/
/*    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
}
.circleItem:nth-child(1){
    top:0;
    left:0;
    background-color:#fcd5d0;
}
.circleItem:nth-child(2){
    bottom:0;
    right:0;
    background-color:#fcd5d0;
}
@keyframes rotate { 
  0% {
   transform: rotate(0deg);
  }
  100% {  
    transform: rotate(360deg);
  }
}

@media(width<=1280px){
    .circlebox{
        width:250px;
        height:250px;
    }
}
@media(width<=900px){
    .circlebox{
        width:200px;
        height:200px;
    }
}

*/
/*--------   multiplySec   -----------------------*/

.multiplySec{
    transform: translateY(50%);
    position: relative;
    z-index: 50;
}
.multiplySec__wrap.swiper-wrapper{
    transition-timing-function: linear;/*sliderを横に動かし続けるため*/
}
.multiplySec__item{
    height:100%;
    text-align: center;
    border: solid var(--textColor) 1px;
    border-radius: 10px;
    background-color: var(--whitebg);
    padding-inline: 5px;
    padding-block: 16px;
    transform: translateX(-50%);
}
@media(width<=1200px){
    .multiplySec__item{
        font-size: var(--fsize14);
    }
}
@media(width<=900px){
    .multiplySec__item{
        padding-block: 10px;
    }
}
@media(width<=600px){
    .multiplySec__item{
        font-size: var(--fsize12);
        padding-inline: 5px;
    }
}

/*--------   textSec   -----------------------*/
.textSec{
    position: relative;
    background-image: url(../img/bgImg.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.textSec::after{
    content:"";
    display: block;
    position: absolute;
    inset: 0;
    background-color: rgba(23, 35, 59,0.8);
}
.textSec__inner{
    text-align: center;
    padding-top:120px;
    padding-bottom:110px;
}
.textSec__inner>p{
    color: var(--whitebg);
    position: relative;
    z-index: 10;
    margin-bottom:1.5em;
}
@media(width<=900px){
    .textSec__inner>p{
        font-size: var(--fsize14);
    }
    .textSec__inner{
    text-align: center;
    padding-top:90px;
    padding-bottom:65px;
}
}
@media(width<=600px){
    .textSec__inner>p{
        font-size: var(--fsize12);
    }
}
/*--------   onlineSchoolSec   -----------------*/

.onlineSchoolSec{
    background-color: var(--graybg);
    position: relative;
}
/*.onlineSchoolSec::before,
.onlineSchoolSec::after{
    content:"";
    display:block;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 800px;
    height:800px;
    background-color: var(--whitebg);
    border-radius: 57% 43% 56% 44% / 62% 40% 60% 38%;
    border: solid var(--accent) 1px;
}
.onlineSchoolSec::before{
    transform:translate(-50%,-50%) rotate(5deg);
}*/
.onlineSchoolSec__inner{
    padding-top:115px;
    padding-bottom:115px;
    position: relative;
    z-index: 10;
}
.onlineSchoolSec__img{
    max-width:460px;
    margin:0 auto 20px;
}
.onlineSchoolSec__img>img{
    aspect-ratio: 470 / 265;
    object-fit: cover;
    border-radius: 10px;
}
.onlineSchoolSec__text{
    text-align: center;
}
@media(width<=900px){
    .onlineSchoolSec__inner{
        padding-top:0px;
        padding-bottom:0px;
    }
   .onlineSchoolSec::before,
    .onlineSchoolSec::after{
       display:none;
    }
}
@media(width<=600px){

    .onlineSchoolSec__text{
        font-size: var(--fsize12);
    }
}
/*--------   bookLoungeSec   -----------------*/


.bookLoungeSec__wrap.swiper-wrapper{
    transition-timing-function: linear;/*sliderを横に動かし続けるため*/
}
.bookLoungeSec__inner{
    max-width: 2400px;
    margin-inline: auto;
}
.bookLoungeSe__slider{
    position: relative;
    z-index: 10;;
}
.bookLounge__image{
    max-width:620px;
    margin-inline:auto;
    position: relative;
    margin-bottom:5em;
    @media (width<=550px){
        padding-top:20px;
    }
}
.bookLounge__imageText{
    position: absolute;
    right:0;
    transform: rotate(6deg);
    @media (width<=550px){
        transform: rotate(6deg) translateY(-20px);
    }
}

.bookLounge__list{
    max-width:700px;
    margin-inline:auto;
    @media (width <= 600px) {
        font-size: var(--fsize12);
    }
}

.bookLounge__list dt{
    font-weight: bold;
    margin-top:1em;
}

.bookLounge__list span{
    display: inline-block;
    padding:4px 6px;
    margin-left:1em;
    background-color:var(--accent2);
    color:var(--graybg);
}

.bookLounge__list dd{
    border-bottom:dotted 0.5px var(--textColor);
    padding-bottom:1em;
}

.bookLounge__message{
    margin-top:3em;
    padding:1.5em 2em;
    background-color:var(--whitebg);
    border-radius:20px;
}

.bookLounge__message strong{
    color:var(--accent);
}

/*--------   memberGiftSec   -----------------*/

.pre strong{
    color:var(--accent);
}

.memberGiftSec__contents{
    margin-bottom:100px;
}
.memberGiftSec__itemWrap{
    overflow: hidden;
    display:flex;
    justify-content: center;
    column-gap: 4%;
}

.memberGiftSec__contents.circles::before,
.memberGiftSec__contents.circles::after{
    transform: translateY(50%);
}
.memberGiftSec__contents.circles::before{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1080' height='200' viewBox='0 0 1080 161' fill='none'%3E%3Cpath d='M545.793 2.64314C694.723 1.19829 828.916 8.78811 925.472 22.2182C973.761 28.9348 1012.57 37.1042 1039.09 46.308C1052.36 50.9131 1062.47 55.7477 1069.14 60.7332C1075.86 65.7505 1078.79 70.689 1078.47 75.4451C1078.14 80.2013 1074.53 85.204 1067.12 90.3585C1059.76 95.4801 1048.98 100.517 1035.06 105.386C1007.24 115.117 967.265 124.05 917.993 131.713C819.473 147.036 684.066 157.242 535.135 158.687C386.206 160.132 252.014 152.541 155.458 139.111C107.168 132.394 68.3561 124.226 41.8344 115.022C28.5644 110.417 18.4579 105.582 11.787 100.597C5.07338 95.5793 2.13553 90.6401 2.46039 85.8839C2.78543 81.1279 6.40232 76.1258 13.8105 70.9715C21.1716 65.8499 31.9524 60.8126 45.8695 55.9438C73.6844 46.2128 113.665 37.279 162.936 29.6159C261.457 14.2933 396.864 4.08798 545.793 2.64314Z' stroke='%23FF3821' stroke-width='4'/%3E%3C/svg%3E");
}
.memberGiftSec__contents.circles::after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='1071' height='200' viewBox='0 0 1071 174' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M547.225 8.84793C399.487 -0.597363 264.429 -0.268518 165.511 7.88967C116.04 11.9697 75.6744 18.0033 47.3017 25.726C33.1057 29.59 22.005 33.8528 14.2865 38.4493C6.52201 43.0732 2.51467 47.8272 1.79728 52.5862C1.08007 57.3452 3.59111 62.516 9.82671 68.0349C16.0253 73.5211 25.6414 79.1075 38.4125 84.6955C63.9375 95.8641 101.731 106.895 149.039 117.162C243.633 137.692 376.014 155.119 523.752 164.564C671.489 174.01 806.547 173.681 905.465 165.523C954.936 161.442 995.302 155.409 1023.67 147.686C1037.87 143.822 1048.97 139.56 1056.69 134.964C1064.45 130.34 1068.46 125.586 1069.18 120.827C1069.9 116.068 1067.38 110.897 1061.15 105.378C1054.95 99.892 1045.33 94.3048 1032.56 88.7167C1007.04 77.5481 969.245 66.5177 921.937 56.2502C827.343 35.7202 694.962 18.2932 547.225 8.84793Z' stroke='%23FF3821' stroke-width='4'/%3E%3C/svg%3E");
}
    
.memberGiftSec__item{
    max-width:180px;
}
.memberGiftSec__kinds{
    color: var(--accent);
    display: inline-block;
    text-indent: -1em;
    transform: rotate(-5deg);
    margin-bottom:7px;
}
.memberGiftSec__img>img{
    object-fit: contain;
}

.memberGiftSec__preTitle{
    text-align: center;
    margin:1em 0 2em;
    position:relative;
    left:-36px;
}

@media(width<=730px){
    .memberGiftSec__preTitle img{
        max-width:210px;
    }
    .memberGiftSec__preTitle{
        left:-25px;
        margin:5em 0 1em;
    }
}

.memberGiftSec__presubTitle{
    text-align: center;
}



.memberGiftSec__cta{
    display: flex;
    justify-content: center;
    gap:1em;
    margin-bottom:2em;
}

@media(width<=730px){
    .memberGiftSec__cta{
        flex-direction: column;
    }
}

.pre_contents{
    text-align: center;
    margin-inline:8%;
    margin-bottom:3em;
}

@media(width<=600px){
    .pre_contents{
        margin-inline:4%;
    }
}

.fadeIn{
    opacity: 0;
    transition: 2s;
}
.fadeIn:nth-child(1){
 transform: translateY(100px);
}
.fadeIn:nth-child(2){
 transform: translateY(200px);
}
.fadeIn:nth-child(3){
 transform: translateY(300px);
}
.fadeIn:nth-child(4){
 transform: translateY(400px);
}

@media(width<=900px){
    .memberGiftSec__itemWrap{
        flex-direction: column;
        align-items: center;
        column-gap: 0%;
        row-gap: 50px;
    }
    .memberGiftSec__item{
        max-width:200px;
    }
    .memberGiftSec__contents{
        margin-bottom:0px;
    }
    
    .memberGiftSec__contents.circles::before{
        background-image: none;
    }
    .memberGiftSec__contents.circles::after{
        background-image:none;
    }
        
    .fadeIn:nth-child(1){
        transform: translateY(150px);
    }
    .fadeIn:nth-child(2){
        transform: translateY(150px);
    }
    .fadeIn:nth-child(3){
        transform: translateY(150px);
    }
    .fadeIn:nth-child(4){
        transform: translateY(150px);
    }
}
@media(width<=600px){
    .memberGiftSec__item{
        max-width:150px;
    }
}



/*--------   movieStudySec   ----------------------*/

.movieStudySec__slider{
    max-width: 2400px;
    margin-inline: auto;
}

/*--------   MessageSec   ----------------------*/

 .messageSec__whiteBg{
    width:75%;
    /*background-color: rgba(255,255,254,0.5);
    border: solid 1px var(--textColor);
    border-radius: 70px;*/
    margin:auto;
    /*padding-top:8%;*/
    padding-bottom:10%;
    padding-inline: 5%;
    position: relative;
 }/*
 .messageSec__whiteBg:after{
    content:"";
    display:block;
    background-color: rgba(255,255,254,0.5);
    border: solid 1px var(--textColor);
    border-radius: 70px;
    position: absolute;
    inset: 0;
    transform: rotate(-2deg);
 }
*/
.messageSec__principalsInfo{
    display:flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom:50px;
    column-gap: 15px;
}
.messageSec__heading{
    margin-bottom:16px;
}
.messageSec__post,
.messageSec__name{
    line-height: 1.2;
}
.messageSec__name{
    font-size:var(--fsize24);
    font-weight:bold;
    margin-bottom:16px;
}
.messageSec__text{
    line-height: 1.4;
}
.messageSec__principalsImg{
    max-width:170px;
    align-self: flex-end;
}
.messageSec__principalsInfo,
.messageSec__contents{
    position: relative;
    z-index: 10;
    margin-bottom:50px;
}
.messageSec__contents:last-child{
    margin-bottom:0px;
}

@media(width<=900px){
    .messageSec__whiteBg{
        width:85%;
    }
    .messageSec__principalsInfo{
        flex-direction: column;
    }
    .messageSec__whiteBg:after{
        transform: rotate(-1deg);
    }
    .messageSec__principalsInfoItem{
        display: contents;
    }
    .messageSec__heading{
        order: 1;
    }
    .messageSec__post{
        order: 2;
    }
    .messageSec__name{
        order: 3;
        margin-bottom:5px;
    }
    .messageSec__principalsImg{
        order: 4;
        align-self: center;
        margin-bottom:15px;
    }
    .messageSec__textBox{
        order: 5;
    }
}
@media(width<=600px){
    .messageSec__whiteBg{
        width:100%;
        max-width: 410px;;
        border: none;
        border-radius: 0px;
        padding-top:0%;
        padding-bottom:0%;
        padding-inline: 0%;
        background-color: transparent;
    }
    .messageSec__whiteBg:after{
        display:none
    }
    .messageSec__heading{
       align-self: center;
    }
    .messageSec__post,
    .messageSec__name{
        width: 175px;
        margin-inline: auto;
    }
    .messageSec__name{
        font-size: var(--fsize20);
    }
    .messageSec__post{
        font-size: var(--fsize14);
        margin-bottom:5px;
    }
    .messageSec__textBox{
        font-size: var(--fsize12);
    }
    .messageSec__contents>p{
        font-size: var(--fsize14);
    }
}


/*--------   topFooter   -----------------------------*/

.topFooter{
    background-image: url(../img/footImg.webp);
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0 0 var(--wrapRadius) var(--wrapRadius);
}
.topFooter::after{
    content:"";
    display:block;
    position: absolute;
    inset:0;
    background-color: rgba(23, 35, 59,0.8);
}
.topFooter__inner{
    position: relative;
    z-index: 10;
    color: var(--whitebg);
}
.topFooter__img{
    width:270px;
    margin: auto;
    text-align: center;
    margin-bottom:50px;
}
.topFooter__img::after,
.topFooter__img::before{
    transform: translateY(50%);
}
.topFooter__text{
    text-align: center;
}
.topFooter__text--fsize{
    font-size: var(--fsize24);
    font-weight:bold;
}
.topFooter__textBox{
    margin-bottom:50px;
}
.topFooter__br{
    display:none;
}
@media(width<=600px){
    .topFooter__img{
        width:200px;
    }
    .topFooter__img>img:first-child{
        width:68px;
    }
    .topFooter__img>img:last-child{
        width:98px;
    }
    .topFooter__text{
        font-size: var(--fsize12);
    }
    .topFooter__text--fsize{
        font-size: var(--fsize16);
    }
    .topFooter__br{
        display:block;
    }
    .topFooter__text:last-child{
        margin-top:20px;
    }
}