@charset "utf-8";
.td-pb-row [class*="td-pb-span"] {
	min-height: 0 !important;
}
img{
	vertical-align:bottom !important;
	border:none !important;
}
p{
    padding: 0 !important;
    margin: 0 !important;
}
body{
    width: 100% !important;
    background-color: #fff !important;
    margin:0 !important;
}
.wrappe{
    max-width: 750px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
.fv img{
    max-width: 100% !important;
}
.fv{
    margin-bottom: 2% !important;
}
.content img{
    max-width: 100% !important;
}
.cva{
    position: relative !important;
}
.cta img{
    max-width: 100% !important;
}
.cva .button{
    position: absolute !important;
    bottom: 5% !important;
    left:0 !important;
    right:0 !important;
    margin: auto !important;
}
.button img{
    max-width: 100% !important;
}
.coupon{
    margin-top: 20px !important;
}
.coupon img{
    max-width: 100% !important;
}
.page2{
    position:relative !important;
}
.cva2{
    position:absolute !important;
    bottom: 3cqmax !important;
}
.cva2 .button{
    position: absolute !important;
    bottom:15% !important;
    left:0 !important;
    right:0 !important;
    margin: auto !important;
}
.cva2 .button img{
    max-width: 80% !important;
}
.footer{
    box-shadow: 0px -4px 7px 2px #f4f1ed !important;
}
.footer img{
    margin-top:45px !important;
    margin-bottom: 20px !important;
}
.footer p{
    padding:10px 0 !important;
    margin: 0 !important;
    font-size: clamp(13px, 1.75vw, 1.75rem) !important;
    font-family: 游ゴシック;
}
th,td{
    border: 0 !important;
    border-bottom: dotted 2px !important;
    text-align: left !important;
    padding: 15px 0 !important;
    font-weight: normal !important;
    line-height: normal !important;
}
td{
    padding: 10px !important;
    border: 0;
    border-bottom: dotted 2px !important;
}
table{
    font-family: 游ゴシック;
    max-width: 660px !important;
    font-size: clamp(15px, 1.75vw, 1.75rem) !important;
    margin: 0 auto !important;
}
.company{
    padding: 0 20px !important;
}
.logo{
    padding: 30px !important;
}
.boshu1{
    background-image: url(img/boshu_bk1.webp);
    padding-top: 5%;
    padding-bottom: 5%;
    background-size: cover;
}
.boshu{
    background-image: url(img/boshu_bk.webp);
    padding-top: 5%;
    padding-bottom: 5%;
    width: 100%;
}
.inner{
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
.day{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    font-size: clamp(30px, 4vw, 60px) !important;
    padding-top: 1%;
  /*  padding-bottom: 1%; */
}
.start{
    background: linear-gradient(90deg, rgb(252, 96, 118), rgb(255, 154, 68));
    width: 80%;
    margin: 0 auto;
    font-size: clamp(35px, 5vw, 70px) !important;
    color: #fff;
}
.limit{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    font-size: clamp(16px, 2vw, 45px) !important;
    padding-top: 2%;
    padding-bottom: 2%;
    box-shadow: 0px 5px 5px #dfddda;
}
.mada{
    width: 80%;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 2%;
}
.kaiko{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    font-size: clamp(30px, 4vw, 60px) !important;
    color: #313131;
}
.line{
    width: 80%;
    margin:0 auto;
    border: 1.5px solid;
    background-color: #fff;
    border-image: linear-gradient(to right, #fc6076, #ff9a44) 1;
}
.ikki{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    color: #fd334e;
    font-size: clamp(35px, 5vw, 70px) !important;
    box-shadow: 0px 5px 5px #dfddda;
}
.page5{
    margin-top:3% !important;
}

/*　ぼたん　きらり　*/
.reflection{
    display:inline-block;
    position:relative;
    overflow:hidden;
    width: 90%;
    }
     
    .reflection:after {
    content:"";
    height:100%;
    width:30px;
    position:absolute;
    top:-180px;
    left:0;
    background-color: #fff;
    opacity:0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    }
     
    @keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }

/* オレンジLP 共通部分 */
.image-container {
    position: relative;
    font-size: 62.5%;
    max-width: 750px;
    margin: 0 auto;
}
.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 游ゴシック;
}
.image-container img {
    width: 100%;
    height: auto;
}
.start-date-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: .1em;
}
.start-date {
    font-size: 49px;
}
.start-date2 {
    font-size: 40px;
}
.class-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: absolute;
    top: 49.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: .1em;
}
.image1 .class-number {
    font-size: 94px;
}
.image1 .class-number2 {
    font-size: 64px;
}
.image1 .class-number3 {
    font-size: 75px;
}
.deadline-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    bottom: 21%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: .1em;
}
.image1 .deadline {
    font-size: 32px;
}
.image1-1 .start-date-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: .1em;
}
.image1-1 .start-date {
    font-size: 49px;
}
.image1-1 .start-date2 {
    font-size: 40px;
}
.image1-1 .class-number-container {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    position: absolute;
    top: 49.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: .1em;
}
.image1-1 .class-number {
    font-size: 94px;
}
.image1-1 .class-number2 {
    font-size: 64px;
}
.image1-1 .class-number3 {
    font-size: 75px;
}
.image1-1 .deadline-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    bottom: 21%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: .1em;
}
.image1-1 .deadline {
    font-size: 32px;
}
.image2 .start-date-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: normal;
}
.image2 .start-date {
    font-size: 65px;
}
.image2 .start-date2 {
    font-size: 50px;
}
.image2 .class-number-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    top: 61%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #fd334e;
    letter-spacing: normal;
}
.image2 .class-number {
    font-size: 92px;
}
.image2 .class-number2 {
    font-size: 58px;
}
.image2 .class-number3 {
    font-size: 80px;
}
.image2 .deadline-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    white-space: nowrap;
    position: absolute;
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "游ゴシック", YuGothic, sans-serif;
    font-weight: 500;
    color: #000000;
    letter-spacing: -.2em;
}
.image2 .deadline {
    font-size: 50px;
}
@media screen and (max-width: 749px) {
    .image1 .start-date, .image1-1 .start-date {
        font-size: clamp(21px, 6vw, 46px);
    }
    .image1 .start-date2, .image1-1 .start-date2 {
        font-size: clamp(17px, 4.8vw, 37px);
    }
    .image1 .class-number, .image1-1 .class-number {
        font-size: clamp(32px, 10vw, 91px);
    }
    .image1 .class-number2, .image1-1 .class-number2 {
        font-size: clamp(24px, 7vw, 61px);
    }
    .image1 .class-number3, .image1-1 .class-number3 {
        font-size: clamp(30px, 8vw, 72px);
    }
    .image1 .deadline, .image1-1 .deadline {
        font-size: clamp(14px, 3.8vw, 30px);
    }

    .image1 .start-date-container, .image1-1 .start-date-container {
        top: calc(28% - 1vw);
    }
    .image1 .class-number-container, .image1-1 .class-number-container {
        top: calc(49.5% - 1vw);
    }
    .image1 .deadline-container, .image1-1 .deadline-container {
        bottom: calc(21% - 1vw);
    }

    .image2 .start-date {
        font-size: clamp(28px, 8.2vw, 62px);
    }
    .image2 .start-date2 {
        font-size: clamp(22px, 6.2vw, 47px);
    }
    .image2 .class-number {
        font-size: clamp(36px, 11.8vw, 89px);
    }
    .image2 .class-number2 {
        font-size: clamp(26px, 7.2vw, 55px);
    }
    .image2 .class-number3 {
        font-size: clamp(35px, 10.2vw, 77px);
    }
    .image2 .deadline {
        font-size: clamp(22px, 6.2vw, 47px);
    }

    .image2 .start-date-container {
        top: calc(42% - 1vw);
    }
    .image2 .class-number-container {
        top: calc(61% - 1vw);
    }
    .image2 .deadline-container {
        bottom: calc(16% - 1vw);
    }
}

@media screen and (max-width: 480px) {
    .image1 .start-date-container, .image1-1 .start-date-container {
        top: calc(31% - 2vw);
    }
    .image1 .class-number-container, .image1-1 .class-number-container {
        top: calc(52.5% - 2vw);
    }
    .image1 .deadline-container, .image1-1 .deadline-container {
        bottom: calc(18.5% - 2vw);
    }

    .image2 .start-date-container {
        top: calc(45% - 2vw);
    }
    .image2 .class-number-container {
        top: calc(65% - 2vw);
        letter-spacing: -0.1em;
    }
    .image2 .deadline-container {
        bottom: calc(14% - 2vw);
        letter-spacing: -0.1em;
    }
}