.slick-slider div {
    transition: none;
}

.pc_only,
.pc_only2 {
    display: block;
}

.sp_only,
.sp_only2,
.pc_only3 {
    display: none;
}

body {
    font-size: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
}

a {
    cursor: pointer;
}

.fv_area {
    background-image: url(../img/ci_fvbg_pc.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.fv_area_inner {
    z-index: 2;
    position: relative;
}

.fv_area_bgcloud {
    position: relative;
    bottom: 300px;
    z-index: -2;
    width: 100%;
}

.fv_area_bgcloud img {
    width: 100%;
    height: auto;
}

.ci_header_logo {
    padding: 24px 0 0 80px;
}
.ci_header_logo img{
    width: 280px;
}

.fv_area_img1 img {
    width: 320px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}

.fv_area_img2 {
    position: relative;
    z-index: 0;
}

.fv_area_img2 img {
   	max-width: 850px;
    width: 70%;
    height: auto;
    margin: -110px auto 160px;
    display: block;
}

.fv_area_img3_wrapper {
    position: relative;
    z-index: -1;
}

.fv_area_img3 {
    margin: 0 auto 8px;
    text-align: center;
    max-width: 1440px;
    width: fit-content;
    margin-top: -160px;
    position: relative;
}

.fv_area_img5 img {
    width: 100%;
    height: auto;
}

.fv_fvbgimg1 {
    width: 80%;
    max-width: 1240px;
    height: auto;
    padding: 0 40px;
}

.fv_speechbubble {
    position: absolute;
    width: 100%;
    top: -40px;
    text-align: right;
    margin: 0 auto;
    right: 100px;
}

.fv_speechbubble img {
    max-width: 230px !important;
    animation: shake 2s infinite;
    transform: rotate(4deg);
    /*animation-iteration-count: 1.5;
    */
    height: auto;
}

@keyframes shake {
    50% {
        transform: rotate(-4deg);
    }

    100% {
        transform: rotate(4deg);
    }

}

.fv_area_img4 {
    margin: 0 auto 40px;
    width: 487px;
    height: auto;
}

.fv_area_img4 img {
    width: 100%;
    height: auto;
}

.ci_fvbtn_img {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 23%;
    width: 187px;
}

.ci_btn_apply,
.ci_btn_apply2 {
    background-color: #F3CADC;
    border-radius: 68px;
    border: solid 3px #804F21;
    color: #804F21;
    font-weight: 600;
    font-size: 22px;
    padding: 22px 80px;
    margin: 0 auto;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #804F21);
    -webkit-filter: drop-shadow(4px 4px 0 #804F21);
    transition: 0.3s;
    position: relative;
}

.ci_btn_apply2 {
    background-color: #F3CADC;
    border-radius: 68px;
    border: solid 3px #804F21;
    color: #804F21;
    font-weight: 600;
    padding: 33px 80px;
    margin: 0 auto;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #804F21);
    -webkit-filter: drop-shadow(4px 4px 0 #804F21);
    transition: 0.3s;
    position: relative;
    cursor: initial;
}

.ci_btn_apply2::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #555;
    opacity: 0.85;
    border-radius: 68px;
    padding: 33px 159px;
    display: inline-block;
}

.ci_btn_apply::after {
    content: '';
    background-image: url(../img/btn_triangle.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 40px;
    top: 30px;
    z-index: -1;
}

.ci_btn_apply:hover {
    filter: none;
    -webkit-filter: none;
    transition: 0.3s;
    opacity: 0.95;
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}

.ci_btn_wrapper {
    width: 100%;
    text-align: center;
    padding-bottom: 72px;
    z-index: 10;
    position: relative;
}

.ci_lp_ctt1 {
    background-image: url(../img/ci_ctt1_bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 40px 48px;
    position: relative;
	margin-top: -430px;
    z-index: 2;
}

.ctt1_title {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.colabo_ttl_p{
	font-size: 14px;
    line-height: 1.4em;
    color: #333;
    text-align: center;
    padding-bottom: 30px;
}

.ctt1_titleimg {
    margin: 0 auto 40px;
    width: 530px;
}

.ctt1_chara1 {
    width: 288.71px;
    height: auto;
    position: absolute;
    z-index: 1;
    top: -115px;
    left: -32px;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 1s;
    animation-name: anim_s;
    transform: rotate(2deg);
    animation-duration: 2.5s;
}

@keyframes anim_s {
    50% {
        transform: rotate(-2deg);
    }

    100% {
        transform: rotate(2deg);
    }
}

.ctt1_chara1 img {
    width: 100%;
    height: auto;
}

.ctt1_speechbubble {
    width: fit-content;
    position: absolute;
    top: -80px;
    right: -56px;
}

.ctt1_speechbubble img {
    max-width: 247px !important;
}

.ctt1_colaboarea {
    background-color: #fff;
    border-radius: 24px;
    max-width: 1000px;
    padding: 40px 56px 43px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.ctt1_colaboarea h4 {
	width: 80%;
    margin: 0 auto 24px;
}

.ctt1_colaboarea h4 img {
    width: 100%;
    height: auto;
}

.ctt1_colabo_product1 {
    display: flex;
    gap: 56px;
    font-size: 18px;
    justify-content: center;
}

.ctt1_colabo_product1 span {
    font-size: 16px;
}

.ctt1_colabo_product1 img {
    width: 100%;
    max-width: 274px;
    height: auto;
}

.ctt1_colabo_product1 h5 {
    color: #804F21;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin: 12px auto 16px;
    line-height: 1.2em;
    word-break: auto-phrase;
}

.ctt1_colabo_product1 p {
    text-align: center;
    font-size: 14px;
    line-height: 1.4em;
    color: #333;
}

.product1_before {
    cursor: initial;
}

.small_deme {
    font-size: 12px;
    max-width: 1000px;
    color: #804F21;
    font-size: 12px;
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.ci_lp_ctt1 .small_deme {
    margin: 8px auto 0;
}

.ci_lp_ctt2 .small_deme {
    margin: 4px 0 0 auto;
}

.ctt2_colaboarea {
    margin: 64px auto 80px;
}

.ctt2_deme2 {
    font-size: 16px;
    display: inline-block;
}

.titleribbon6_wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.titleribbon6_line {
    display: flex;
    align-items: center;
}

.titleribbon6_linettl {
    border: solid 1px #804F21;
    border-radius: 26px;
    padding: 12px 20px 12px 44px;
    width: 196px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    position: relative;
    margin-right: 16px;
}

#titleribbon6_linettl1::before {
    content: '';
    background-image: url(../img/ctt2_icon1.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 10px;
    display: inline-block;
    position: absolute;
}

#titleribbon6_linettl2::before {
    content: '';
    background-image: url(../img/ctt2_icon2.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 10px;
    display: inline-block;
    position: absolute;
}

#titleribbon6_linettl3::before {
    content: '';
    background-image: url(../img/ctt2_icon3.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    left: 16px;
    top: 10px;
    display: inline-block;
    position: absolute;
}

.ctt1_colabo_product2 {
    display: flex;
    gap: 40px 24px;
    justify-content: center;
}

.ctt1_colabo_product2 h5 {
    font-size: 18px;
    color: #804F21;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
}

.product2_link {
    display: flex;
    gap: 70px;
	position: relative;
}
.new_icon{
	width: 10% !important;
    position: absolute;
    top: -50px;
    left: -40px;
}
#slick-slide06{
	position: relative;
}
.new_icon02{
	width: 22% !important;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 10%;
}

.product2_link img {
    width: 100%;
    max-width: 230px;
    height: auto;
}

.ci_btn_shop {
    background-color: #D4EAF7;
    border-radius: 68px;
    border: solid 3px #804F21;
    color: #804F21;
    font-weight: 600;
    font-size: 22px;
    padding: 2.5px 72px 8.5px;
    margin: 0 auto;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #804F21);
    -webkit-filter: drop-shadow(4px 4px 0 #804F21);
    transition: 0.3s;
    position: relative;
    line-height: 1.2em;
}

.btn_txtsmall {
    font-size: 16px;
}

.ci_btn_shop::after {
    content: '';
    background-image: url(../img/btn_triangle.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 40px;
    top: 30px;
}

.ci_btn_shop:hover {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    transition: 0.3s;
    opacity: 0.95;
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}

.ci_btn_shop:hover .ci_btn_wrapper {
    padding-bottom: 68px;
}

.ctt1_chara2 {
    text-align: right;
    max-width: 1280px;
    margin: -24px auto 0;
    display: block;
    height: auto;
}

.ctt1_chara2 img {
    width: 272px;
    height: auto;
    margin-top: -138px;
    animation: bound 3s infinite;
}

@keyframes bound {
    0% {
        transform: translateY(0)
    }

    5% {
        transform: translateY(0)
    }

    10% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-16px)
    }

    25% {
        transform: translateY(0)
    }

    30% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }
}

.ci_lp_ctt2 {
    background-image: url(../img/ci_ctt2_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 80px 80px;
}

.ctt2_title {
    font-size: 32px;
    color: #E75C9D;
    font-weight: 600;
    padding-top: 80px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    width: fit-content;
}

.ctt2_titleillust {
    position: absolute;
    top: 50%;
    right: -114px;
}

.ctt2_titleillust img {
    width: 100%;
    height: auto;
}

.ctt2_inner {
    background-color: #fff;
    color: #804F21;
    border-radius: 24px;
    margin: 32px auto 0;
    padding: 40px 80px 80px;
    max-width: 1280px;
}

.ctt2_titleribbon {
    margin-bottom: 8px;
}

.ctt2_inner p {
    color: #804F21;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4em;
    word-break: auto-phrase;
}

.ctt2_inner ul li {
    margin-bottom: 40px;
}

.ctt2_inner ul li:last-child {
    margin-bottom: 0;
}

.ctt2_cp1 {
    line-height: 1.7em !important;
}

.txt_pink1 {
    color: #E75D9D;
    font-weight: 800;
    padding: 0 4px;
}

.txt_pink2 {
    color: #E75D9D;
    font-size: 42px;
    font-weight: 800;
}

.txt_blue1 {
    color: #2EA7E0;
    font-size: 28px;
    font-weight: 800;
    padding: 0 4px;
}

.ctt2_coursewrapper {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 16px;
}

.ctt2_course img {
    width: 100%;
    max-width: 351px;
    height: auto;
}

.ctt2_deme {
    font-size: 16px;
    margin-top: 8px;
    display: inline-block;
}

.ci_htapply {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
    flex-wrap: wrap;
}

.ci_htapply_title {
    position: absolute;
    top: -42px;
    left: 20px;
}

.ci_htapply_title img {
    width: 100%;
    height: auto;
}

.ci_htapply_deme {
    font-weight: normal;
    font-size: 14px;
    line-height: 1.7em;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
    width: auto;
}

.ci_btn_resistration {
    background-color: #fff;
    border-radius: 68px;
    border: solid 3px #804F21;
    color: #804F21;
    font-weight: 600;
    font-size: 22px;
    padding: 2.5px 48px 8.5px;
    margin: 0 auto;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #804F21);
    -webkit-filter: drop-shadow(4px 4px 0 #804F21);
    -moz-filter: drop-shadow(4px 4px 0 #804F21);
    transition: 0.3s;
    position: relative;
    line-height: 1.2em;
}

.ci_btn_resistration::after {
    content: '';
    background-image: url(../img/btn_triangle.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 32px;
    top: 30px;
}

.ci_btn_resistration:hover {
    filter: none;
    -webkit-filter: none;
    transition: 0.3s;
    opacity: 0.95;
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}

.ci_step1_wrapper,
.ci_step2_wrapper {
    width: 65%;
}

.ci_step2_wrapper .ci_htapply_deme {
    width: 100%;
}

.ci_step2btn_wrapper {
    width: 100%;
    text-align: center;
    z-index: 3;
    position: relative;
    padding: 16px 0 32px;
}

.ci_step2_bold {
    font-size: 22px;
    text-decoration: underline;
    font-weight: 600;
    text-align: center;
}

.ci_htapply_inner {
    display: flex;
    gap: 24px;
    padding: 72px 40px 40px;
    border: solid 3px #804F21;
    border-radius: 24px;
    position: relative;
    margin-top: 24px;
    width: 100%;
    justify-content: center;
}

#ci_htapply_inner3 {
    flex-wrap: wrap;
}

.inner3 {
    display: flex;
    justify-content: center;
    gap: 24px;
}

#ctt2_ci_btn {
    margin-top: 40px;
    padding-bottom: 40px;
}

.ci_htapply_arrow {
    width: 23px;
    height: auto;
    margin-top: 24px;
}

.ci_htapply_imgarea {
    max-width: 264px;
    text-align: center;
}

.ci_htapply_imgarea img {
    width: 100%;
    height: auto;
}

.ci_step3_wrapper {
    width: 65%;
}

#ci_step3_txt {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.7em;
    width: 100%;
}

.ci_step3_txtb {
    font-size: 22px;
    line-height: 2.2em;
}

.ci_step3_receipt {
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}

.ci_step3_receipt img {
    max-width: 440px;
    width: 100%;
    height: auto;
    margin-top: 16px;
}

.scroll-box {
    height: 400px;
    overflow-y: scroll;
    background-color: #fff;
    font-size: 14px;
    border: solid 1px #804F21;
    margin-top: 16px;
    line-height: 1.7em;
    /*border-radius: 16px;*/
}

#list_text p {
    font-size: 14px;
    line-height: 1.7em;
}

.scroll-content {
    width: 95%;
    margin: 15px auto;
}

.cam_ex_text {
    margin: 10px 0 20px 0;
    line-height: 1.7em;
}

.blue_link {
    color: #E75C9D;
    text-decoration: underline;
}

.ctt1_chara3 {
    margin-top: -60px;
    text-align: right;
}

.ctt1_chara3 img {
    width: 587px;
    height: auto;
    margin: 0 auto;
}

.ci_lp_ctt3 {
    background: linear-gradient(rgb(212, 234, 247) 0%, rgb(212, 234, 247) 38%, rgb(255, 245, 228) 100%);
    position: relative;
}

.lace_decoration {
    background-image: url(../img/ctt3_lace.svg);
    background-repeat: repeat-x;
    width: 100%;
    height: 102.75px;
}

.ci_lp_ctt3_wrapper {
    background-image: url(../img/ctt3_bgdecoration1.svg);
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.ci_lp_ctt3_title {
    justify-content: center;
    margin: 0 auto;
    padding: 0 16px;
    display: flex;
    overflow: hidden;
}

/*.ci_lp_ctt3_title img {
    width: 100%;
    height: auto;
    max-width: 1040px;
    margin: 20px auto 0;
}*/
.ctt3_teaimg1 {
    width: 177.98px;
    height: auto;
    margin: 0 48px 0 142px;
    padding-top: 65px;
}

.ctt3_ttllogo {
    width: 33%;
    max-width: 457px;
    height: auto;
    padding-bottom: 65px;
	padding-top: 60px;
}

.ctt3_teaimg2 {
    width: 311.54px;
    height: auto;
    margin: 0 16px 0 32px;
}

.ctt3_text {
    font-size: 22px;
    color: #804F21;
    font-weight: 500;
    text-align: center;
    line-height: 1.7em;
    word-break: auto-phrase;
}

.ctt3_textarea {
    display: flex;
    justify-content: center;
    margin-left: 92px;
}

.ctt3_header_right1 img {
    width: 100%;
    max-width: 97.4px;
}

.ctt3_mainimgarea {
    position: relative;
    text-align: center;
    margin: 32px auto;
    width: fit-content;
    height: auto;
}

.ctt3_mainimgarea img {
    width: 100%;
    height: auto;
    max-width: 760px;
    margin: 0 auto;
}

.ci_btn_column {
    background-color: #fff;
    border-radius: 68px;
    border: solid 3px #C3A75D;
    color: #804F21;
    font-size: 16px;
    padding: 16px 16px 16px 40px;
    margin: 0 -200px 0 200px;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #C3A75D);
    -webkit-filter: drop-shadow(4px 4px 0 #C3A75D);
    -moz-filter: drop-shadow(4px 4px 0 #C3A75D);
    transition: 0.3s;
    position: relative;
    line-height: 1.35em;
    text-align: left;
}

.ci_btn_column:hover {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    transition: 0.3s;
    opacity: 0.95;
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}

.ci_btn_column::after {
    content: '';
    background-image: url(../img/btn_triangle.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 32px;
    top: 36px;
}

.ci_btn_column_wrapper {
    max-width: 1600px;
    width: 100%;
    margin: -100px auto 0;
    padding-bottom: 4px;
}

.ctt3_chara3 {
    width: 70%;
    max-width: 350px;
    margin: 0 auto;
}

.ctt3_chara3 img {
    display: block;
    width: 100%;
    height: auto;
}

.ctt3_chara3_wrapper {
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
    gap: 16px;
}

/* Animation */
.ctt3_chara3 {
    animation: floating-x 5s ease-in-out infinite alternate-reverse;
}

.ctt3_chara3 img {
    animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}

@keyframes floating-x {
    0% {
        transform: translateX(-2%);
    }

    100% {
        transform: translateX(2%);
    }
}

@keyframes floating-y {
    0% {
        transform: translateY(-6%);
    }

    100% {
        transform: translateY(6%);
    }
}

.ctt3_colaboarea_deme {
    font-size: 12px;
    margin: 0 24px 0 0;
    max-width: 936px;
    color: #804F21;
    font-size: 12px;
    display: flex;
    width: 100%;
    justify-content: center;
    line-height: 1.7em;
    z-index: 2;
}

.ctt3_chara3 {
    margin-left: 8%;
    width: fit-content;
    z-index: 3;
}

.ctt3_chara3 img {
    width: 263px;
    height: auto;
}

.txt_small {
    font-size: 0.6em;
    vertical-align: super;
}

.ci_btn_more {
    background-color: #FAF5B2;
    border-radius: 68px;
    border: solid 3px #804F21;
    color: #804F21;
    font-weight: 600;
    font-size: 22px;
    padding: 18.5px 68px;
    margin: 0 auto;
    display: inline-block;
    width: 324px;
    filter: drop-shadow(4px 4px 0 #804F21);
    -webkit-filter: drop-shadow(4px 4px 0 #804F21);
    -moz-filter: drop-shadow(4px 4px 0 #804F21);
    transition: 0.3s;
    position: relative;
    line-height: 1.4em;
}

.ci_btn_more::after {
    content: '';
    background-image: url(../img/btn_triangle.svg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
    position: absolute;
    right: 40px;
    top: 30px;
}

.ci_btn_more:hover {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    transition: 0.3s;
    opacity: 0.95;
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
}

.ctt3_lineup h3 {
    width: fit-content;
    margin: 0 auto 40px;
    color: #804F21;
    font-size: 32px;
    font-weight: 600;
}

.ctt3_lineup h3:after {
    background: radial-gradient(circle farthest-side, #fff, #fff 37.5%, transparent 37.5%, transparent);
    background-size: 28px;
    content: '';
    display: inline-block;
    height: 30px;
    width: 100%;
}

.ctt3_slide {
    width: 320px !important;
    height: 600px;
    background-color: #fff;
    border-radius: 162px;
    text-align: center;
    padding: 0 16px;
    filter: drop-shadow(0 8px 8px #B48D6725);
}

.ctt3_slide h4 {
    font-size: 18px;
    font-weight: 600;
    color: #804F21;
    margin: 24px auto;
    line-height: 1.2em;
    word-break: auto-phrase;
}

.ctt3_slide h4 span {
    font-size: 18px;
}

.slide_text_s {
    font-size: 16px !important;
}

.ctt3_slide p {
    font-size: 14px;
    line-height: 1.4em;
    word-break: auto-phrase;
}

.slide_image {
    width: 186px;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(2px 4px 6px #B48D6770);
    transition: 0.5s;
}

.ctt3_lineup ul li a:hover .slide_image {
    opacity: 0.7;
    transition: 0.5s;
}

.slide_text {
    height: 150px;
}

.ctt3_slide_wrapper {
    display: flex;
    gap: 24px;
    max-width: 1274px;
    overflow: hidden;
    margin: 0 auto 32px;
    justify-content: center;
    position: relative;
}

ul.ctt3_slide_wrapper li.slick-current,
ul.ctt3_slide_wrapper li.is-active-next {
    opacity: 1;
    transition: .4s;
}

.slick-slider div {
    transition: none;
}

.slick01 .slick-slide {
    display: inline-block;
    /* 各スライドを正しく配置 */
    position: relative;
    box-sizing: border-box;
}

.slick-track {
    display: flex;
    gap: 24px;
    padding-bottom: 16px;
    /*margin-left: 120px;*/
}

.slick-list.draggable {
    max-width: 1140px;
    overflow: hidden;
}

.slide_inner_btn a {
    background-color: #B48D67;
    border-radius: 64px;
    color: #fff;
    font-size: 14px;
    padding: 18px 24px 18px 64px;
    height: auto;
    display: flex;
    max-width: 247px;
    margin: 24px auto 0;
    gap: 36px;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    transition: 0.5s;
}

.slide_inner_btn a:hover {
    opacity: 0.7;
    transition: 0.5s;
}

.slide_inner_btn img {
    width: 8px;
    height: 8px;
}

.ctt3_lineup {
    margin: 88px auto 48px;
}

.slick-next.slick-arrow::before {
    display: none;
}

.slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    right: 4px;
    border: none;
    background: url(../img/btn_triangle_white.svg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 54%;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #B48D67;
    border-radius: 64px;
    color: transparent;
}

.slick-prev.slick-arrow::before {
    display: none;
}

.slick-prev.slick-arrow {
    position: absolute;
    top: 47%;
    left: 4px;
    border: none;
    background: url(../img/btn_triangle_white.svg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 54%;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #B48D67;
    border-radius: 64px;
    color: transparent;
}

button.slick-disabled {
    display: none;
}

.ci_lp_ctt3 small {
    color: #804F21;
    font-size: 11px;
    margin: 0 auto 8px;
    display: inline-block;
    text-align: center;
    width: 100%;

}

footer {
    padding-bottom: 24px;
}

footer img {
    transition: 0.5s;
}

footer a {
	display: block;
    cursor: pointer;
	text-align: center;
}

footer a:hover {
    transition: 0.5s;
}

footer a:hover img {
    opacity: 0.7;
    transition: 0.5s;
}

.footer_sns {
    justify-content: center;
    display: flex;
	margin: 40px 0 20px;
}

.footer_sns img {
    height: auto;
    filter: drop-shadow(0px 4px 4px #B48D6720);
	width: 33px;
    margin: 0 5px;
}

.footer_logo a {
    display: inline-block;
}

.footer_logo {
    text-align: center;
    margin: 24px 0;
}

.footer_logo img {
    width: 88px;
}


@media only screen and (min-width:1601px) {
    .pc_only3 {
        display: block;
    }

    .fv_area_bgcloud .pc_only {
        display: none;
    }

    .fv_area_bgcloud {
        width: 100%;
    }

    .fv_area_bgcloud img {
        max-width: 2000px;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1390px) {
    .ci_htapply {
        flex-wrap: wrap;
    }

    /*.ci_step1_wrapper,
    .ci_step2_wrapper,
    .ci_step3_wrapper {
        width: 100%;
    }*/
}

@media only screen and (max-width:1220px) and (min-width:1025px) {

    .fv_speechbubble img,
    .ctt1_speechbubble img {
        max-width: 200px !important;
    }

    .ctt1_speechbubble {
        right: -40px;
    }

    .fv_speechbubble {
        top: 128px;
        right: 12%;
    }

    .fv_fvbgimg1 {
        padding: 40px 40px 0;
    }
}

@media only screen and (max-width:1024px) {
    .pc_only {
        display: none;
    }

    .sp_only {
        display: block;
    }

    .fv_area_img2 img {
       	width: 100%;
        margin-top: 12px;
        max-width: 570px;
		margin-bottom: 30px;
    }

    .fv_area_img3 {
        width: 100%;
        padding: 0;
        margin: 12px auto 0;
    }

    .fv_fvbgimg1 {
        max-width: 560px;
        margin: 0;
        padding: 0 24px;
    }

    .fv_area_bgcloud {
        bottom: 160px;
    }

    .fv_area_img4 {
        text-align: center;
        margin: 0 auto 8px;
        width: 100%;
    }

    .fv_area_img4 img {
        width: 100%;
        max-width: 450px;
        padding: 0 40px;
    }

    .fv_area_img5 {
        text-align: center;
        margin: 0 auto;
    }

    .fv_area_img5 img {
        width: 100%;
        max-width: 450px;
    }

    .fv_speechbubble {
       	top: 0px;
        right: 60px;
        margin: 0 auto;
        display: inline-block;
    }

    .fv_speechbubble img {
        max-width: 200px !important;
        width: 80%;
    }

    .ctt1_titleimg {
        width: 100%;
        max-width: 374px;
        filter: drop-shadow(1px 1px 2px #804F2120);
    }

    .ctt1_speechbubble {
        top: -73px;
        right: 0px;
    }

    .ctt1_speechbubble img {
        max-width: 168px !important;
        width: 100%;
    }

    .ctt1_chara1 {
        top: -80px;
        width: auto;
        text-align: center;
        left: -4px;
    }

    .ctt1_chara1 img {
        width: 199.83px;
    }

    .ctt1_chara4 img {
        width: 136px;
        height: auto;
        padding-top: 10px;
        position: relative;
        z-index: 2;
    }

    .ctt1_chara2 {
        width: fit-content;
        margin-top: 120px;
        margin: 120px 0 0 auto;
        padding-right: 20px;
    }

    .ctt1_chara2 img {
        width: 196px;
    }

    .ctt1_chara3 img {
        width: 311px;
    }

    #ctt2_cp1_txt1,
    #ctt2_cp1_txt3 {
        line-height: 1.4em !important;
    }

    .ctt2_deme2 {
        font-size: 12px;
        margin-top: 6px;
    }

    .titleribbon6_wrapper {
        gap: 20px;
    }

    .titleribbon6_line {
        flex-direction: column;
        align-items: flex-start;
    }

    .titleribbon6_linettl {
        font-size: 12px;
        padding: 10px 16px 10px 40px;
        width: 156px;
        margin-bottom: 4px;
    }

    #titleribbon6_linettl1::before,
    #titleribbon6_linettl2::before,
    #titleribbon6_linettl3::before {
        background-size: 16px 16px;
        width: 16px;
        height: 16px;
        top: 8px;
    }

    .titleribbon6_line .ctt2_inner p {
        font-size: 18px;
    }

    #ci_step3_txt {
        font-size: 16px;
        text-align: center;
    }

    .ci_htapply_deme {
        line-height: 1.85em;
    }

    .inner3 {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .ci_step1_wrapper,
    .ci_step2_wrapper,
    .ci_step3_wrapper {
        width: 100%;
    }

    #ctt3_chara2_img {
        width: 139px;
        height: auto;
        position: absolute;
        left: 40%;
        top: -68px;
        z-index: 1;
    }

    .ctt3_chara3 {
        margin-left: 12%;
    }

    .ctt3_chara3 img {
        width: 183.08px;
    }

    .ctt3_mainimgarea {
        margin: 80px auto 16px;
        position: relative;
    }

    .ctt3_mainimgarea img {
        width: 90%;
        max-width: 680px;
        z-index: 0;
        position: relative;
    }

    .ctt3_chara3_wrapper {
        flex-direction: column-reverse;
        margin: 0 16px 24px;
    }

    .ctt3_colaboarea_deme {
        justify-content: center;
        margin: 0;
        text-align: right;
    }

    .ci_btn_column {
        font-size: 12px;
        width: 229px;
        padding: 8px 24px 8px 16px;
        margin: 0 0 0 auto;
        border: solid 2px #C3A75D;
    }

    .ci_btn_column_wrapper {
        text-align: center;
        margin: -48px auto 0;
    }

    .ci_btn_column::after {
        right: 20px;
        top: 20px;
    }

    .ctt3_text {
        font-size: 18px;
        text-align: left;
        margin: 0 16px;
        text-align: center;
    }

    .fv_area_img1 img {
        margin: 16px auto 30px;
        max-width: 350px;
        width: 100%
    }

    .ci_fvbtn_img {
        position: absolute;
        z-index: 1;
        top: 2px;
        left: 23%;
        width: 150px;
    }

    .ci_btn_apply {
        max-width: 266px;
        font-size: 16px;
        padding: 20px 64px;
        border: solid 2px #804F21;
        width: 100%;
    }

    .ci_btn_apply2 {
        max-width: 266px;
        font-size: 16px;
        padding: 26px 64px;
        border: solid 2px #804F21;
        width: 100%;
    }

    .ci_btn_apply::before,
    .ci_btn_apply2::before {
        padding: 26px 131px;
    }

    #ctt2_ci_btn .ci_btn_apply::before,
    #ctt2_ci_btn .ci_btn_apply2::before {
        padding: 26px 131px;
    }



    .ci_btn_apply::after,
    .ci_btn_apply2::after {
        right: 24px;
        top: 24px;
    }

    .ci_header_logo {
        padding: 24px 0 0 24px;
    }

    .ci_header_logo img {
        width: 180px;
        height: auto;
    }

    .ci_lp_ctt1 {
        background-repeat: repeat-y;
        background-size: auto;
        position: relative;
        padding: 0 24px 40px;
		margin-top: -410px;
    }

    .lace_decoration {
        background-image: url(../img/ctt3_lace_sp.svg);
        height: 38.2px;
    }

    .ctt1_colabo_product1 h5 {
        font-size: 18px;
    }

    .ctt1_colabo_product1 {
        flex-wrap: wrap;
        gap: 40px;
    }

    .ctt1_colabo_product1 li {
        text-align: center;
    }

    .ctt1_colabo_product1 img {
        max-width: 200px;
    }

    .ctt1_colabo_product1 p {
        font-size: 14px;
    }

    .small_deme {
        justify-content: flex-end;
        max-width: 460px;
        line-height: 1.4em;
        text-align: right;
        width: fit-content;
        max-width: 438px;
        margin: 8px 0 0 auto;
    }

    .ci_lp_ctt1 .small_deme {
        margin: 8px 0 0 auto;
    }

    .ctt1_colabo_product2 h5 {
        font-size: 16px;
		margin-bottom: 30px;
    }

    .ctt1_colabo_product2 {
        align-items: flex-end;
        flex-wrap: wrap;
        gap: 24px 24px;
    }

    .ci_btn_shop {
        width: 266px;
        font-size: 16px;
        padding: 6px 24px 10px;
        border: solid 2px #804F21;
        margin-top: 16px;
    }

    .btn_txtsmall {
        font-size: 12px;
    }

    .ctt2_colaboarea {
        margin: 40px auto 0;
    }

    .ci_btn_wrapper {
        padding: 24px;
    }

    #ci_fvbtn_wrapper {
        padding-bottom: 64px;
    }

    .ctt1_title {
        position: relative;
    }

    .ctt1_titleimg img {
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }

    .ctt1_colaboarea {
        margin-top: 80px;
        max-width: 800px;
        padding: 32px 24px 40px;
    }

    .ctt1_colaboarea h4 {
        width: 100%;
    }

    .ctt1_colaboarea h4 img {
        width: 100%;
        max-width: 266px;
        margin: 0 auto;
    }

    .ctt2_inner {
        max-width: 800px;
        padding: 32px 24px 40px;
    }

    .ctt2_titleribbon img {
        width: fit-content;
        height: auto;
        max-height: 32px;
    }

    .ctt2_title {
        font-size: 22px;
        padding-top: 40px;
    }

    .ctt2_titleillust {
        right: -98px;
        width: fit-content;
        top: 32%;
    }

    .ctt2_titleillust img {
        width: 71%;
    }

    .ci_lp_ctt2 {
        padding: 0 24px 40px;
    }

    .ctt2_inner p {
        font-size: 18px;
    }

    .ctt2_course img {
        max-width: 310px;
    }

    .txt_pink2 {
        font-size: 32px;
    }

    .txt_blue1 {
        font-size: 20px;
        padding: 0 2px;
    }

    .ctt2_coursewrapper {
        flex-direction: column;
        align-items: center;
    }

    .ctt2_deme {
        font-size: 14px;
        word-break: auto-phrase;
        line-height: 1.4em;
    }

    .ci_step2_bold {
        font-size: 16px;
    }

    .ci_btn_resistration {
        font-size: 16px;
        border: solid 2px #804F21;
        width: 266px;
        padding: 4px 24px 8px;
    }

    .ci_btn_resistration::after {
        right: 20px;
        top: 23px;
    }

    .ci_step2btn_wrapper {
        padding: 24px 0;
    }

    .ci_htapply_inner:first-of-type {
        margin-top: 48px;
    }

    .ci_htapply_inner {
        padding: 64px 20px 32px;
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 24px 64px;
    }

    .ci_htapply_arrow {
        width: 20px;
        margin-top: 40px;
    }

    .ci_htapply_arrow img {
        width: 20px;
    }

    .ci_step3_receipt img {
        width: 100%;
        max-width: 480px;
    }

    .ci_htapply {
        margin-top: 0;
    }

    .ci_htapply_title {
        left: 8px;
        top: -34px;
    }

    .ci_htapply_title img {
        width: 100%;
    }

    .ci_htapply_inner h6 img {
        width: 100%;
    }

    #ctt2_ci_btn {
        margin-top: 8px;
        padding-bottom: 64px;
    }

    .ctt2_inner ul li {
        margin-bottom: 32px;
    }

    .ctt2_inner ul li:nth-of-type(5) {
        margin-bottom: 0;
    }

    .txt_pink1 {
        padding: 0 2px;
    }

    .ci_btn_more {
        border: solid 2px #804F21;
        font-size: 16px;
        width: 266px;
        padding: 15px 48px;
    }

    .ci_btn_more::after {
        right: 30px;
        top: 23px;
    }

    .ci_lp_ctt3_title img {
        max-width: 280px;
        width: 100%;
        height: auto;
        padding: 0;
        margin: 30px auto;
    }

    .ctt3_textarea {
        margin: 0 auto;
    }

    .ci_lp_ctt3_chara img {
        width: 329.41px;
        height: auto;
    }

    .ctt3_lineup h3 {
        font-size: 22px;
        margin: 0 auto 32px;
    }

    .ctt3_lineup h3:after {
        background: radial-gradient(circle farthest-side, #fff, #fff 36.3%, transparent 36.3%, transparent);
        background-size: 22px;
        content: '';
        display: inline-block;
        height: 26px;
        width: 100%;
    }

    .slide_image {
        width: 146px;
    }

    .ctt3_slide {
        width: 264px !important;
        height: 508px;
        padding: 0 24px;
    }

    .ctt3_slide h4 {
        font-size: 16px;
        line-height: 1.4em;
        margin: 24px auto 8px;
    }

    .ctt3_slide h4 span {
        font-size: 16px;
    }

    .slide_text_s {
        font-size: 14px !important;
    }

    .slide_inner_btn a {
        padding: 16px 16px 18px 32px;
        gap: 16px;
        justify-content: space-around;
    }


    .slick-list.draggable {
        max-width: 80%;
    }

    .ctt3_slide_wrapper {
        margin: 0 auto;
    }

    .slide_text {
        height: 130px;
    }

    .slick-prev.slick-arrow {
        left: 8px;
    }

    .slick-next.slick-arrow {
        right: 8px;
    }


    .slick-list {
        overflow: hidden;
    }


    .ctt3_lineup {
        margin: 104px auto 78px;
    }

    .ci_lp_ctt3_chara {
        text-align: center;
        margin-bottom: 24px;
    }

    .ci_lp_ctt3 small {
        font-size: 10px;
    }

    .ctt3_slide p {
        height: 76px;
    }

    .ci_htapply_imgarea img {
        width: 100%;
    }

    .footer_logo {
        margin: 24px 0 12px;
    }
	.product2_link img{
		max-width: 150px;
	}
}

@media only screen and (max-width:1023px) and (min-width:780px){

    .fv_speechbubble {
        top: -20px;
        right: -20px;
    }

    .fv_speechbubble img {
        max-width: 225px !important;
    }

    .fv_area_img3 {
        width: 80%;
    }
	

}

@media only screen and (max-width:680px) and (min-width:481px) {
    .fv_area_bgcloud {
        bottom: -190px;
    }
}

@media only screen and (max-width:560px) and (min-width:481px) {

    .fv_speechbubble {
        top: -18px;
        right: 18px;
    }

    .fv_speechbubble img {
        max-width: 160px !important;
    }
}

@media only screen and  (max-width:540px) {
	.ci_lp_ctt1{
		margin-top: -280px;
	}
	
}

@media only screen and (max-width:480px) {
    .pc_only2 {
        display: none;
    }

    .sp_only2 {
        display: block;
    }

    .fv_area_img1 img {
        max-width: 210px;
    }

    .fv_area_img1 {
        width: 76%;
        margin: 0 auto;
    }

    .fv_area_img2 img {
        width: 88% !important;
        margin: 20px auto 20px;
    }

    .fv_area_bgcloud {
        bottom: 85px;
    }

    .fv_speechbubble img,
    .ctt1_speechbubble img {
        max-width: 140px !important;
    }

    .fv_speechbubble {
        top: -25px;
        right: 8px;
    }

    .fv_fvbgimg1 {
		width: 95%;
        padding: 0 16px;
        margin-left: -2%;
    }

    .ctt1_speechbubble {
        top: -56px;
        right: 10px;
    }

    .ctt1_chara4 img {
        width: 104px !important;
        padding-top: 23px;
    }

    .ctt1_chara1 img {
        width: 176px;
    }

    .ctt1_chara2 img {
        width: 165.92px;
    }

    .ctt3_chara3 img {
        width: 151.89px;
    }

    #ctt3_chara2_img {
        left: 38%;
        width: 117.73px;
        top: -58px;
    }

    .ctt3_mainimgarea {
        margin: 80px auto 8px;
        padding: 0 16px;
    }

    .ctt3_chara3_wrapper {
        margin: 25px 16px -35px;
    }

    .ctt1_chara1 {
        left: 0px;
        top: -70px;
        width: auto;
    }

    .ctt1_colaboarea {
        padding: 32px 24px 40px;
        margin-top: 64px;
    }

    .ci_htapply {
        margin-top: 16px;
    }

    .ci_lp_ctt1 {
        padding: 0 16px 48px;
		margin-top: -160px;
    }

    .ci_lp_ctt3_title {
        padding: 0 16px;
    }

    #ci_fvbtn_wrapper {
        padding: 24px 0 64px;
    }

    .ci_htapply_title {
        position: initial;
        margin-top: -30px;
    }

    

    .ctt1_colabo_product2 li:nth-child(1) img,
    .ctt1_colabo_product2 li:nth-child(2) img,
    .ctt1_colabo_product2 li:nth-child(3) img {
        max-width: 130px;
    }

    #ci_htapply_inner2 .ci_htapply_imgarea img,
    #ci_htapply_inner3 .ci_htapply_imgarea img {
        width: 70%;
    }

    .ci_htapply_inner {
        margin-top: 40px;
        border: solid 2px #804F21;
        padding: 0px 12px 32px;
        gap: 16px;
    }

    .ci_htapply_imgarea {
        margin-bottom: 8px;
    }

    .ci_htapply_arrow {
        margin-top: 16px;
    }

    .ci_htapply_inner:first-of-type {
        margin-top: 24px;
    }

    .ci_lp_ctt2 {
        background-image: url(../img/ci_ctt2_bg_sp.png);
        padding: 0 16px 40px;
    }

    .ci_htapply_deme {
        font-size: 12px;
    }

    .ci_lp_ctt3_chara img {
        width: 294px;
        height: auto;
    }

    #ci_step3_txt {
        text-align: center;
        font-size: 16px;
    }

    .scroll-box,
    #list_text p {
        font-size: 12px;
        margin-top: 0;
    }

    .ctt2_colaboarea {
        margin: 56px auto 8px;
    }

    #ctt2_ci_btn {
        padding: 0 0 64px 0;
        margin-top: 32px;
    }

    .ctt2_inner {
        margin: 12px auto 0;
        padding: 24px 16px 40px;
    }

    .ctt2_inner p {
        font-size: 16px;
    }

    .ctt2_titleribbon img {
        max-height: 28px;
    }

    .ctt2_title {
        position: initial;
        display: flex;
        align-items: center;
        padding-top: 24px;
        padding-left: 16px;
        font-size: 20px;
    }

    .ctt2_titleillust {
        position: initial;
    }

    .ci_btn_resistration {
        width: 100%;
        max-width: 262px;
    }

    .ci_btn_wrapper {
        padding: 0;
    }

    .fv_area_img5 img {
        width: 100%;
        padding: 0 24px;
    }

    .ctt1_chara3 img {
        margin: 0 auto;
        width: 269px;
    }

    .ci_lp_ctt3 {
        background: linear-gradient(rgb(212, 234, 247) 0%, rgb(212, 234, 247) 25%, rgb(255, 245, 228) 100%);
    }

    .ci_lp_ctt3_wrapper {
        background-image: url(../img/ctt3_bgdecoration1_sp.svg);
        background-repeat: no-repeat;
    }

    .ctt3_lineup {
        margin: 70px auto 100px;
    }

    .ctt3_chara3 {
        margin-top: 40px;
    }

    .ctt3_mainimgarea img {
        max-width: 440px;
        width: 100%;
    }

    .ci_btn_column_wrapper {
        margin: -24px auto 0;
    }

    .slick-track {
        margin-left: 0;
    }

    .slick-prev.slick-arrow,
    .slick-next.slick-arrow {
        width: 32px;
        height: 32px;
    }

    .ci_btn_shop {
        margin-top: 32px;
    }
	.product2_link{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 25px;
		position: relative;
	}
	.new_icon{
		width: 14% !important;
		position: absolute;
		top: -5%;
		left: 4%;
	}
}

@media only screen and (max-width:479px) and (min-width:381px) {
    .fv_speechbubble {
        top: -18px;
        right: -8px;
        padding: 0 20px;
    }

    .fv_speechbubble img,
    .ctt1_speechbubble img {
        max-width: 136px !important;
    }
}

@media only screen and (max-width:380px) {
    .ci_header_logo img {
        width: 200px;
    }

    .fv_speechbubble img,
    .ctt1_speechbubble img {
        max-width: 116px !important;
    }

    .fv_speechbubble {
        top: 0;
        right: 10px;
        padding: 0 5px;
    }

    .ctt1_speechbubble {
        top: -44px;
        right: 8px;
    }

    .ctt1_chara4 img {
        padding-top: 14px;
    }

    .ctt1_titleimg {
        margin: 0 auto 20px;
    }

    #ctt3_chara2_img {
        left: 36%;
    }
	.new_icon{
		width: 15% !important;
		position: absolute;
		top: -15px;
		left: 10px;
	}
	.ctt3_colaboarea_deme{
		font-size: 10px;
	}

}