@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
    overflow: hidden;
}
#contents {
	padding: 0;
	width: 100%;
}

#header {
	box-shadow: none;
}

#footerIn img {
	border: none;
}

#wrapper {
	min-width: inherit;
}

.onlySP {
	display: none;
}

#ct_bg {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.8rem;
	line-height: 1.6;
    color: #000;
}

#ct_bg img {
	max-width: 100%;
	height: auto;
}

#ct_bg .imgOver01 img {
	transition: opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#ct_bg .imgOver01 a:hover img {
	opacity: .6;
}

#ct_bg .center {
	text-align: center !important;
}
#ct_bg .right {
	text-align: right !important;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

#ct_bg .mallLinkBtn {
    width: 100%;
	max-width: 286px;
	margin-left: auto;
	margin-right: auto;
    margin-top: 16px;
    position: relative;
}
#ct_bg .mallLinkBtn .mallLink::before {
    content: "";
    display: block;
    width: 41px;
    height: 50px;
    background-image: url(../img/kirakira02.png);
    background-size: contain;
    position: absolute; 
    top: 2px;
    left: 8px;
    z-index: 1;
    animation: btnKirakira 1.5s infinite ease-in-out;
}
#ct_bg .mallLinkBtn .mallLink::after {
    content: "";
    display: block;
    width: 41px;
    height: 50px;
    background-image: url(../img/kirakira03.png);
    background-size: contain;
    position: absolute; 
    bottom: 2px;
    right: 8px;
    z-index: 1;
    animation: btnKirakira 1.2s infinite ease-in-out;
}
#ct_bg .mallLinkBtn .mallLink.reserve::after,
#ct_bg .mallLinkBtn .mallLink.waiting::after {
    content: none;
}
#ct_bg .mallLinkBtn .mallLink.reserve::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/btn_index02.png) no-repeat 0 0/100%;
    z-index: 2;
    animation: none;
}
#ct_bg .mallLinkBtn .mallLink.waiting::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/btn_index03.png) no-repeat 0 0/100%;
    z-index: 2;
    animation: none;
}
#ct_bg .mallLinkBtn .mallLink.reserve::after {
    content: none;
}

#ct_bg .mallLinkBtn .mallLink img:hover,
#ct_bg .mallLinkBtn .mallLink.reserve.on,
#ct_bg .mallLinkBtn .mallLink.waiting.on,
#ct_bg .mainAreaInner .button01 img:hover,
#ct_bg .banner01 img:hover,
#ct_bg .banner02 img:hover {
        animation: btnHover 0.6s ease-in-out;
}
@keyframes btnHover {
	from, to { transform: none; }
	10% { transform: scale(1.1); }
	40% { transform: scale(.95); }
	60% { transform: scale(1); }
	80% { transform: scale(.99); }
}
@keyframes btnKirakira {
	0%, 100% {
        opacity: 0;
        transform: scale(0.5);
    }
	50% {
        opacity: 1;
        transform: scale(1);
    }
}
#ct_bg .mallLinkBtn .mallLink.reserve,
#ct_bg .mallLinkBtn .mallLink.waiting {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#ct_bg .mallLinkBtn .mallLink.reserve::after {
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}
#ct_bg .mallLinkBtn .mallLink.waiting::after {
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

#ct_bg .mallLinkBtn img {
	width: 100%;
}

#ct_bg .mallLinkTxt {
	margin-top: 10px;
	text-align: center;
}
#ct_bg .wrap01 {
	display: flex;
	flex-wrap: wrap;
}
#ct_bg .wrap01.bC {
	justify-content: center;
}
#ct_bg .wrap01.between {
	justify-content: space-between;
}
#ct_bg .wrap01.aC {
	align-items: center;
}
#ct_bg .fadeUp01 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease-out, transform 1s ease-out;
    animation-delay: 0s;
}
#ct_bg .fadeUp01.active {
    opacity: 1;
    transform: translateY(0);
}
#ct_bg .sns_wrapper {
	display: table;
	margin: 0 auto 6px;
	padding: 10px 5px 0;
	border-radius: 10px;
    position: relative;
}
#ct_bg .sns_wrapper .snsBtn01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ct_bg .sns_wrapper .snsBtn01 li {
	margin: 0 5px 10px;
	line-height: 0;
}

@media screen and (min-width: 768px) {
.spOnly {
    display: none;
}
.slick-slide img.spOnly {
	display: none;
}
}
@media screen and (max-width: 767px) {
#ct_bg {
	font-family: -apple-system, "HelveticaNeue", Helvetica;
}

#ct_bg a {
	text-decoration: underline;
}
#ct_bg a:hover {
	text-decoration: none;
}
#header {
	border-bottom: #ccc solid 1px;
}
#ct_bg img {
	width: 100%;
	height: auto;
}

#ct_bg .imgOver01 a:hover img {
	opacity: 1.0;
}

.onlyPC {
	display: none;
}
.onlySP {
	display: block;
}
img.onlySP {
	display: inline-block;
}
.pcOnly {
    display: none;
}
.slick-slide img.onlySP {
	display: inline-block;
}
.slick-slide img.pcOnly {
	display: none;
}
#ct_bg .sns_wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    padding: 0;
    position: relative;
    z-index: 3;
}
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
/* Clearfix */
#ct_bg .cf:after {
	content: " ";
	display: block;
	clear: both;
}

/* splash */
#ct_bg #splash-screen {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg04.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
    animation: scrollBackgroundSplash 20s linear infinite;
    z-index: 12000;
}
#ct_bg #splash-screen #skip-button {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 12001;
}
#ct_bg #splash-screen #skip-button:hover {
    animation: btnHover 0.6s ease-in-out;
}
#ct_bg #splash-screen .splashItem01,
#ct_bg #splash-screen .splashItem02,
#ct_bg #splash-screen .splashItem03,
#ct_bg #splash-screen .splashItem04,
#ct_bg #splash-screen .splashItem05,
#ct_bg #splash-screen .splashItem06,
#ct_bg #splash-screen .splashItem13,
#ct_bg #splash-screen .splashItem14,
#ct_bg #splash-screen .splashItem15,
#ct_bg #splash-screen .splashItem17a,
#ct_bg #splash-screen .splashItem17b,
#ct_bg #splash-screen .splashItem18,
#ct_bg #splash-screen .splashItem19,
#ct_bg #splash-screen .splashItem21,
#ct_bg #splash-screen .splashItem99 {
    position: absolute;
    z-index: 12002;
}
#ct_bg #splash-screen .splashItem20 {
    position: absolute;
    z-index: 12003;
}
#ct_bg #splash-screen .splashItem07,
#ct_bg #splash-screen .splashItem08,
#ct_bg #splash-screen .splashItem09,
#ct_bg #splash-screen .splashItem10,
#ct_bg #splash-screen .splashItem11,
#ct_bg #splash-screen .splashItem12,
#ct_bg #splash-screen .splashItem16 {
    position: absolute;
    z-index: 12004;
}
#ct_bg #splash-screen .splashItem01 {
    width: 277px;
    top: calc(50% - 298px);
    left: calc(50% - 518px);
}
#ct_bg #splash-screen .splashItem01Anime {
    opacity: 0;
    animation: fadeInDownSplash 0.5s ease forwards;
}
#ct_bg #splash-screen .splashItem02 {
    width: 531px;
    opacity: 0;
    top: calc(50% + 66px);
    left: calc(50% - 244px);
    animation: fadeInDownSplash 1s ease forwards;
}
#ct_bg #splash-screen .splashItem03 {
    width: 593px;
    height: auto;
    opacity: 0;
    top: calc(50% - 213px);
    left: calc(50% - 252px);
    animation: fadeInDownSplash 1s ease forwards;
}
#ct_bg #splash-screen .splashItem04 {
    width: 627px;
    height: auto;
    opacity: 0;
    top: calc(50% - 216px);
    left: calc(50% - 279px);
    animation: fadeInDownSplash 1s ease forwards;
}
#ct_bg #splash-screen .splashItem05 {
    width: 692px;
    height: auto;
    opacity: 0;
    top: calc(50% - 374px);
    left: calc(50% - 313px);
    animation: fadeInDownSplash 1s ease forwards;
}
#ct_bg #splash-screen .splashItem06 {
    width: 693px;
    height: auto;
    opacity: 0;
    top: calc(50% - 374px);
    left: calc(50% - 314px);
    animation: fadeInDownSplash 1s ease forwards;
}
#ct_bg #splash-screen .splashItem07 {
    width: 29px;
    height: auto;
    opacity: 0;
    top: calc(50% - 112px);
    left: calc(50% - 99px);
}
#ct_bg #splash-screen .splashItem08 {
    width: 28px;
    height: auto;
    opacity: 0;
    top: calc(50% - 103px);
    left: calc(50% - 44px);
}
#ct_bg #splash-screen .splashItem09 {
    width: 100px;
    height: auto;
    opacity: 0;
    top: calc(50% - 203px);
    left: calc(50% - 276px);
}
#ct_bg #splash-screen .splashItem10 {
    width: 100px;
    height: auto;
    opacity: 0;
    top: calc(50% - 164px);
    left: calc(50% + 63px);
}
#ct_bg #splash-screen .splashItem11 {
    width: 245px;
    height: auto;
    opacity: 0;
    top: calc(50% - 220px);
    left: calc(50% - 413px);
}
#ct_bg #splash-screen .splashItem12 {
    width: 244px;
    height: auto;
    opacity: 0;
    top: calc(50% - 6px);
    left: calc(50% + 95px);
}
#ct_bg #splash-screen .splashItem13 {
    width: 447px;
    height: auto;
    opacity: 0;
    top: calc(50% - 84px);
    left: calc(50% - 299px);
}
#ct_bg #splash-screen .splashItem15 {
    width: 757px;
    height: auto;
    opacity: 0;
    top: calc(50% - 238px);
    left: calc(50% - 453px);
}
#ct_bg #splash-screen .splashItem16 {
    width: 622px;
    height: auto;
    opacity: 0;
    top: calc(50% - 155px);
    left: calc(50% - 404px);
}
#ct_bg #splash-screen .splashItem17a {
    width: 95px;
    opacity: 0;
    top: calc(50% - 247px);
    left: calc(50% - 611px);
}
#ct_bg #splash-screen .splashItem17b {
    width: 95px;
    opacity: 0;
    top: calc(50% - 289px);
    left: calc(50% - 647px);
}
#ct_bg #splash-screen .splashItem18 {
    width: 693px;
    height: auto;
    opacity: 0;
    top: calc(50% - 374px);
    left: calc(50% - 314px);
}
#ct_bg #splash-screen .splashItem19 {
    width: 693px;
    height: auto;
    opacity: 0;
    top: calc(50% - 374px);
    left: calc(50% - 314px);
}
#ct_bg #splash-screen .splashItem20 {
    width: 693px;
    height: auto;
    opacity: 0;
    top: calc(50% - 374px);
    left: calc(50% - 314px);
}

#ct_bg #splash-screen .fade-in {
    animation: fadeInSplash 0.3s ease forwards;
}
#ct_bg #splash-screen .fade-in02 {
    animation: fadeInSplash02 0.4s ease forwards;
}
#ct_bg #splash-screen .fade-in03 {
    animation: fadeInSplash03 0.5s ease forwards;
}
#ct_bg #splash-screen .fade-out {
    animation: fadeOutSplash 0.3s ease forwards;
}
#ct_bg #splash-screen .fade-out02 {
    animation: fadeOutSplash02 0.5s ease forwards;
    animation-duration: 1s;
    opacity: 0;
}
#ct_bg #splash-screen .fade-out03 {
    animation: fadeOutSplash03 1s ease-in-out forwards;
}
#ct_bg #splash-screen .hammer-animation {
    animation: hammerAnimationSplash 0.6s ease-in-out infinite;
}
#ct_bg #splash-screen .blink-animation-a {
    animation: blink-opacity 1.2s ease-in-out infinite;
}
#ct_bg #splash-screen .blink-animation-b {
    animation: blink-opacity 1.2s ease-in-out infinite;
    animation-delay: 0.6s;
}
#ct_bg #splash-screen .scale-up {
    animation: scaleUpAnimationSplash 2s forwards;
}
#ct_bg #splash-screen .scale-up02 {
    animation: scaleUpAnimationSplash02 1s forwards;
}
#ct_bg #splash-screen .bounceBallon01 {
    animation: bounceBallon01 0.8s forwards;
    animation-delay: 0.2s;
}
#ct_bg #splash-screen .bounceBallon02 {
    animation: bounceBallon02 0.4s forwards;
    animation-delay: 0.6s;
}
@media screen and (max-width: 1000px) {
    #ct_bg #splash-screen .splashItem01 {
        width: 27.7vw;
        top: calc(50% - 29.8vw);
        left: calc(50% - 51.8vw);
    }
    #ct_bg #splash-screen .splashItem02 {
        width: 53.1vw;
        opacity: 0;
        top: calc(50% + 6.6vw);
        left: calc(50% - 24.4vw);
    }
    #ct_bg #splash-screen .splashItem03 {
        width: 59.3vw;
        top: calc(50% - 21.3vw);
        left: calc(50% - 25.2vw);
    }
    #ct_bg #splash-screen .splashItem04 {
        width: 62.7vw;
        top: calc(50% - 21.6vw);
        left: calc(50% - 27.9vw);
    }
    #ct_bg #splash-screen .splashItem05 {
        width: 69.2vw;
        top: calc(50% - 37.4vw);
        left: calc(50% - 31.3vw);
    }
    #ct_bg #splash-screen .splashItem06 {
        width: 69.3vw;
        top: calc(50% - 37.4vw);
        left: calc(50% - 31.4vw);
    }
    #ct_bg #splash-screen .splashItem07 {
        width: 2.9vw;
        top: calc(50% - 11.2vw);
        left: calc(50% - 9.9vw);
    }
    #ct_bg #splash-screen .splashItem08 {
        width: 2.8vw;
        top: calc(50% - 10.3vw);
        left: calc(50% - 4.4vw);
    }
    #ct_bg #splash-screen .splashItem09 {
        width: 10vw;
        top: calc(50% - 20.3vw);
        left: calc(50% - 27.6vw);
    }
    #ct_bg #splash-screen .splashItem10 {
        width: 10vw;
        top: calc(50% - 16.4vw);
        left: calc(50% + 6.3vw);
    }
    #ct_bg #splash-screen .splashItem11 {
        width: 24.5vw;
        top: calc(50% - 22vw);
        left: calc(50% - 41.3vw);
    }
    #ct_bg #splash-screen .splashItem12 {
        width: 24.4vw;
        top: calc(50% - 0.6vw);
        left: calc(50% + 9.5vw);
    }
    #ct_bg #splash-screen .splashItem13 {
        width: 44.7vw;
        top: calc(50% - 8.4vw);
        left: calc(50% - 29.9vw);
    }
    #ct_bg #splash-screen .splashItem15 {
        width: 75.7vw;
        top: calc(50% - 23.8vw);
        left: calc(50% - 45.3vw);
    }
    #ct_bg #splash-screen .splashItem16 {
        width: 62.2vw;
        top: calc(50% - 15.5vw);
        left: calc(50% - 40.4vw);
    }
    #ct_bg #splash-screen .splashItem17a {
        width: 9.5vw;
        top: calc(50% - 43.6vw);
        left: calc(50% - 41.1vw);
    }
    #ct_bg #splash-screen .splashItem17b {
        width: 9.5vw;
        top: calc(50% - 38vw);
        left: calc(50% - 34.8vw);
    }
    #ct_bg #splash-screen .splashItem18 {
        width: 69.3vw;
        top: calc(50% - 37.4vw);
        left: calc(50% - 31.4vw);
    }
    #ct_bg #splash-screen .splashItem19 {
        width: 69.3vw;
        top: calc(50% - 37.4vw);
        left: calc(50% - 31.4vw);
    }
    #ct_bg #splash-screen .splashItem20 {
        width: 69.3vw;
        top: calc(50% - 37.4vw);
        left: calc(50% - 31.4vw);
    }
}
@media screen and (max-width: 767px) {
    #ct_bg #splash-screen {
        background-size: 100%;
        animation: scrollBackgroundSplash 40s linear infinite;
    }
    #ct_bg #splash-screen #skip-button {
        width: 21.375vw;
        bottom: 1.875vw;
        right: 1.875vw;
    }
    #ct_bg #splash-screen .splashItem01 {
        width: 35.375vw;
        top: calc(50% - 49.75vw);
        left: calc(50% - 46.875vw);
    }
    #ct_bg #splash-screen .splashItem02 {
        width: 60.875vw;
        top: calc(50% + 7.25vw);
        left: calc(50% - 28vw);
    }
    #ct_bg #splash-screen .splashItem03 {
        width: 68.125vw;
        top: calc(50% - 24.75vw);
        left: calc(50% - 28.875vw);
    }
    #ct_bg #splash-screen .splashItem04 {
        width: 72vw;
        top: calc(50% - 25vw);
        left: calc(50% - 32vw);
    }
    #ct_bg #splash-screen .splashItem05 {
        width: 79.375vw;
        top: calc(50% - 43.25vw);
        left: calc(50% - 35.875vw);
    }
    #ct_bg #splash-screen .splashItem06 {
        width: 79.5vw;
        top: calc(50% - 43.25vw);
        left: calc(50% - 36vw);
    }
    #ct_bg #splash-screen .splashItem07 {
        width: 3.375vw;
        top: calc(50% - 13.125vw);
        left: calc(50% - 11.375vw);
    }
    #ct_bg #splash-screen .splashItem08 {
        width: 3.25vw;
        top: calc(50% - 12.125vw);
        left: calc(50% - 5.125vw);
    }
    #ct_bg #splash-screen .splashItem09 {
        width: 11.625vw;
        top: calc(50% - 23.75vw);
        left: calc(50% - 31.75vw);
    }
    #ct_bg #splash-screen .splashItem10 {
        width: 11.5vw;
        top: calc(50% - 19.25vw);
        left: calc(50% + 7.125vw);
    }
    #ct_bg #splash-screen .splashItem11 {
        width: 28.25vw;
        top: calc(50% - 23.75vw);
        left: calc(50% - 47.5vw);
    }
    #ct_bg #splash-screen .splashItem12 {
        width: 28vw;
        top: calc(50% - 1vw);
        left: calc(50% + 10.875vw);
    }
    #ct_bg #splash-screen .splashItem13 {
        width: 51.25vw;
        top: calc(50% - 10vw);
        left: calc(50% - 34.125vw);
    }
    #ct_bg #splash-screen .splashItem15 {
        width: 90vw;
        top: calc(50% - 29.25vw);
        left: calc(50% - 53.375vw);
    }
    #ct_bg #splash-screen .splashItem16 {
        width: 71.625vw;
        top: calc(50% - 18.25vw);
        left: calc(50% - 46.375vw);
    }
    #ct_bg #splash-screen .splashItem17a {
        width: 10.875vw;
        top: calc(50% - 50.25vw);
        left: calc(50% - 11.375vw);
    }
    #ct_bg #splash-screen .splashItem17b {
        width: 10.875vw;
        top: calc(50% - 45.375vw);
        left: calc(50% - 7.25vw);
    }
    #ct_bg #splash-screen .splashItem18 {
        width: 79.5vw;
        top: calc(50% - 43.25vw);
        left: calc(50% - 36vw);
    }
    #ct_bg #splash-screen .splashItem19 {
        width: 79.5vw;
        top: calc(50% - 43.25vw);
        left: calc(50% - 36vw);
    }
    #ct_bg #splash-screen .splashItem20 {
        width: 79.5vw;
        top: calc(50% - 43.25vw);
        left: calc(50% - 36vw);
    }

}
@keyframes scrollBackgroundSplash {
    from { background-position: 0 767px; }
    to { background-position: 0 0; }
}
@keyframes fadeInDownSplash {
    from {
        opacity: 0;
        transform: translateY(-60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInSplash {
    0% {
        opacity: 1;
        transform: scale(0.9, 1.1) translate(0%, -10%);
    }
    10% {
        transform: scale(0.8, 1.2) translate(0%, -5%);
    }
    20% {
        transform: scale(1.1, 0.9) translate(0%, 8%);
    }
    30% {
        transform: scale(0.9, 1) translate(0%, -2%);
    }
    40% {
        transform: scale(0.95, 1.1) translate(0%, -8%);
    }
    50% {
        transform: scale(0.95, 1.1) translate(0%, -2%);
    }
    60% {
        transform: scale(1.05, 1.0) translate(0%, 1%);
    }
    70% {
        transform: scale(1.0, 1.0) translate(0%, 0%);
    }
    100% {
        opacity: 1;
        transform: scale(1.0, 1.0) translate(0%, 0%);
    }
}
@keyframes fadeInSplash02 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeInSplash03 {
    0% {
        opacity: 0;
        transform: translate(49px, -126px);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}
@keyframes fadeOutSplash {
    0% {
        opacity: 1;
        transform: scale(0.9, 1.1) translate(0%, 0%);
    }
    100% {
        opacity: 1;
        transform: scale(1.0, 1.0) translate(0%, -10%);
    }
}
@keyframes fadeOutSplash02 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOutSplash03 {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes hammerAnimationSplash {
    0%, 100% { 
        opacity: 1;
        transform: rotate(0deg);
    }
    50% {
        opacity: 1;
        transform: rotate(-40deg);
    }
}
@keyframes blink-opacity {
    0%, 100% {
        opacity: 0;
    }
    30%, 70% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
}
@keyframes scaleUpAnimationSplash {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
    }
}
@keyframes scaleUpAnimationSplash02 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes bounceBallon01 {
    0% {
        opacity: 0;
        scale: (0.6);
        transform: translateY(0);
    }
    10% {
        transform: translateY(-10px);
    }
    20% {
        opacity: 1;
        scale: (1);
        transform: translateY(0);
    }
    40% {
        opacity: 1;
        scale: (1);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        scale: (1);
        transform: translateY(0);
    }
}
@keyframes bounceBallon02 {
    0% {
        opacity: 0;
        scale: (0.6);
        transform: translateY(0);
    }
    20% {
        transform: translateY(-10px);
    }
    40% {
        opacity: 1;
        scale: (1);
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        scale: (1);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        scale: (1);
        transform: translateY(0);
    }
}
@media screen and (max-width: 767px) {
    @keyframes fadeInSplash03 {
        0% {
            opacity: 0;
            transform: translate(6.125vw, -15.75vw);
        }
        100% {
            opacity: 1;
            transform: translate(0, 0);
        }
    }
}

/* bg */
#ct_bg::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/bg01.png');
    background-repeat: repeat;
    background-size: 578px;
    z-index: 0;
    animation: scrollBackground 120s linear infinite;
}
@keyframes scrollBackground {
    from { background-position: 578px 0; }
    to { background-position: 0 0; }
}

/* mainArea */
#ct_bg .mainArea {
    position: relative;
    opacity: 0;
    transition: opacity 0.5s ease-in;
}
#ct_bg .mainArea.on {
    display: block;
    opacity: 1;
}
#ct_bg .headTitleArea01 {
    position: relative;
    background-color: #E45065;
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
    z-index: 5;
}
#ct_bg .headTitleArea01 .text01 {
    font-size: 1.4rem;
}
#ct_bg .headTitleArea01 .text01 .text01-inner {
    margin-left: 1em;
}
/* mainVIsual */
#ct_bg .mainVisual {
	width: 100%;
	height: 876px;
	position: relative;
}
#ct_bg .mainVisual::before {
	content: "";
	display: block;
	width: 100%;
	height: 767px;
	background-image: url(../img/bg04.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
    animation: scrollBackgroundMv 60s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
}
#ct_bg .mainVisual.pink::before {
	content: "";
	display: block;
	width: 100%;
	/*height: 767px;*/
	background-image: url(../img/bg06.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
    animation: scrollBackgroundMv 60s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
}
#ct_bg .mainVisual .illust01 {
    position: absolute;
	z-index: 2;
	width: 2000px;
	bottom: 34px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 3;
}
#ct_bg .star {
	position: absolute;
	display: block;
	width: 61px;
	height: 75px;
	background: url("../img/kirakira01.png") no-repeat center center/contain;
	animation: glitter 4s;
	pointer-events: none;
	z-index: 2;
}
@media screen and (max-width: 767px) {
    #ct_bg .star {
        width: 41px;
        height: 51px;
    }
}
@keyframes glitter {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1);
		opacity: 1;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

#ct_bg .mainVisual .mainVisualInner01 {
    width: 100%;
    height: 840px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 4;
}
#ct_bg .mainVisual .mainVisualInner01 .txt01,
#ct_bg .mainVisual .mainVisualInner01 .txt02,
#ct_bg .mainVisual .mainVisualInner01 .txt03,
#ct_bg .mainVisual .mainVisualInner01 .txt04,
#ct_bg .mainVisual .mainVisualInner01 .txt05,
#ct_bg .mainVisual .mainVisualInner01 .txt06,
#ct_bg .mainVisual .mainVisualInner01 .logo01 {
    opacity: 0;
    z-index: 5;
    position: absolute;
}
#ct_bg .slick-list {
	overflow: hidden;
}
#ct_bg .slick-slide {
	overflow: hidden;
	padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
#ct_bg .slick-slide {
	padding-bottom: 0;
}
}
#ct_bg .slick-prev {
	top: 20px;
	left: calc(50% + -37vw);
	z-index: 999;
}
#ct_bg .slick-prev::before {
    content: '';
	display: block;
	width: 50px;
	height: 75px;
	background: url("../img/arrow01.png") no-repeat;
	background-size: 50px;
	opacity: 1;
	transition: opacity .3s;
}
#ct_bg .slick-prev:hover::before {
	opacity: .75;
	transition: opacity .3s;
}
#ct_bg .slick-next {
	top: 20px;
	left: calc(50% + 34vw);
	z-index: 999;
}
#ct_bg .slick-next::before {
    content: '';
	display: block;
	width: 50px;
	height: 75px;
	background: url("../img/arrow02.png") no-repeat;
	background-size: 50px;
	opacity: 1;
	transition: opacity .3s;
}
#ct_bg .slick-next:hover::before {
	opacity: .75;
	transition: opacity .3s;
}
@media screen and (max-width: 1000px) {
#ct_bg .slick-prev::before,
#ct_bg .slick-next::before {
	width: 40px;
	background-size: 40px;
}
#ct_bg .slick-prev {
	left: calc(50% + -39vw);
}
}
@media screen and (max-width: 768px) {
#ct_bg .slick-prev {
	top: 16px;
	left: calc(50% + -47vw);
	z-index: 999;
}
#ct_bg .slick-prev::before {
	width: 30px;
	height: 45px;
	background-size: 30px;
}
#ct_bg .slick-prev:hover::before {
	opacity: 1;
}
#ct_bg .slick-next {
	top: 16px;
	left: calc(50% + 39.6vw);
	z-index: 999;
}
#ct_bg .slick-next::before {
	width: 30px;
	height: 45px;
	background-size: 30px;
}
#ct_bg .slick-next:hover::before {
	opacity: 1;
}
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt01 {
    width: 269px;
	top: 100px;
	left: calc(50% - 501px);
    opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 0.2s;
}
#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt01 {
	width: 393px;
	left: calc(50% - 600px);
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt02 {
    width: 307px;
	top: 271px;
	left: calc(50% - 658px);
    opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 0.4s;
}
#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt02 {
	width: 383px;
	top: 430px;
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt03 {
    width: 374px;
	top: 484px;
	left: calc(50% - 598px);
    opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 0.6s;
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt04 {
    width: 410px;
	top: 221px;
	left: calc(50% + 199px);
    opacity: 0;
    animation: mvAnime02 1.2s ease-out forwards;
    animation-delay: 0.8s;
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt05 {
    width: 429px;
	top: 498px;
	left: calc(50% + 213px);
    opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 1.0s;
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt06 {
	width: 151px;
	top: 658px;
	left: calc(50% - 280px);
	opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 1.0s;
}
#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt06 {
	width: 151px;
	top: 658px;
	left: calc(50% - 366px);
	opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 1.0s;
}
#ct_bg .mainVisual.start-animation .mainVisualInner01 .logo01 {
    width: 377px;
	top: 15px;
	left: calc(50% - 188px);
    opacity: 0;
    animation: mvAnime01 0.4s ease-out forwards;
    animation-delay: 0.5s;
}
#ct_bg .mainVisual.start-animation .mainVisualNote01 {
    position: relative;
}
#ct_bg .mainVisual.start-animation .mainVisualNote01 .txt01 {
    font-size: 1rem;
    position: absolute;
    top: 2px;
    left: calc(50% + 54px);
    z-index: 3;
}
#ct_bg .nyanko .mainVisual.start-animation .mainVisualNote01 .txt01 {
	left: 14%;
}
#ct_bg .mainAreaInner .button01 {
	max-width: 217px;
	margin: 10px auto 0;
	padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
    #ct_bg .mainVisual.start-animation .mainVisualNote01::after {
        content: "";
        display: block;
        width: 100%;
        height: 34px;
        background: #F89C13;
        opacity: 0.7;
        clip-path: polygon(100% 0, 0 0, 0 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
    #ct_bg .mainVisual.start-animation .mainVisualNote01::before {
        content: "";
        display: block;
        width: 100%;
        height: 34px;
        background: #90BF28;
        opacity: 0.8;
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
}
@media screen and (max-width: 1300px) {
    #ct_bg .mainVisual {
        height: 67.2307vw;
    }
    #ct_bg .mainVisual::before {
        height: 59vw;
    }    
    #ct_bg .mainVisual .illust01 {
        width: 153.8462vw;
        bottom: 2.6153vw;
    }
    #ct_bg .mainVisual .mainVisualInner01 {
        height: 64.4vw;
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt01 {
        width: 20.6923vw;
        top: 7.6923vw;
        left: calc(50% - 38.5385vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt01 {
        width: 28.6923vw;
        top: 7.6923vw;
        left: calc(50% - 44.5385vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt02 {
        width: 23.6153vw;
        top: 20.8462vw;
        left: calc(50% - 50.6153vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt02 {
        width: 29.6153vw;
        top: 31.8462vw;
        left: calc(50% - 49.6153vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt03 {
        width: 28.7692vw;
        top: 37.2307vw;
        left: calc(50% - 50.6153vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt04 {
        width: 31.5384vw;
        top: 17vw;
        left: calc(50% + 15.3077vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt05 {
        width: 33vw;
        top: 38.3077vw;
        left: calc(50% + 16.3846vw);
    }
	#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt06 {
        width: 12.0153vw;
        top: 50.8462vw;
        left: calc(50% - 27.6153vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt06 {
        width: 12.0153vw;
        top: 50.8462vw;
        left: calc(50% - 27.6153vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .logo01 {
        width: 29vw;
        top: 1.1538vw;
        left: calc(50% - 14.4615vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualNote01 .txt01 {
        width: 100%;
        text-align: center;
        left: 0;
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualNote01 .txt01 {
		left: -14%;
	}
}
@media screen and (max-width: 767px) {
    #ct_bg .headTitleArea01 .text01 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #ct_bg .headTitleArea01 .text01 .text01-inner {
        margin-left: 0;
    }
    #ct_bg .mainVisual {
        /*height: 140.25vw;*/
		height: 155.25vw;
    }
    #ct_bg .mainVisual::before {
        height: 66.25vw;
    }
    #ct_bg .mainVisual .mainVisualInner01 {
        height: 136.25vw;
    }
    #ct_bg .mainVisual .illust01 {
        width: 100vw;
        top: 0;
        bottom: auto;
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt01 {
        width: 33.625vw;
        top: 35.875vw;
        left: -6.125vw;
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt01 {
        width: 40.6923vw;
        top: 29.6923vw;
        left: calc(50% - 58.5385vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt02 {
        width: 38.375vw;
        top: 61vw;
        left: calc(50% - 48.25vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt02 {
        width: 40.6153vw;
        top: 60.8462vw;
        left: calc(50% - 43.6153vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt03 {
        width: 46.625vw;
        top: 88.375vw;
        left: calc(50% - 50vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt04 {
        width: 58.5vw;
        top: 97.5vw;
        left: calc(50% - 9.875vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt04 {
        width: 58.5vw;
        top: 103.5vw;
        left: calc(50% - 46.875vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .txt05 {
        width: 33.25vw;
        top: 45vw;
        left: calc(50% + 16.75vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt05 {
        width: 45.25vw;
        top: 45vw;
        left: calc(50% + 4.75vw);
    }
	#ct_bg .mainVisual.start-animation .mainVisualInner01 .txt06 {
        width: 19.025vw;
        top: 22.375vw;
        left: calc(50% - -29vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualInner01 .txt06 {
        width: 19.025vw;
        top: 22.375vw;
        left: calc(50% - -29vw);
    }
    #ct_bg .mainVisual.start-animation .mainVisualInner01 .logo01 {
        width: 34.375vw;
        top: 6.25vw;
        left: calc(50% - 17vw);
    }
	#ct_bg .nyanko .mainVisual.start-animation .mainVisualNote01 .txt01 {
		left: 0;
	}
}
@keyframes fadeUp01 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes scrollBackgroundMv {
    from { background-position: 0 767px; }
    to { background-position: 0 0; }
}
@keyframes kirakiraMv01 {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes mvAnime01 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
    70% {
        opacity: 1;
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes mvAnime02 {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    16% {
        opacity: 1;
        transform: scale(1.05);
    }
    23% {
        opacity: 1;
        transform: scale(.9);
    }
    33% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    52% {
        opacity: 1;
        transform: scale(1) rotate(5deg);
    }
    54% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    70% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    72% {
        opacity: 1;
        transform: scale(1) rotate(5deg);
    }
    74% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }

}
@media screen and (max-width: 767px) {
    @keyframes scrollBackgroundMv {
        from { background-position: 0 91vw; }
        to { background-position: 0 0; }
    }
}

#ct_bg .displayAnime01 {
    opacity: 0;
    transition: all 2.5s;
    visibility: hidden;
}
#ct_bg .displayAnime01.active {
    opacity: 1;
    visibility: visible;
}
#ct_bg .cvArea01 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width: 1600px){
#ct_bg .frameArea08 .cvArea01.type01 {
	margin-top: -20px;
}
}
#ct_bg .cvArea01 .cvTxt01 {
    background: #36A4D4;
    padding: 4px 16px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
}
#ct_bg .frameArea08 .cvArea01 .cvTxt01 {
    background: #36A4D4;
    padding: 4px 16px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
	text-align: center;
}
#ct_bg .cvArea01 .cvTxt02 {
    font-weight: bold;
    margin-top: 16px;
    text-align: center;
}
#ct_bg .frameArea08 .cvArea01 .cvTxt02 {
	font-size: 1.6rem;
    font-weight: bold;
    margin-top: 16px;
    text-align: left;
}
#ct_bg .cvArea01 .cvTxt03 {
    font-size: 2.2rem;
}
#ct_bg .cvArea01 .cvTxt04 {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 16px;
}
#ct_bg .cvArea01 .cvTxt05 {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 16px;
}
#ct_bg .cvArea01 .cvTxt05 + .cvTxt01 {
    margin-top: 16px;
}
#ct_bg .frameArea08 .cvArea01 .cvTxt06 {
	max-width: 150px;
}
#ct_bg .cvArea01 .cvLogo01 {
    width: 360px;
}
#ct_bg .frameArea01 {
    position: relative;
    margin-top: 72px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1032px;
    padding-left: 16px;
    padding-right: 16px;
}
#ct_bg .frameArea01 .kirakira01,
#ct_bg .frameArea01 .kirakira02,
#ct_bg .frameArea01 .kirakira03,
#ct_bg .frameArea01 .kirakira04,
#ct_bg .frameArea01 .kirakira05,
#ct_bg .frameArea01 .kirakira06,
#ct_bg .frameArea01 .kirakira07,
#ct_bg .frameArea01 .kirakira08,
#ct_bg .frameArea01 .kirakira09,
#ct_bg .frameArea01 .kirakira10,
#ct_bg .frameArea01 .kirakira11,
#ct_bg .frameArea01 .kirakira12,
#ct_bg .frameArea01 .kirakira13,
#ct_bg .frameArea01 .kirakira14 {
    position: absolute;
}
#ct_bg .frameArea01 .kirakira01 {
    top: -50px;
    left: calc(50% - 462px);
    animation: kirakira02 1.5s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira02 {
    top: -10px;
    left: calc(50% - 480px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira03 {
    top: 143px;
    left: calc(50% - 475px);
    animation: kirakira01 1.0s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira04 {
    top: 231px;
    left: calc(50% - 530px);
    animation: kirakira02 1.6s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira05 {
    top: 275px;
    left: calc(50% - 490px);
    animation: kirakira01 1.9s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira06 {
    top: 405px;
    left: calc(50% - 472px);
    animation: kirakira02 1.3s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira07 {
    top: 441px;
    left: calc(50% - 501px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira08 {
    top: -20px;
    left: calc(50% + 419px);
    animation: kirakira02 1.1s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira09 {
    top: 18px;
    left: calc(50% + 440px);
    animation: kirakira01 1.6s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira10 {
    top: 145px;
    left: calc(50% + 421px);
    animation: kirakira02 1.8s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira11 {
    top: 220px;
    left: calc(50% + 501px);
    animation: kirakira02 1.5s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira12 {
    top: 260px;
    left: calc(50% + 450px);
    animation: kirakira01 1.7s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira13 {
    top: 406px;
    left: calc(50% + 460px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea01 .kirakira14 {
    top: 441px;
    left: calc(50% + 501px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea01 .movieWrap01 {
    width: 92.5vw;
    max-width: 800px;
    aspect-ratio: 560 / 315;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#ct_bg .frameArea01 .movieWrap01::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #E61A74;
    border-radius: 8px;
    z-index: 1;
    top: 0;
    left: 0;
}
#ct_bg .frameArea01 .movieWrap01.active::before {
    animation: movieBg01 2.5s ease-out forwards;
    animation-delay: 0.5s;
}
#ct_bg .frameArea01 .movieWrap01::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #F89C13;
    border-radius: 8px;
    z-index: 2;
    top: 0;
    left: 0;
}
#ct_bg .frameArea01 .movieWrap01.active::after {
    animation: movieBg02 2.5s ease-out forwards;
    animation-delay: 0.5s;
}
#ct_bg .frameArea01 .movieWrap01 iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 3;
    position: relative;
}
#ct_bg .frameArea01 .movieWrap01.imgWrap01 {
    display: grid;
    place-items: center;
}
#ct_bg .frameArea01 .movieWrap01 .img01 {
    position: relative;
    z-index: 3;
}

#ct_bg .frameArea02 {
    position: relative;
    margin-top: 64px;
    background-image: url(../img/bg03.png);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: auto;
}
#ct_bg .frameArea02 .kirakira01,
#ct_bg .frameArea02 .kirakira02,
#ct_bg .frameArea02 .kirakira03,
#ct_bg .frameArea02 .kirakira04,
#ct_bg .frameArea02 .kirakira05,
#ct_bg .frameArea02 .kirakira06,
#ct_bg .frameArea02 .kirakira07,
#ct_bg .frameArea02 .kirakira08,
#ct_bg .frameArea02 .kirakira09,
#ct_bg .frameArea02 .kirakira10,
#ct_bg .frameArea02 .kirakira11,
#ct_bg .frameArea02 .kirakira12,
#ct_bg .frameArea02 .kirakira13,
#ct_bg .frameArea02 .kirakira14,
#ct_bg .frameArea02 .kirakira15 {
    position: absolute;
}
#ct_bg .frameArea02 .kirakira01 {
    top: 76px;
    left: calc(50% - 345px);
    animation: kirakira02 1.6s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira02 {
    top: 95px;
    left: calc(50% - 645px);
    animation: kirakira02 1.1s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira03 {
    top: 131px;
    left: calc(50% - 506px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira04 {
    top: 220px;
    left: calc(50% - 711px);
    animation: kirakira02 1.5s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira05 {
    top: 318px;
    left: calc(50% - 469px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira06 {
    top: 327px;
    left: calc(50% - 654px);
    animation: kirakira02 1.8s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira07 {
    top: 461px;
    left: calc(50% - 648px);
    animation: kirakira02 1.3s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira08 {
    top: 19px;
    left: calc(50% + 318px);
    animation: kirakira02 1.3s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira09 {
    top: 56px;
    left: calc(50% + 251px);
    animation: kirakira01 1.2s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira10 {
    top: 110px;
    left: calc(50% + 392px);
    animation: kirakira01 1.2s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira11 {
    top: 136px;
    left: calc(50% + 648px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira12 {
    top: 166px;
    left: calc(50% + 547px);
    animation: kirakira02 1.9s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira12 {
    top: 234px;
    left: calc(50% + 438px);
    animation: kirakira02 1.4s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira13 {
    top: 283px;
    left: calc(50% + 559px);
    animation: kirakira01 1.2s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira14 {
    top: 398px;
    left: calc(50% + 408px);
    animation: kirakira02 1.6s infinite ease-in-out;
}
#ct_bg .frameArea02 .kirakira15 {
    top: 421px;
    left: calc(50% + 654px);
    animation: kirakira01 1.7s infinite ease-in-out;
}

#ct_bg .frameArea02 .wrap01 {
    display: block;
    width: 750px;
    height: 613px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/bg02.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
#ct_bg .frameArea02 .wrap01 .logo01 {
    width: 254px;
    position: absolute;
    top: 52px;
    left: calc(50% - 127px);
}
#ct_bg .frameArea02 .wrap02 {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ct_bg .frameArea02 .wrap02 .col01 {
    width: 51%;
    background-image: url(../img/bg05.png);
    background-repeat: repeat;
    box-shadow: 0px 0px 2px 2px rgba(234, 204, 161, 0.80) inset;
    border-radius: 16px;
    padding: 8px;
}
#ct_bg .frameArea02 .wrap02 .img02 {
    background: #fff;
    border-radius: 8px;
}
#ct_bg .frameArea02 .wrap02 .col02 {
    width: 49%;
    padding-left: 3px;
    padding-right: 3px;
}
#ct_bg .frameArea02 .illust01 {
    position: absolute;
    bottom: -16px;
    left: calc(50% - 563px);
    width: 232px;
    height: 191px;
    z-index: 1;
}
#ct_bg .frameArea02 .illust02 {
    position: absolute;
    bottom: -16px;
    left: calc(50% + 320px);
    width: 232px;
    height: 191px;
    z-index: 1;
}
#ct_bg .frameArea02 .illust01 .imgAnime,
#ct_bg .frameArea02 .illust02 .imgAnime {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    animation: imgAnime 5s infinite;
}
#ct_bg .frameArea02 .illust01 .imgAnime.imgAnime01,
#ct_bg .frameArea02 .illust02 .imgAnime.imgAnime01 {
    animation-delay: 0s;
}
#ct_bg .frameArea02 .illust01 .imgAnime.imgAnime02,
#ct_bg .frameArea02 .illust02 .imgAnime.imgAnime02 {
    animation-delay: 2.5s;
}
#ct_bg .frameArea02 .frameArea02__bg {
    width: 100%;
    height: 34px;
    position: absolute;
    bottom: -33px;
}
#ct_bg .frameArea02 .frameArea02__bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 34px;
    background: #F89C13;
    opacity: 0.7;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    position: absolute;
    top: 0;
    left: 0;
}
#ct_bg .frameArea02 .frameArea02__bg::before {
    content: "";
    display: block;
    width: 100%;
    height: 34px;
    background: #90BF28;
    opacity: 0.8;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    position: absolute;
    top: 0;
    left: 0;
}

#ct_bg .frameArea03 {
    margin-top: 96px;
    position: relative;
    max-width: 1048px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .ttlWrap01 {
    opacity: 0;
    clip-path: polygon(0px 0px, 0px 0px, 0px 100%, 0px 100%);
    position: relative;
    margin-bottom: 16px;
}
#ct_bg .ttlWrap01.ttlWrap02 {
    width: 100%;
    max-width: 524px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .ttlWrap01.ttlWrap03 {
    width: 100%;
    max-width: 572px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .ttlWrap01.ttlWrap04 {
    width: 100%;
    max-width: 524px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .ttlWrap01.animate {
    animation: ttlAnime01 0.8s ease-in-out forwards;
}
#ct_bg .ttlWrap01 .ttlbg02,
#ct_bg .ttlWrap01 .ttlbg03 {
    position: absolute;
    opacity: 0;
}
#ct_bg .ttlWrap01.ttlWrap02 .ttlbg02 {
    top: 10px;
    left: 34px;
}
#ct_bg .ttlWrap01.ttlWrap02 .ttlbg03 {
    bottom: 26px;
    right: 34px;
}
#ct_bg .ttlWrap01.ttlWrap03 .ttlbg02 {
    top: 6px;
    left: 27px;
}
#ct_bg .ttlWrap01.ttlWrap03 .ttlbg03 {
    bottom: 24px;
    right: 27px;
}
#ct_bg .ttlWrap01.ttlWrap04 .ttlbg02 {
    top: 6px;
    left: 35px;
}
#ct_bg .ttlWrap01.ttlWrap04 .ttlbg03 {
    bottom: 24px;
    right: 35px;
}
#ct_bg .ttlWrap01 .ttlbg02.fadeIn,
#ct_bg .ttlWrap01 .ttlbg03.fadeIn {
    animation: ttlAnime03 0.2s ease forwards;
}
#ct_bg .ttlWrap01 .ttl01 {
    position: absolute;
}
#ct_bg .ttlWrap01 .ttl01.ttl02 {
    width: 260px;
    top: 32px;
    left: calc(50% - 130px);
}
#ct_bg .ttlWrap01 .ttl01.ttl03 {
    width: 372px;
    top: 24px;
    left: calc(50% - 186px);
}
#ct_bg .ttlWrap01 .ttl01.ttl04 {
    width: 366px;
    top: 20px;
    left: calc(50% - 183px);
}
#ct_bg .ttlWrap01 .ttl01.ttl05 {
    width: 313px;
    top: 26px;
    left: calc(50% - 156px);
}
#ct_bg .ttlWrap01 .ttl01.ttl06 {
    width: 199px;
    top: 32px;
    left: calc(50% - 99px);
}
#ct_bg .ttlWrap01 .ttlImg01 {
    opacity: 0;
}
#ct_bg .ttlWrap01 .ttlImg01.bounce {
    animation: ttlAnime02 1s ease forwards;
}

#ct_bg .frameArea03 .wrap01 {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}
#ct_bg .frameArea03 .wrap01 .col01 {
    width: calc(100% / 3 - 8px);
    margin-bottom: 8px;
}
#ct_bg .frameArea03 .wrap01 .step01,
#ct_bg .frameArea03 .wrap01 .step02,
#ct_bg .frameArea03 .wrap01 .step03,
#ct_bg .frameArea03 .wrap01 .step04,
#ct_bg .frameArea03 .wrap01 .step05,
#ct_bg .frameArea03 .wrap01 .step06,
#ct_bg .frameArea03 .wrap01 .step07 {
    position: relative;
}
#ct_bg .frameArea03 .wrap01 .step01.fadeUp01 .arrow01,
#ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01,
#ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01,
#ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01,
#ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01,
#ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 {
    position: absolute;
    top: 120px;
    left: -44px;
}
#ct_bg .frameArea03 .wrap01 .step02.fadeUp01 {
    transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;
}
#ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 0.3s, transform 0.6s ease-out 0.3s;
}
#ct_bg .frameArea03 .wrap01 .step03.fadeUp01 {
    transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;
}
#ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 0.5s, transform 0.6s ease-out 0.3s;
}
#ct_bg .frameArea03 .wrap01 .step04.fadeUp01 {
    transition: opacity 0.6s ease-out 0.6s, transform 0.6s ease-out 0.6s;
}
#ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 0.7s, transform 0.6s ease-out 0.7s;
}
#ct_bg .frameArea03 .wrap01 .step06.fadeUp01 {
    transition: opacity 0.6s ease-out 1.0s, transform 0.6s ease-out 1.0s;
}
#ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 1.1s, transform 0.6s ease-out 1.1s;
}
#ct_bg .frameArea03 .wrap01 .step05.fadeUp01 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out 0.8s, transform 0.6s ease-out 0.8s;
}
#ct_bg .frameArea03 .wrap01 .step05.fadeUp01.active {
    opacity: 1;
    transform: translateY(0);
    animation: popIn 0.6s ease-out 0.8s forwards;
}
#ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 0.9s, transform 0.6s ease-out 0.9s;
}
#ct_bg .frameArea03 .wrap02 {
    position: relative;
    margin-top: 16px;
}
#ct_bg .frameArea03 .wrap02.type01 {
    padding-right: 70px;
}
#ct_bg .frameArea03 .wrap02 .kirakira01,
#ct_bg .frameArea03 .wrap02 .kirakira02,
#ct_bg .frameArea03 .wrap02 .kirakira03,
#ct_bg .frameArea03 .wrap02 .kirakira04,
#ct_bg .frameArea03 .wrap02 .kirakira05,
#ct_bg .frameArea03 .wrap02 .kirakira06,
#ct_bg .frameArea03 .wrap02 .kirakira07,
#ct_bg .frameArea03 .wrap02 .kirakira08,
#ct_bg .frameArea03 .wrap02 .kirakira09,
#ct_bg .frameArea03 .wrap02 .kirakira10,
#ct_bg .frameArea03 .wrap02 .kirakira11,
#ct_bg .frameArea03 .wrap02 .kirakira12,
#ct_bg .frameArea03 .wrap02 .kirakira13,
#ct_bg .frameArea03 .wrap02 .kirakira14,
#ct_bg .frameArea03 .wrap02 .kirakira15,
#ct_bg .frameArea03 .wrap02 .kirakira16,
#ct_bg .frameArea03 .wrap02 .kirakira17,
#ct_bg .frameArea03 .wrap02 .kirakira18,
#ct_bg .frameArea03 .wrap02 .kirakira19,
#ct_bg .frameArea03 .wrap02 .kirakira20,
#ct_bg .frameArea03 .wrap02 .kirakira21,
#ct_bg .frameArea03 .wrap02 .kirakira22,
#ct_bg .frameArea03 .wrap02 .kirakira23,
#ct_bg .frameArea03 .wrap02 .kirakira24,
#ct_bg .frameArea03 .wrap02 .kirakira25,
#ct_bg .frameArea03 .wrap02 .kirakira26,
#ct_bg .frameArea03 .wrap02 .kirakira27,
#ct_bg .frameArea03 .wrap02 .kirakira28,
#ct_bg .frameArea03 .wrap02 .kirakira29,
#ct_bg .frameArea03 .wrap02 .kirakira30,
#ct_bg .frameArea03 .wrap02 .kirakira31,
#ct_bg .frameArea03 .wrap02 .kirakira32,
#ct_bg .frameArea03 .wrap02 .kirakira33 {
    position: absolute;
}
#ct_bg .frameArea03 .wrap02 .kirakira01 {
    width: 100px;
    top: -6px;
    left: calc(50% - 416px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira02 {
    top: 34px;
    left: calc(50% - 339px);
    animation: kirakira01 1.7s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira03 {
    width: 100px;
    top: 43px;
    left: calc(50% - 470px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira04 {
    width: 100px;
    top: 84px;
    left: calc(50% - 392px);
    animation: kirakira01 1.6s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira05 {
    width: 100px;
    top: 109px;
    left: calc(50% - 505px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira06 {
    top: 150px;
    left: calc(50% - 418px);
    animation: kirakira02 1.8s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira07 {
    top: 188px;
    left: calc(50% - 382px);
    animation: kirakira02 1.1s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira08 {
    width: 80px;
    top: 216px;
    left: calc(50% - 464px);
    animation: kirakira01 1.6s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira09 {
    top: 248px;
    left: calc(50% - 398px);
    animation: kirakira01 1.4s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira10 {
    width: 90px;
    top: 275px;
    left: calc(50% - 511px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira11 {
    width: 100px;
    top: 311px;
    left: calc(50% - 429px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira12 {
    top: 307px;
    left: calc(50% - 358px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira13 {
    top: 340px;
    left: calc(50% - 458px);
    animation: kirakira01 1.6s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira14 {
    width: 100px;
    top: 384px;
    left: calc(50% - 404px);
    animation: kirakira01 1.1s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira15 {
    width: 100px;
    top: 403px;
    left: calc(50% - 484px);
    animation: kirakira01 2.0s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira16 {
    top: 451px;
    left: calc(50% - 389px);
    animation: kirakira02 0.9s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira17 {
    width: 90px;
    top: 488px;
    left: calc(50% - 339px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira18 {
    width: 100px;
    top: -28px;
    left: calc(50% + 129px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira19 {
    width: 100px;
    top: 4px;
    left: calc(50% + 184px);
    animation: kirakira01 1.4s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira20 {
    width: 100px;
    top: 23px;
    left: calc(50% + 364px);
    animation: kirakira01 1.2s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira21 {
    top: 104px;
    left: calc(50% + 332px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira22 {
    width: 90px;
    top: 160px;
    left: calc(50% + 260px);
    animation: kirakira01 1.9s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira23 {
    width: 100px;
    top: 134px;
    left: calc(50% + 330px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira24 {
    width: 100px;
    top: 179px;
    left: calc(50% + 406px);
    animation: kirakira01 2.0s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira25 {
    top: 213px;
    left: calc(50% + 338px);
    animation: kirakira02 1.2s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira26 {
    top: 242px;
    left: calc(50% + 296px);
    animation: kirakira01 1.6s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira27 {
    width: 100px;
    top: 298px;
    left: calc(50% + 254px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira28 {
    top: 317px;
    left: calc(50% + 364px);
    animation: kirakira01 1.3s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira29 {
    width: 90px;
    top: 357px;
    left: calc(50% + 338px);
    animation: kirakira01 1.9s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira30 {
    top: 392px;
    left: calc(50% + 270px);
    animation: kirakira01 1.7s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira31 {
    top: 417px;
    left: calc(50% + 310px);
    animation: kirakira01 1.4s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira32 {
    width: 90px;
    top: 444px;
    left: calc(50% + 275px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .kirakira33 {
    width: 100px;
    top: 465px;
    left: calc(50% + 174px);
    animation: kirakira01 1.8s infinite ease-in-out;
}
#ct_bg .frameArea03 .wrap02 .col02 {
    width: 100%;
    max-width: 594px;
    margin-left: auto;
    margin-right: auto;
}

#ct_bg .frameArea03 .wrap02 .step07.fadeUp01 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out 0.8s;
    position: relative;
}
#ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow02 {
    position: absolute;
    top: -7px;
    right: -56px;
}
#ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow03 {
    position: absolute;
	top: 290px;
    left: -120px;
}
#ct_bg .frameArea03 .wrap02 .step07.fadeUp01.active {
    transform: translateY(0);
    animation: popIn 0.6s ease-out 0.8s forwards;
}
#ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow01 {
    transition: opacity 0.6s ease-out 0.9s, transform 0.6s ease-out 0.9s;
}
#ct_bg .frameArea03 .wrap02 .txt01Wrap {
    display: flex;
    justify-content: center;
}
#ct_bg .frameArea03 .wrap02 .txt01 {
    font-size: 1rem;
    text-align: left;
}
#ct_bg .frameArea03 .logo02 {
	max-width: 320px;
	margin: 0 auto;
}
#ct_bg .frameArea04 {
    margin-top: 80px;
    position: relative;
}
#ct_bg .frameArea04 .ttlWrap01 {
    margin-bottom: -12px;
}
#ct_bg .frameArea04 .img01 {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#ct_bg .frameArea04 .img01 + .img01 {
	margin-top: 60px;
}
#ct_bg .frameArea04 .img01 .kirakira01,
#ct_bg .frameArea04 .img01 .kirakira02,
#ct_bg .frameArea04 .img01 .kirakira03,
#ct_bg .frameArea04 .img01 .kirakira04,
#ct_bg .frameArea04 .img01 .kirakira05,
#ct_bg .frameArea04 .img01 .kirakira06,
#ct_bg .frameArea04 .img01 .kirakira07,
#ct_bg .frameArea04 .img01 .kirakira08,
#ct_bg .frameArea04 .img01 .kirakira09 {
    position: absolute;
}
#ct_bg .frameArea04 .img01 .kirakira01 {
    top: -106px;
    left: calc(50% - 459px);
    animation: kirakira02 1.8s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira02 {
    top: -83px;
    left: calc(50% - 395px);
    animation: kirakira01 1.5s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira03 {
    top: -18px;
    left: calc(50% - 435px);
    animation: kirakira02 1.9s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira04 {
    top: 243px;
    left: calc(50% - 502px);
    animation: kirakira01 1.4s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira05 {
    top: 307px;
    left: calc(50% - 479px);
    animation: kirakira02 1.2s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira06 {
    top: -96px;
    left: calc(50% + 341px);
    animation: kirakira01 1.2s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira07 {
    top: -40px;
    left: calc(50% + 377px);
    animation: kirakira02 1.9s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira08 {
    top: 194px;
    left: calc(50% + 461px);
    animation: kirakira02 1.5s infinite ease-in-out;
}
#ct_bg .frameArea04 .img01 .kirakira09 {
    top: 251px;
    left: calc(50% + 432px);
    animation: kirakira02 1.3s infinite ease-in-out;
}
#ct_bg .frameArea05 {
    margin-top: 80px;
    position: relative;
    max-width: 1048px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .frameArea05 .txtImg01 {
    width: 184px;
    position: absolute;
    top: -16px;
    left: calc(50% + 286px);
    opacity: 0;
}
#ct_bg .frameArea05 .txtImg01.active {
    animation: popIn 0.6s ease-out 1.2s forwards;
}
#ct_bg .frameArea05 .wrap01 {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}
#ct_bg .frameArea05 .wrap01 .col01 {
    width: calc(100% / 4 - 8px);
    padding-top: 40px;
    position: relative;
}
#ct_bg .frameArea05 .wrap01 .item01.fadeUp01 {
    transition: opacity 0.6s ease-out 0s, transform 0.6s ease-out 0s;
}
#ct_bg .frameArea05 .wrap01 .item02.fadeUp01 {
    transition: opacity 0.6s ease-out 0.2s, transform 0.6s ease-out 0.2s;
}
#ct_bg .frameArea05 .wrap01 .item03.fadeUp01 {
    transition: opacity 0.6s ease-out 0.4s, transform 0.6s ease-out 0.4s;
}
#ct_bg .frameArea05 .wrap01 .item04.fadeUp01 {
    transition: opacity 0.6s ease-out 0.6s, transform 0.6s ease-out 0.6s;
}
#ct_bg .frameArea05 .wrap01 .col01 .ttl01 {
    width:90%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
} 
#ct_bg .frameArea05 .wrap01 .col02 {
    border-radius: 16px;
    border: 4px solid #E61A74;
    background: #FAC6D9;
    padding: 68px 8px 22px 8px;
    height: 100%;
}
#ct_bg .frameArea05 .wrap01 .col01 .img01 img {
    border-radius: 4px;
}
#ct_bg .frameArea05 .wrap01 .col01 .txt01 {
    color: #4A2087;
    text-align: center;
    font-weight: bold;
    margin-top: 16px;
}
#ct_bg .frameArea05 .wrap01 .col01 .txt02 {
	font-size: 1.4rem;
    color: #4A2087;
    font-weight: bold;
    margin-top: 10px;
}
#ct_bg .frameArea05 .img02 {
    width: 100%;
    max-width: 1000px;
    margin-top: 86px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .frameArea06 {
    margin-top: 80px;
    position: relative;
    max-width: 1128px;
    padding-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .frameArea06 + .frameArea06 {
	margin-top: 200px;
}
#ct_bg .frameArea06 .inner01 {
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    border: solid 9px #AE7657;
    border-radius: 25px;
    padding: 72px 32px 16px;
    position: relative;
}
#ct_bg .frameArea06 .inner01 .ttlWrap01.ttlWrap04 {
    position: absolute;
    top: -56px;
    left: calc(50% - 262px);
}
#ct_bg .frameArea06 .inner01 .illust01 {
    width: 280px;
    position: absolute;
    bottom: -157px;
    right: 249px;
}
#ct_bg .frameArea06 .inner01 .illust02 {
    width: 280px;
    position: absolute;
    bottom: -199px;
    right: 15px;
}
#ct_bg .frameArea06 .wrap01 {
    justify-content: space-between;
}
#ct_bg .frameArea06 .wrap01 .col01 {
    width: 48%;
}
#ct_bg .frameArea06 .wrap01 + .wrap01 {
    margin-top: 16px;
}
#ct_bg .frameArea06 .wrap01 .col01.pt02 {
    position: relative;
    top: -32px;
    margin-bottom: -32px;
}
#ct_bg .frameArea06 .textWrap01 {
	width: 100%;
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#ct_bg .frameArea06 .textWrap01 .cvTxt02 {
	text-align: left;
}
#ct_bg .frameArea06 .textWrap01 .cvTxt06 {
	max-width: 150px;
}
#ct_bg .frameArea06 .textWrap01 > .col01 {
	width: 50%;	
}
#ct_bg .frameArea06 .textWrap01 .cvTxt01 {
	display: table;
	margin: 0 auto 0 0;
}
#ct_bg .frameArea07 {
    margin-top: 80px;
    position: relative;
    max-width: 1048px;
    padding-left: 24px;
    padding-right: 24px;
    margin-left: auto;
    margin-right: auto;
}
#ct_bg .frameArea07 .movieItem01 {
    width: 48%;
}
#ct_bg .frameArea07 .movieItem01:nth-child(even) {
    margin-left: 4%;
}
#ct_bg .frameArea07 .movieItem01:nth-child(n+3) {
    margin-top: 40px;
}
#ct_bg .frameArea07 .movieItem01 .text01 {
	margin-top: 25px;
	font-size: 1.6rem;
    font-weight: 600;
	color: #4A2087;
}
#ct_bg .frameArea07 .movieWrap01 {
    width: 100%;
    aspect-ratio: 560 / 315;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
#ct_bg .frameArea07 .movieWrap01::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #E61A74;
    border-radius: 8px;
    z-index: 1;
    top: 0;
    left: 0;
}
#ct_bg .frameArea07 .movieWrap01.active::before {
    animation: movieBg01 2.5s ease-out forwards;
    animation-delay: 0.5s;
}
#ct_bg .frameArea07 .movieWrap01::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #F89C13;
    border-radius: 8px;
    z-index: 2;
    top: 0;
    left: 0;
}
#ct_bg .frameArea07 .movieWrap01.active::after {
    animation: movieBg02 2.5s ease-out forwards;
    animation-delay: 0.5s;
}
#ct_bg .frameArea07 .movieWrap01 iframe {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    z-index: 3;
    position: relative;
}
#ct_bg .frameArea07 .movieWrap01.imgWrap01 {
    display: grid;
    place-items: center;
}
#ct_bg .frameArea07 .movieWrap01 .img01 {
    position: relative;
    z-index: 3;
}
#ct_bg .frameArea08 {
	margin-top: 100px;
}
#ct_bg .frameArea08 .innerWrap01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	width: 50%;
	padding: 30px 20px 30px 200px;
	position: relative;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	width: 50%;
	padding: 30px 200px 30px 20px;
	position: relative;
}
@media screen and (max-width: 1600px) {
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	padding-left: 160px;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	padding-right: 160px;
}
}
@media screen and (max-width: 1400px) {
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	padding-left: 120px;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	padding-right: 120px;
}
}
@media screen and (max-width: 1200px) {
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	padding-left: 80px;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	padding-right: 80px;
}
}
@media screen and (max-width: 1100px) {
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	padding-left: 40px;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	padding-right: 40px;
}
}
	@media screen and (max-width: 1000px) {
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	padding-left: 20px;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	padding-right: 20px;
}
}
#ct_bg .frameArea08 .innerWrap01 > .block01::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg04.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
    animation: scrollBackgroundMv 60s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
}
#ct_bg .frameArea08 .innerWrap01 > .block02::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/bg06.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
    animation: scrollBackgroundMv 60s linear infinite;
	position: absolute;
	top: 0;
	left: 0;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 > .wrap01,
#ct_bg .frameArea08 .innerWrap01 > .block02 > .wrap01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 > .wrap01 .col01,
#ct_bg .frameArea08 .innerWrap01 > .block02 > .wrap01 .col01 {
	width: 38.68%;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 > .wrap01 .col02,
#ct_bg .frameArea08 .innerWrap01 > .block02 > .wrap01 .col02 {
	width: 59.43%;
}
#ct_bg .frameArea09 {
	margin-top: 220px;
	padding: 0 20px;
	position: relative;
	text-align: center;
}
#ct_bg .frameArea09 .banner01 {
	max-width: 530px;
	margin: 0 auto;
}
#ct_bg .banner02 {
	max-width: 740px;
	margin: 80px auto 0;
	padding-left: 20px;
	padding-right: 20px;
}
#ct_bg .footer01 {
    margin-top: 40px;
    position: relative;
    background-image: url(../img/bg03.png);
    background-position: bottom;
    background-repeat: repeat-x;
}
#ct_bg .footer01 .copyright01 {
    font-size: 1.2rem;
    text-align: center;
    z-index: 3;
    position: relative;
}
#ct_bg .footer01 .imgWrap01 {
    margin-top: 16px;
    width: 100%;
    display: flex;
    justify-content: center;
}
#ct_bg .footer01 .imgWrap01 .img01 {
    max-width: 1058px;
    z-index: 1;
    position: relative;
}
@media screen and (min-width: 768px) {
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow03,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow03 {
        display: none;
    }
}
@media screen and (max-width: 1128px) {
    #ct_bg .cvArea01 .cvLogo01 {
        width: 31.9149vw;
    }
    #ct_bg .frameArea06 .inner01 {
        padding-bottom: 106px;
    }
    #ct_bg .frameArea06 .inner01 .illust01 {
        right: calc(50% - 40px);
    }
    #ct_bg .frameArea06 .inner01 .illust02 {
        right: calc(50% - 280px);
    }
    #ct_bg .footer01 {
        /*margin-top: 200px;*/
    }
    #ct_bg .frameArea03 .wrap01 .step01.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 {
        top: calc(50% - 3.5vw);
        left: -4vw;
    }
    #ct_bg .frameArea03 .wrap01 .step01.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 svg {
        width: 6vw;
        height: auto;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira01 {
        width: 8.8652vw;
        top: -0.5319vw;
        left: calc(50% - 36.8794vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira02 {
        width: 5.4078vw;
        top: 3.0142vw;
        left: calc(50% - 30.0532vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira03 {
        width: 8.8652vw;
        top: 3.8121vw;
        left: calc(50% - 41.6667vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira04 {
        width: 8.8652vw;
        top: 7.4468vw;
        left: calc(50% - 34.7518vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira05 {
        width: 8.8652vw;
        top: 9.6631vw;
        left: calc(50% - 44.7695vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira06 {
        width: 5.4078vw;
        top: 13.2979vw;
        left: calc(50% - 37.0567vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira07 {
        width: 5.4078vw;
        top: 16.6667vw;
        left: calc(50% - 33.8652vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira08 {
        width: 7.0922vw;
        top: 19.1489vw;
        left: calc(50% - 41.1348vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira09 {
        width: 5.4078vw;
        top: 21.9858vw;
        left: calc(50% - 35.2837vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira10 {
        width: 7.9787vw;
        top: 24.3794vw;
        left: calc(50% - 45.3014vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira11 {
        width: 8.8652vw;
        top: 27.5709vw;
        left: calc(50% - 38.0319vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira12 {
        width: 5.4078vw;
        top: 27.2163vw;
        left: calc(50% - 31.7376vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira13 {
        width: 5.4078vw;
        top: 30.1418vw;
        left: calc(50% - 40.6028vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira14 {
        width: 8.8652vw;
        top: 34.0426vw;
        left: calc(50% - 35.8156vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira15 {
        width: 8.8652vw;
        top: 35.7270vw;
        left: calc(50% - 42.9078vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira16 {
        width: 5.4078vw;
        top: 39.9823vw;
        left: calc(50% - 34.4858vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira17 {
        width: 7.9787vw;
        top: 43.2624vw;
        left: calc(50% - 30.0532vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira18 {
        width: 8.8652vw;
        top: -2.4823vw;
        left: calc(50% + 11.4362vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira19 {
        width: 8.8652vw;
        top: 0.3546vw;
        left: calc(50% + 16.3121vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira20 {
        width: 8.8652vw;
        top: 2.0390vw;
        left: calc(50% + 32.2695vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira21 {
        width: 5.4078vw;
        top: 9.2199vw;
        left: calc(50% + 29.4326vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira22 {
        width: 7.9787vw;
        top: 14.1844vw;
        left: calc(50% + 23.0496vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira23 {
        width: 8.8652vw;
        top: 11.8794vw;
        left: calc(50% + 29.2553vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira24 {
        width: 8.8652vw;
        top: 15.8688vw;
        left: calc(50% + 35.9929vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira25 {
        width: 5.4078vw;
        top: 18.8830vw;
        left: calc(50% + 29.9645vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira26 {
        width: 5.4078vw;
        top: 21.4539vw;
        left: calc(50% + 26.2411vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira27 {
        width: 8.8652vw;
        top: 26.4184vw;
        left: calc(50% + 22.5177vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira28 {
        width: 5.4078vw;
        top: 28.1028vw;
        left: calc(50% + 32.2695vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira29 {
        width: 7.9787vw;
        top: 31.6489vw;
        left: calc(50% + 29.9645vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira30 {
        width: 5.4078vw;
        top: 34.7518vw;
        left: calc(50% + 23.9362vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira31 {
        width: 5.4078vw;
        top: 36.9681vw;
        left: calc(50% + 27.4823vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira32 {
        width: 7.9787vw;
        top: 39.3617vw;
        left: calc(50% + 24.3794vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira33 {
        width: 8.8652vw;
        top: 41.2234vw;
        left: calc(50% + 15.4255vw);
    }
    #ct_bg .frameArea03 .wrap02 .col02 {
        width: 100%;
        max-width: 52.6595vw;
        margin-left: auto;
        margin-right: auto;
    }
    #ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow02 {
        position: absolute;
        top: -0.6205vw;
        right: -4.9645vw;
    }
    #ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow02 svg {
        width: 14.7163vw;
        height: auto;
    }
	#ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow03 {
        position: absolute;
        top: 27.6205vw;
        left: -8.9645vw;
    }
    #ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow03 svg {
        width: 14.7163vw;
        height: auto;
    }
}
@media screen and (min-width: 1001px) {
    #ct_bg .frameArea05 .illust01 {
        display: none;
    }
    #ct_bg .frameArea05 .illust02 {
        display: none;
    }
}
@media screen and (max-width: 1000px) {
    #ct_bg .frameArea02 .wrap01 {
        width: 75vw;
        height: 61.3vw;
    }
    #ct_bg .frameArea02 .wrap01 .logo01 {
        width: 25.4vw;
        top: 5.2vw;
        left: calc(50% - 12.7vw);
    }
    #ct_bg .frameArea02 .wrap02 {
        padding-left: 5vw;
        padding-right: 5vw;
        padding-top: 22vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #ct_bg .frameArea02 .wrap02 .col01 {
        width: 51%;
        padding: 0.8vw;
    }
    #ct_bg .frameArea02 .wrap02 .col02 {
        width: 49%;
        padding-left: 0.3vw;
        padding-right: 0.3vw;
    }
    #ct_bg .frameArea02 .illust01 {
        display: none;
    }
    #ct_bg .frameArea02 .illust02 {
        display: none;
    }
    #ct_bg .frameArea05 .wrap01 .col01 {
        width: calc(100% / 4 - 8px);
        padding-top: 4vw;
        position: relative;
    }
    #ct_bg .frameArea05 .wrap01 .col02 {
        padding: 6.8vw 0.8vw 2.2vw 0.8vw;
    }
    #ct_bg .frameArea05 .wrap01 .col01 .txt01 {
        font-size: 1.7vw;
    }
    #ct_bg .frameArea05 .txtImg01 {
        width: 18.4vw;
        top: 170px;
        left: calc(50% - 9.2vw);
    }
    #ct_bg .frameArea05 .wrap01 {
        margin-top: 18.8vw;
    }
    #ct_bg .frameArea05 .illust01 {
        position: absolute;
        top: 164px;
        left: calc(50% - 35vw);
        width: 23vw;
        height: auto;
        z-index: 1;
    }
    #ct_bg .frameArea05 .illust02 {
        position: absolute;
        top: 164px;
        left: calc(50% + 11.7vw);
        width: 23vw;
        height: auto;
        z-index: 1;
    }
    #ct_bg .frameArea05 .illust01 .imgAnime,
    #ct_bg .frameArea05 .illust02 .imgAnime {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        animation: imgAnime 5s infinite;
    }
    #ct_bg .frameArea05 .illust01 .imgAnime.imgAnime01,
    #ct_bg .frameArea05 .illust02 .imgAnime.imgAnime01 {
        animation-delay: 0s;
    }
    #ct_bg .frameArea05 .illust01 .imgAnime.imgAnime02,
    #ct_bg .frameArea05 .illust02 .imgAnime.imgAnime02 {
        animation-delay: 2.5s;
    }
}
@media screen and (max-width: 767px) {
    #ct_bg .frameArea01 {
        margin-top: 48px;
    }
    #ct_bg .frameArea01 .movieWrap01 .img01 {
        width: 53vw;
    }
    #ct_bg .frameArea02 {
        margin-top: 40px;
    }
    #ct_bg .frameArea02 .wrap01 {
        display: block;
        width: 100%;
        height: auto;
        background-image: url(../img/bg02_sp.png), linear-gradient(to bottom, transparent 0%, transparent 121vw, #90BF28 121vw, #90BF28 100%);
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
    }
    #ct_bg .frameArea02 .wrap01 .logo01 {
        width: 63.5vw;
        top: 12.175vw;
        left: calc(50% - 31.75vw);
    }
    #ct_bg .frameArea02 .wrap02 {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 54vw;
        flex-direction: column;
    }
    #ct_bg .frameArea02 .wrap02 .col01 {
        width: 100%;
        padding: 8px;
    }
    #ct_bg .frameArea02 .wrap02 .col02 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 32px;
        margin-top: 24px;
    }
    #ct_bg .frameArea02 .frameArea02__bg::after {
        content: "";
        display: block;
        width: 100%;
        height: 34px;
        background: #90BF28;
        opacity: 0.8;
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
    #ct_bg .frameArea02 .frameArea02__bg::before {
        content: "";
        display: block;
        width: 100%;
        height: 34px;
        background: #F89C13;
        opacity: 0.7;
        clip-path: polygon(100% 0, 0 0, 0 100%);
        position: absolute;
        top: 0;
        left: 0;
    }
    #ct_bg .frameArea03 {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    #ct_bg .frameArea03 .wrap01 {
        margin-top: 32px;
    }
    #ct_bg .frameArea03 .wrap01 .col01 {
        width: 48%;
        margin-bottom: 8px;
    }
    #ct_bg .frameArea03 .wrap01 .step01.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01,
    #ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 {
        top: calc(50% - 6.5vw);
        left: -8.2vw;
    }
    #ct_bg .frameArea03 .wrap01 .step01.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step03.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step05.fadeUp01 .arrow01 svg,
    #ct_bg .frameArea03 .wrap01 .step06.fadeUp01 .arrow01 svg {
        width: 12.5vw;
    }
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow03,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow03 {
        position: absolute;
        top: 15.9vw;
        right: -12vw;
    }
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow03.fadeUp01 {
        transition: opacity 2s ease-out, transform 1s ease-out;
        transition-delay: 0.4s;
    }
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow03.fadeUp01 {
        transition: opacity 2s ease-out, transform 1s ease-out;
        transition-delay: 0.6s;
    }
    #ct_bg .frameArea03 .wrap01 .step02.fadeUp01 .arrow03 svg,
    #ct_bg .frameArea03 .wrap01 .step04.fadeUp01 .arrow03 svg {
        width: 17.8vw;
        height: auto;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira01 {
        width: 13vw;
        top: -6.6425vw;
        left: calc(50% - 31.25vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira02 {
        width: 10vw;
        top: -4.325vw;
        left: calc(50% - 48.75vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira03 {
        width: 13vw;
        top: 8vw;
        left: calc(50% - 52.75vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira04 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira05 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira06 {
        width: 10vw;
        top: 14.2979vw;
        left: calc(50% - 49.0567vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira07 {
        width: 10vw;
        top: 72vw;
        left: calc(50% - 48vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira08 {
        width: 14vw;
        top: 53vw;
        left: calc(50% - 53vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira09 {
        width: 10vw;
        top: 88.9vw;
        left: calc(50% - 41.2vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira10 {
        width: 13vw;
        top: 84vw;
        left: calc(50% - 19.5vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira11 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira12 {
        width: 10vw;
        top: 86.2vw;
        left: calc(50% - 24.7vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira13 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira14 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira15 {
        width: 13vw;
        top: 77.6vw;
        left: calc(50% - 39.9vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira16 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira17 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira18 {
        width: 14vw;
        top: -3.5vw;
        left: calc(50% + 24vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira19 {
        width: 13vw;
        top: 10.4vw;
        left: calc(50% + 36.3vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira20 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira21 {
        width: 10vw;
        top: 1.2vw;
        left: calc(50% + 19.4vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira22 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .kirakira23 {
        width: 13vw;
        top: 72.9vw;
        left: calc(50% + 31.2vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira24 {
        width: 13vw;
        top: 28.9vw;
        left: calc(50% + 38.9vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira25 {
        width: 12vw;
        top: 15.8vw;
        left: calc(50% + 39.96vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira26 {
        width: 10vw;
        top: 84.45vw;
        left: calc(50% + 12.24vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira27 {
        width: 14vw;
        top: 64.41vw;
        left: calc(50% + 37.5vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira28 {
        width: 10vw;
        top: 54.1vw;
        left: calc(50% + 37.3vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira29 {
        width: 7.9787vw;
        top: 81.6489vw;
        left: calc(50% + 29.9645vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira30 {
        width: 10vw;
        top: 34.7518vw;
        left: calc(50% + 23.9362vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira31 {
        width: 10vw;
        top: 83.96vw;
        left: calc(50% + 36.48vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira32 {
        width: 14vw;
        top: 89.36vw;
        left: calc(50% + 24.38vw);
    }
    #ct_bg .frameArea03 .wrap02 .kirakira33 {
        display: none;
    }
    #ct_bg .frameArea03 .wrap02 .col02 {
        width: 100%;
        max-width: 92.25vw;
        margin-left: auto;
        margin-right: auto;
    }
    #ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow02 {
        position: absolute;
        top: -5vw;
        right: -1vw;
    }
    #ct_bg .frameArea03 .wrap02 .step07.fadeUp01 .arrow02 svg {
        width: 16vw;
        height: auto;
        transform: rotate(-20deg);
    }
	#ct_bg .frameArea03 .wrap02.type01 {
		padding-right: 0;
	}
	#ct_bg .frameArea03 .logo02 {
		max-width: 254px;
	}
    #ct_bg .frameArea04 {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    #ct_bg .frameArea04 .img01 {
        margin-top: 16px;
    }
	#ct_bg .frameArea04 .img01 + .img01 {
		margin-top: 30px;
	}
    #ct_bg .frameArea04 .img01 .kirakira01 {
        width: 61px;
        top: 33vw;
        left: calc(50% + 26vw);
        animation: kirakira01 1.8s infinite ease-in-out;
    }
    #ct_bg .frameArea04 .img01 .kirakira02 {
        width: 61px;
        top: 46vw;
        left: calc(50% + 37vw);
        animation: kirakira01 1.5s infinite ease-in-out;
    }
    #ct_bg .frameArea04 .img01 .kirakira03 {
        width: 61px;
        top: 84vw;
        left: calc(50% - 53vw);
        animation: kirakira01 1.9s infinite ease-in-out;
    }
    #ct_bg .frameArea04 .img01 .kirakira04 {
        width: 61px;
        top: 97vw;
        left: calc(50% - 47vw);
    }
    #ct_bg .frameArea04 .img01 .kirakira05 {
        display: none;
    }
    #ct_bg .frameArea04 .img01 .kirakira06 {
        display: none;
    }
    #ct_bg .frameArea04 .img01 .kirakira07 {
        display: none;
    }
    #ct_bg .frameArea04 .img01 .kirakira08 {
        display: none;
    }
    #ct_bg .frameArea04 .img01 .kirakira09 {
        display: none;
    }
    #ct_bg .frameArea05 {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    #ct_bg .frameArea05 .txtImg01 {
        width: 34.5vw;
        top: 170px;
        left: calc(50% - 17.25vw);
    }
    #ct_bg .frameArea05 .illust01 {
        top: 180px;
        left: calc(50% - 56.25vw);
        width: 38vw;
        height: auto;
    }
    #ct_bg .frameArea05 .illust02 {
        top: 180px;
        left: calc(50% + 18.5vw);
        width: 38vw;
        height: auto;
    }
    #ct_bg .frameArea05 .wrap01 {
        margin-top: 39vw;
    }
    #ct_bg .frameArea05 .wrap01 + .wrap01 {
        margin-top: 16px;
    }
    #ct_bg .frameArea05 .wrap01 .col01 {
        width: 48.913%;
        padding-top: 7.31vw;
        position: relative;
        margin-bottom: 8px;
    }
    #ct_bg .frameArea05 .wrap01 .col02 {
        border: 3px solid #E61A74;
		height: auto;
    }
    #ct_bg .frameArea05 .wrap01 .col02 {
        padding: 13vw 2vw 2.5vw 2vw;
    }
    #ct_bg .frameArea05 .wrap01 .col01 .txt01 {
        font-size: 1.8rem;
    }
    #ct_bg .frameArea05 .img02 {
        margin-top: 8px;
    }
    #ct_bg .frameArea06 {
        padding-left: 0;
        padding-right: 0;
    }
	#ct_bg .frameArea06 + .frameArea06 {
		margin-top: 36vw;
	}
    #ct_bg .frameArea06 .inner01 {
        border-left: none;
        border-right: none;
        padding: 15.75vw 4vw 43.5vw;
        border-radius: 0;
    }
    #ct_bg .frameArea06 .wrap01 {
        flex-direction: column;
    }
    #ct_bg .frameArea06 .wrap01 .col01 {
        width: 100%;
    }
	#ct_bg .frameArea06 .textWrap01 {
		justify-content: space-between;
	}
	#ct_bg .frameArea06 .textWrap01 > .col01 {
		width: 50%;	
	}
	#ct_bg .frameArea06 .textWrap01 .cvTxt01 {
		font-size: 1.6rem;
	}
    #ct_bg .frameArea06 .wrap01 .col01.pt02 {
        top: 0;
        margin-bottom: 0;
    }
    #ct_bg .frameArea06 .wrap01 .col01 + .col01,
    #ct_bg .frameArea06 .wrap01 .col01.cvArea01 {
        margin-top: 16px;
    }
	#ct_bg .frameArea07 .movieWrap01 {
		width: 100%;
	}
    #ct_bg .cvArea01 .cvLogo01 {
        width: 80vw;
    }
    #ct_bg .cvArea01 .cvTxt05 {
        text-align: left;
    }
    #ct_bg .frameArea06 .inner01 .illust01 {
        width: 54.375vw;
        left: 0;
        bottom: -17.5vw;
    }
    #ct_bg .frameArea06 .inner01 .illust02 {
        width: 54.375vw;
        right: 0;
        bottom: -25.5vw;
    }
	#ct_bg .frameArea07 {
		margin-top: 60px;
	}
	#ct_bg .frameArea07 .movieItem01 {
		width: 100%;
	}
	#ct_bg .frameArea07 .movieItem01:nth-child(even) {
		margin-left: 0;
	}
	#ct_bg .frameArea07 .movieItem01:nth-child(n+2) {
		margin-top: 20px;
	}
	#ct_bg .frameArea07 .movieItem01 .text01 {
		margin-top: 0;
		font-size: 1.6rem;
	}
	#ct_bg .frameArea07 .movieWrap01::before {
		display: none;
	}
	#ct_bg .frameArea07 .movieWrap01.active::before {
		display: none;
	}
	#ct_bg .frameArea07 .movieWrap01::after {
		display: none;
	}
#ct_bg .frameArea07 .movieWrap01.active::after {
    animation: movieBg02 2.5s ease-out forwards;
    animation-delay: 0.5s;
	}
#ct_bg .frameArea08 .logo01 {
	max-width: 254px;
    }
#ct_bg .frameArea08 .innerWrap01 > .block01 {
	width: 100%;
	padding: 6vw 4vw;
	position: relative;
}
#ct_bg .frameArea08 .innerWrap01 > .block02 {
	width: 100%;
	padding: 6vw 4vw;
	position: relative;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 > .wrap01 .col01,
#ct_bg .frameArea08 .innerWrap01 > .block02 > .wrap01 .col01 {
	width: 100%;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 > .wrap01 .col02,
#ct_bg .frameArea08 .innerWrap01 > .block02 > .wrap01 .col02 {
	width: 100%;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 .textWrap01,
#ct_bg .frameArea08 .innerWrap01 > .block02 .textWrap01 {
	width: 100%;
	margin-top: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ct_bg .frameArea08 .innerWrap01 > .block01 .textWrap01 > .col01,
#ct_bg .frameArea08 .innerWrap01 > .block02 .textWrap01 > .col01 {
	width: 50%;	
}
#ct_bg .frameArea08 .innerWrap01 > .block01 .textWrap01 .cvTxt01,
#ct_bg .frameArea08 .innerWrap01 > .block02 .textWrap01 .cvTxt01 {
	display: table;
	margin: 0 auto 0 0;
}
#ct_bg .frameArea08 .cvArea01.type01 {
	margin-top: 0;
}
#ct_bg .frameArea09 {
	margin-top: 36.5vw;
	padding: 0 4vw;
}
#ct_bg .banner02 {
	max-width: 740px;
	margin: 20vw auto 0;
	padding-left: 4vw;
	padding-right: 4vw;
}
#ct_bg .footer01 {
    /*margin-top: 36.5vw;*/
	background-image: none;
}
}
@media screen and (max-width: 564px) {
    #ct_bg .ttlWrap01 {
        margin-bottom: 2.8368vw;
    }
    #ct_bg .ttlWrap01.ttlWrap02 {
        width: 96vw;
        margin-left: -2vw;
    }
    #ct_bg .ttlWrap01.ttlWrap03 {
        width: 96vw;
        margin-left: -2vw;
    }
    #ct_bg .ttlWrap01.ttlWrap04 {
        width: 96vw;
        /*margin-left: -2vw;*/
    }
    #ct_bg .ttlWrap01 .ttlbg02,
    #ct_bg .ttlWrap01 .ttlbg03 {
        width: 9.2vw;
    }
    #ct_bg .ttlWrap01.ttlWrap02 .ttlbg02 {
        top: 2.4vw;
        left: 7vw;
    }
    #ct_bg .ttlWrap01.ttlWrap02 .ttlbg03 {
        bottom: 5.4vw;
        right: 7vw;
    }
    #ct_bg .ttlWrap01.ttlWrap03 .ttlbg02 {
        top: 2.4vw;
        left: 7vw;
    }
    #ct_bg .ttlWrap01.ttlWrap03 .ttlbg03 {
        bottom: 5.4vw;
        right: 7vw;
    }
    #ct_bg .ttlWrap01.ttlWrap04 .ttlbg02 {
        top: 2.4vw;
        left: 7vw;
    }
    #ct_bg .ttlWrap01.ttlWrap04 .ttlbg03 {
        bottom: 5.4vw;
        right: 7vw;
    }
    #ct_bg .ttlWrap01 .ttlbg02.fadeIn,
    #ct_bg .ttlWrap01 .ttlbg03.fadeIn {
        animation: ttlAnime03 0.2s ease forwards;
    }
    #ct_bg .ttlWrap01 .ttl01 {
        position: absolute;
    }
    #ct_bg .ttlWrap01 .ttl01.ttl02 {
        width: 47.75vw;
        top: 5.5vw;
        left: calc(50% - 23.875vw);
    }
    #ct_bg .ttlWrap01 .ttl01.ttl03 {
        width: 62.5vw;
        top: 4vw;
        left: calc(50% - 31.25vw);
    }
    #ct_bg .ttlWrap01 .ttl01.ttl04 {
        width: 61.5vw;
        top: 3vw;
        left: calc(50% - 30.75vw);
    }
    #ct_bg .ttlWrap01 .ttl01.ttl05 {
        width: 57.5vw;
        top: 4.5vw;
        left: calc(50% - 28.75vw);
    }
	#ct_bg .ttlWrap01 .ttl01.ttl06 {
        width: 37vw;
        top: 5.5vw;
        left: calc(50% - 18.5vw);
    }
    #ct_bg .ttlWrap01 .ttlImg01 {
        opacity: 0;
    }
    #ct_bg .ttlWrap01 .ttlImg01.bounce {
        animation: ttlAnime02 1s ease forwards;
    }
    #ct_bg .frameArea05 .txtImg01 {
        top: 30.1418vw;
    }
    #ct_bg .frameArea05 .illust01,
    #ct_bg .frameArea05 .illust02 {
        top: 31.2vw;
    }
    #ct_bg .frameArea06 {
        padding-left: 0;
        padding-right: 0;
    }
    #ct_bg .frameArea06 .inner01 .ttlWrap01.ttlWrap04 {
        top: -56px;
        left: calc(50% - 46vw);
    }
}
@media screen and (max-width: 399px) {
    #ct_bg .frameArea05 .wrap01 .col01 .txt01 {
        font-size: 4vw;
    }
	#ct_bg .frameArea05 .wrap01 .col01:nth-child(n +3) {
		margin-top: 66px;
	}
}
@keyframes ttlAnime01 {
    100% {
        clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%);
        opacity: 1;
    }
}
@keyframes ttlAnime02 {
    0%, 20%, 50%, 80% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes ttlAnime03 {
    from { opacity: 0; }
    to { opacity: 0.3; }
}
@keyframes popIn {
	0% { 
        opacity: 0;
        transform: scale(1);
    }
	10% {
        transform: scale(1.1);
    }
	40% {
        opacity: 1;
        transform: scale(.95);
    }
	60% {
        transform: scale(1.1);
    }
	80% {
        transform: scale(.99);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes imgAnime {
    0%, 100% { opacity: 0; }
    25%, 75% { opacity: 1; }
}
@keyframes movieBg01 {
	0% {
        transform: rotate(0deg);
	}
	100% {
        transform: rotate(4deg);
	}
}
@keyframes movieBg02 {
	0% {
        transform: rotate(0deg);
	}
	100% {
        transform: rotate(-4deg);
	}
}
@keyframes kirakira01 {
	0% {
        opacity: 0;
        transform: scale(0.5);
	}
	50% {
        opacity: 1;
        transform: scale(1);
	}
	100% {
        opacity: 0;
        transform: scale(1);
	}
}
@keyframes kirakira02 {
	0% {
        opacity: 0;
        transform: scale(0.3);
	}
	50% {
        opacity: 1;
        transform: scale(0.7);
	}
	100% {
        opacity: 0;
        transform: scale(0.3);
	}
}