img {
        max-width: 100%;
        height: auto;
    }
    .admv {
        font-size: 0;
        position: relative;
        overflow: hidden;
    }
    .admv img {
        width: 100%;
    }
    .admv_img1 {
        font-size: 0;
        position: absolute;
        z-index: 3;
        width: 99.466%;
        left: 1.7%;
        top: 7.5%;
    }
    .admv_img2 {
        font-size: 0;
        position: absolute;
        z-index: 5;
        width: 91.59%;
        left: 4%;
        top: 2%;
    }
    .admv_img3 {
        font-size: 0;
        position: absolute;
        z-index: 7;
        width: 24.38%;
        left: 38%;
        top: 78%;
        animation: poyopoyo 1.7s ease-out infinite;
    }
    @keyframes poyopoyo {
        0%, 40%, 50%, 60% {
            transform: scale(1.0);
        }
        42%, 52%, 62% {
            transform: scale(0.8);
        }
    }
    .bg1 {
        background-image: url(bg-sp.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .wrap1 {
        padding: 24px 32px 60px;
        text-align: center;
    }
    .imageblock {
        position: relative;
        font-size: 0;
    }
    .imageblock img {
        width: 100%;
    }
    .inh {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 0;
    }
    .inh1 {
        padding-top: 5.667%;
        margin-bottom: 12px;
    }
    .inh > span {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        transition: .3s;
        opacity: 0;
    }
    .inh.lock > span {
        opacity: 0;
    }
    .inh.start > span:nth-child(1) {
        animation: inhanime1 .01s forwards;
    }
    .inh.start > span:nth-child(2) {
        animation: inhanime2 .02s forwards;
        animation-delay: .01s;
    }
    .inh.start > span:nth-child(3) {
        animation: inhanime3 .03s forwards;
        animation-delay: .02s;
    }
    .inh.start > span:nth-child(4) {
        animation: inhanime4 .04s forwards;
        animation-delay: .03s;
    }
    .inh.start > span:nth-child(5) {
        animation: inhanime5 .05s forwards;
        animation-delay: .04s;
    }
    .inh.start > span:nth-child(6) {
        animation: inhanime6 .06s forwards;
        animation-delay: .05s;
    }
    .inh.start > span:nth-child(7) {
        animation: inhanime7 .07s forwards;
        animation-delay: .06s;
    }
    .inh.start > span:nth-child(8) {
        animation: inhanime8 .08s forwards;
        animation-delay: .07s;
    }
    .inh.start > span:nth-child(9) {
        animation: inhanime9 .09s forwards;
        animation-delay: .08s;
    }
    .inh.start > span:nth-child(10) {
        animation: inhanime10 .10s forwards;
        animation-delay: .09s;
    }
    .inh.start > span:nth-child(11) {
        animation: inhanime11 .11s forwards;
        animation-delay: .10s;
    }
    .inh.start > span:nth-child(12) {
        animation: inhanime12 .12s forwards;
        animation-delay: .11s;
    }
    .inh.start > span:nth-child(13) {
        animation: inhanime13 .13s forwards;
        animation-delay: .12s;
    }
    .inh.start > span:nth-child(14) {
        animation: inhanime14 .14s forwards;
        animation-delay: .13s;
    }
    .inh.start > span:nth-child(15) {
        animation: inhanime15 .15s forwards;
        animation-delay: .14s;
    }
    .inh.start > span:nth-child(16) {
        animation: inhanime16 .16s forwards;
        animation-delay: .15s;
    }
    .inh.start > span:nth-child(17) {
        animation: inhanime17 .17s forwards;
        animation-delay: .16s;
    }
    .inh.start > span:nth-child(18) {
        animation: inhanime18 .18s forwards;
        animation-delay: .17s;
    }
    .inh.start > span:nth-child(19) {
        animation: inhanime19 .19s forwards;
        animation-delay: .18s;
    }
    .inh.start > span:nth-child(20) {
        animation: inhanime20 .20s forwards;
        animation-delay: .19s;
    }
    .inh.start > span:nth-child(21) {
        animation: inhanime21 .21s forwards;
        animation-delay: .20s;
    }
    .inh.start > span:nth-child(22) {
        animation: inhanime22 .22s forwards;
        animation-delay: .21s;
    }
    @keyframes inhanime1 {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime2 {
        0% { opacity: 0; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime3 {
        0% { opacity: 0; }
        66% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime4 {
        0% { opacity: 0; }
        75% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime5 {
        0% { opacity: 0; }
        80% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime6 {
        0% { opacity: 0; }
        83% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime7 {
        0% { opacity: 0; }
        86% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime8 {
        0% { opacity: 0; }
        87% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime9{
        0% { opacity: 0; }
        88.8% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime10{
        0% { opacity: 0; }
        90% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime11{
        0% { opacity: 0; }
        90.9% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime12{
        0% { opacity: 0; }
        91.67% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime13{
        0% { opacity: 0; }
        92.3% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime14{
        0% { opacity: 0; }
        92.86% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime15{
        0% { opacity: 0; }
        93.33% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime16{
        0% { opacity: 0; }
        93.75% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime17{
        0% { opacity: 0; }
        94.12% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime18{
        0% { opacity: 0; }
        94.44% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime19{
        0% { opacity: 0; }
        94.74% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime20{
        0% { opacity: 0; }
        95% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime21{
        0% { opacity: 0; }
        95.24% { opacity: 0; }
        100% { opacity: 1; }
    }
    @keyframes inhanime22{
        0% { opacity: 0; }
        95.45% { opacity: 0; }
        100% { opacity: 1; }
    }
    .heading1 {
        margin-bottom: 12px;
    }
    .inh1::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0%;
        height: 12%;
        background: #003f6b;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	transition: .5s;
    	left: 0%;
    	top: 109%;
    }
    .inh1.start::before {
        width: 100%;
    }
    .btn1 {
        text-align: center;
        margin-bottom: 20px;
    }
    .btn1 a {
        display: inline-block;
        width: 77.3%;
        border-radius: 999px;
    }
    .btn_anime a {
        transition: .3s;
        position: relative;
        overflow: hidden;
    }
    .btn_anime a:hover {
        transform: scale(.95,.95);
    	-webkit-transform: scale(.95,.95);
    	-ms-transform: scale(.95,.95);
    }
    .btn_anime a::before {
        content: "";
        height: 100%;
        width: 30px;
        position: absolute;
        top: -180px;
        left: 0;
        background-color: #fff;
        opacity: 0;
        animation: btn_shine 2.0s ease-in-out infinite;
        display: inline-block;
    }
    @keyframes btn_shine {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }
    .content1 {
        margin-bottom: 22px;
    }
    .content1_img1 {
        position: absolute;
        left: 50%;
        top: 68%;
    	transform: translateX(-50%) scale(1.0);
    	-webkit-transform: translateX(-50%) scale(1.0);
    	-ms-transform: translateX(-50%) scale(1.0);
    	width: 56.65%;
    	z-index: 5;
    	overflow: hidden;
    	animation: poyopoyo1 1.25s ease-out infinite;
    }
    @keyframes poyopoyo1 {
        0%, 40%, 60%, 80% {
            transform: translateX(-50%) scale(1.0);
        	-webkit-transform: translateX(-50%) scale(1.0);
        	-ms-transform: translateX(-50%) scale(1.0);
        }
        50%, 70% {
            transform: translateX(-50%) scale(.95);
        	-webkit-transform: translateX(-50%) scale(.95);
        	-ms-transform: translateX(-50%) scale(.95);
        }
    }
    .content1_img1::before {
        content: "";
        height: 100%;
        width: 30px;
        position: absolute;
        top: -180px;
        left: 0;
        background-color: #fff;
        opacity: 0;
        animation: shine 2.5s ease-in-out infinite;
        display: inline-block;
    }
    @keyframes shine {
        0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
        80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
        81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
        100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    }
    .inh2 {
        margin-bottom: 10px;
        width: 60%;
        padding-top: 5.233%;
    }
    .inh2::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0%;
        height: 12%;
        background: #003f6b;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	transition: .5s;
    	left: 0%;
    	top: 109%;
    }
    .inh2.start::before {
        width: 100%;
    }
    .heading2 img {
        width: 60%;
    }
    .content2 {
        margin-bottom: 20px;
    }
    .inh3 {
        width: 100%;
        padding-top: 6.48%;
    }
    .inh3::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0%;
        height: 8%;
        background: #003f6b;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	transition: .5s;
    	left: 0%;
    	top: 87%;
    }
    .inh3.start::before {
        width: 100%;
    }
    .inh3_2 {
        margin-bottom: 12px;
        width: 55%;
        padding-top: 6.89%;
    }
    .inh3_2::after {
        content: "";
        position: absolute;
        display: inline-block;
        width: 0%;
        height: 7%;
        background: #003f6b;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	transition: .5s;
    	left: 0%;
    	top: 91%;
    }
    .inh3_2.start::after {
        width: 100%;
    }
    .content3_img1, .content3_img2, .content3_img3, .content3_img4 {
        position: absolute;
        z-index: 5;
    }
    .content3_img1 {
        width: 61.1%;
        top: 6.8%;
        left: 21%;
    }
    .content3_img2 {
        width: 69.8%;
        top: 43%;
        left: 14%;
    }
    .content3_img3 {
        width: 77.27%;
        top: 64.7%;
        left: 11%;
    }
    .content3_img4 {
        width: 60.1%;
        top: 33.7%;
        left: 19%;
        font-size: 0;
    }
    .content3_img4::before {
        content: "";
        position: absolute;
        left: 14%;
        top: 45%;
        width: 0%;
        height: 7%;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	display: inline-block;
    	background: #dbc073;
    	transition: .5s;
    }
    .content3_img4.start::before {
        width: 72%;
    }
    .content3_img4::after {
        content: "";
        position: absolute;
        left: 0%;
        top: 108%;
        width: 0%;
        height: 7%;
        transform: skew(-45deg);
    	-webkit-transform: skew(-45deg);
    	-ms-transform: skew(-45deg);
    	display: inline-block;
    	background: #dbc073;
    	transition: .5s;
    }
    .content3_img4.start::after {
        width: 100%;
    }
    .content3 {
        margin-bottom: 36px;
    }
    .content4 {
        margin-bottom: 30px;
    }
    .content4_ul {
        text-align: left;
        padding: 0 0 0 20px;
    }
    .content4_ul li {
        list-style: disc;
        color: #003f6b;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 600;
    }
    .content5 {
        background: #fff;
        border-radius: 6px;
        padding: 24px 8px 24px 16px;
        text-align: left;
        margin-bottom: 30px;
    }
    .content5_in {
        height: 270px;
        overflow-y: scroll;
        padding: 0 8px 0 0;
    }
    .content5_in::-webkit-scrollbar {
        width: 6px;
    }
    .content5_in::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 6px;
    }
    .content5_in::-webkit-scrollbar-thumb {
        background-color: #dbc073;
        border-radius: 999px;
    }
    .content5_txt {
        font-size: 12px;
        line-height: 1.5;
        color: #231815;
    }
    .btn2 {
        margin-bottom: 30px;
    }
    .btn2 a {
        width: 95.24%;
        display: inline-block;
        border-radius: 999px;
    }
    .content6 {
        margin-bottom: 50px;
    }
    .content6 img {
        width: 89.12%;
    }
    .confetti {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }
    .confetti canvas {
        width: 100%;
        height: 100%;
    }
    .float {
        display: none;
        font-size: 0;
        z-index: 99;
        position: fixed;
        width: 57px;
        bottom: 30px;
        right: 12px;
        opacity: 0;
        transition: .5s;
    }
    
    .sphide {
        display: none;
    }
    
    
    @media screen and (min-width: 768px) {
        .pchide {
            display: none;
        }
        .sphide {
            display: block;
        }
        .admv_img1 {
            width: 100%;
            left: 0;
            top: 0;
        }
        .admv_img2 {
            width: 45.2%;
            left: 53%;
            top: 13%;
        }
        .admv_img3 {
            width: 12.2%;
            left: 69%;
            top: 56.5%;
        }
        .bg1 {
            background-image: url(bg-pc.png);
            padding: 50px 20px 60px;
        }
        .wrap1 {
            padding: 0;
            max-width: 1080px;
            margin: 0 auto;
        }
        .heading1 {
            margin-bottom: 50px;
        }
        .inh1::before {
            height: 7%;
        }
        .inh1 {
            margin-bottom: 50px;
        }
        .btn1 a {
            width: 74.185%;
        }
        .btn1 {
            margin-bottom: 50px;
        }
        .content1 {
            margin-bottom: 60px;
        }
        .content1_img1 {
            width: 43.33%;
            top: 70%;
        }
        .inh2 {
            margin-bottom: 30px;
        }
        .inh2::before {
            height: 7%;
            left: 0%;
        }
        .inh2.start::before {
            width: 100%;
        }
        .heading2 img {
            width: 68.4%;
        }
        .content2 {
            margin-bottom: 60px;
        }
        .heading3 img {
            width: 97.54%;
        }
        .heading3 {
            margin-bottom: 40px;
        }
        .inh3::before {
            height: 6%;
        }
        .inh3_2::after {
            height: 6%;
        }
        .inh3_2 {
            margin-bottom: 40px;
        }
        .content3 {
            margin-bottom: 60px;
        }
        .content3_img1 {
            width: 82.75%;
            top: 10.8%;
            left: 9%;
        }
        .content3_img2 {
            width: 32.47%;
            top: 41.8%;
            left: 62%;
        }
        .content3_img3 {
            width: 87.88%;
            top: 68%;
            left: 5%;
        }
        .content3_img4 {
            width: 59.54%;
            top: 27.5%;
            left: 20%;
        }
        .content3_img4::before {
            left: 0%;
            top: 111%;
            height: 12%;
        }
        .content3_img4.start::before {
            width: 100%;
        }
        .content3_img4::after {
            display: none;
        }
        .content4 {
            margin-bottom: 60px;
        }
        .content4_ul {
            max-width: 1000px;
            margin: 0 auto;
        }
        .content4_ul li {
            font-size: 27px;
        }
        .content5 {
            margin: 0 auto 60px;
            max-width: 1000px;
            border-radius: 12px;
            padding: 30px 10px 30px 45px;
        }
        .content5_in {
            height: 270px;
            overflow-y: scroll;
            padding: 0 35px 0 0;
        }
        .content5_txt {
            font-size: 14px;
        }
        .content5_in::-webkit-scrollbar {
            width: 24px;
        }
        .content5_in::-webkit-scrollbar-track {
            background-color: #fff;
            border-radius: 24px;
        }
        .content5_in::-webkit-scrollbar-thumb {
            background-color: #dbc073;
            border-radius: 999px;
        }
        .btn2 {
            margin-bottom: 60px;
        }
        .btn2 a {
            width: 938px;
        }
        .content6 img {
            width: 944.667px;
        }
        .content6 {
            margin-bottom: 100px;
        }
        .content7 img {
            width: 1197px;
        }
        .float {
            width: 199px;
            right: 45px;
            bottom: 40px;
        }
        
    }