@charset "UTF-8";
.p-admin{
    width:100%;
}
.p-indexSec1{
        width:100%;
        position:relative
    }
.p-indexSec1:after {
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.p-indexSec1:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: 52px;
            width: 100%;
        }
.p-indexSec1 h2 {
            font-size:4.5rem;
            text-align:center;
            margin-bottom:60px
        }
@media(max-width: 1200px){
        .p-indexSec1 h2 {
                font-size:4.3rem
        }
            }
@media(max-width: 992px){
        .p-indexSec1 h2 {
                font-size:4rem
        }
            }
@media(max-width: 768px){
        .p-indexSec1 h2 {
                font-size:2rem;
                margin-bottom:30px
        }
            }
.p-indexSec1Box1 {
            display:flex;
            justify-content: center;
            align-items:flex-start;
            margin: 0 60px 60px
        }
@media(max-width: 992px){
        .p-indexSec1Box1 {
                margin: 0 30px 60px
        }
            }
@media(max-width: 768px){
        .p-indexSec1Box1 {
                flex-direction: column;
                margin: 0 20px 30px
        }
            }
.p-indexSec1Box1 img {
                max-width:240px;
                width:100%;
                margin-right: 40px
            }
@media(max-width: 768px){
            .p-indexSec1Box1 img {
                    margin:0 auto 20px
            }
                }
.p-indexSec1Box1 h3 {
                font-size:2.4rem;
                margin-bottom: 20px
            }
@media(max-width: 992px){
            .p-indexSec1Box1 h3 {
                    font-size:1.8rem
            }
                }
.p-indexSec1Box1 ul {
                margin-left:20px;
            }
.p-indexSec1Box1 ul li {
                    list-style-type: disc;
                    font-size: 2rem
                }
@media(max-width: 992px){
                .p-indexSec1Box1 ul li {
                        font-size:1.6rem
                }
                    }
.p-indexSec1Box2{
            margin: 0 60px 20px
        }
@media(max-width: 992px){
        .p-indexSec1Box2{
                margin: 0 30px 20px
        }
            }
@media(max-width: 768px){
        .p-indexSec1Box2{
                margin: 0 20px 20px
        }
            }
.p-indexSec1Box2 h3 {
                font-size:4.5rem;
                margin-bottom: 20px;
                text-align:center
            }
@media(max-width: 1200px){
            .p-indexSec1Box2 h3 {
                    font-size:3rem
            }
                }
@media(max-width: 992px){
            .p-indexSec1Box2 h3 {
                    font-size:2.8rem
            }
                }
@media(max-width: 768px){
            .p-indexSec1Box2 h3 {
                    font-size:1.6rem
            }
                }
.p-indexSec1Box2 p {
                font-size:2rem;
                text-align:center
            }
@media(max-width: 768px){
            .p-indexSec1Box2 p {
                    font-size:1.6rem
            }
                }
.p-indexSec2{
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        position:relative
    }
.p-indexSec2:after {
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.p-indexSec2:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: 52px;
            width: 100%;
        }
.p-indexSec2Box1 {
            margin:60px 60px
        }
@media(max-width: 992px){
        .p-indexSec2Box1 {
                margin: 60px 30px
        }
            }
@media(max-width: 768px){
        .p-indexSec2Box1 {
                margin: 30px 20px
        }
            }
.p-indexSec2Box1 h2 {
                font-size:4rem;
                text-align:center;
                margin-bottom:60px;
                font-weight:normal
            }
@media(max-width: 992px){
            .p-indexSec2Box1 h2 {
                    font-size:3rem
            }
                }
@media(max-width: 768px){
            .p-indexSec2Box1 h2 {
                    font-size: 2rem;
                    margin-bottom: 30px;
                    letter-spacing: 2px
            }
                }
.p-indexSec2Box1 h2 strong {
                    color:#E70000;
                    color:#E70000;
                    color:var(--red);
                    border-bottom:8px solid rgba(255, 60, 60, 0.4);
                }
.p-indexSec2Box1ListA {
                display:flex;
                justify-content: center;
                margin-bottom:40px
            }
@media(max-width: 768px){
            .p-indexSec2Box1ListA {
                    flex-wrap: wrap;
                    justify-content: space-between;
                    margin-bottom:10px
            }
                }
.p-indexSec2Box1ListA li {
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    margin:0 10px
                }
@media(max-width: 1200px){
                
                .p-indexSec2Box1ListA li {
                        margin: 0 20px;
                        width: 20%
                }
                    }
@media(max-width: 992px){
                
                .p-indexSec2Box1ListA li {
                        margin: 0 10px;
                        width: 25%
                }
                    }
@media(max-width: 768px){
                
                .p-indexSec2Box1ListA li {
                        margin: 0 0 20px;
                        width: calc(50% - 10px)
                }
                    }
.p-indexSec2Box1ListA li img {
                        margin-bottom:15px;
                        max-width:250px;
                        width:100%;
                    }
.p-indexSec2Box1ListA li p{
                        font-size:1.6rem;
                    }
.p-indexSec2Box1ListB {
                display:flex;
                justify-content: center;
                margin-bottom:40px
            }
@media(max-width: 1200px){
            .p-indexSec2Box1ListB {
                    flex-wrap: wrap
            }
                }
@media(max-width: 768px){
            .p-indexSec2Box1ListB {
                    flex-wrap: nowrap;
                    justify-content: space-between;
                    margin-bottom:10px
            }
                }
.p-indexSec2Box1ListB li {
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    margin:0 10px
                }
@media(max-width: 1200px){
                .p-indexSec2Box1ListB li {
                        margin: 0 20px;
                        width: calc(33.3333% - 40px)
                }
                    }
@media(max-width: 992px){
                .p-indexSec2Box1ListB li {
                        margin: 0 10px;
                        width: calc(33.3333% - 20px)
                }
                    }
@media(max-width: 768px){
                .p-indexSec2Box1ListB li {
                        margin: 0 0 20px;
                        width: calc(33% - 10px)
                }
                    }
.p-indexSec2Box1ListB li img {
                        margin-bottom:15px;
                        max-width:330px;
                        width:100%;
                    }
.p-indexSec2Box1ListB li p{
                        font-size:1.6rem;
                    }
.p-indexSec2Box1 h3 {
                display:flex;
                flex-direction:column;
                align-items:center;
                font-size:4rem;
                text-align:center;
                margin-bottom:60px;
                font-weight:normal
            }
@media(max-width: 768px){
            .p-indexSec2Box1 h3 {
                    font-size: 3rem;
                    margin-bottom:30px
            }
                }
.p-indexSec2Box1 h3 strong {
                    color:#E70000;
                    color:#E70000;
                    color:var(--red);
                    border-bottom:8px solid rgba(255, 60, 60, 0.4);
                }
.p-indexSec2Box1 h3:before {
                    content:"";
                    display:block;
                    background: #E70000;
                    background: #E70000;
                    background: var(--red);
                    height: calc(tan(50deg)*50px/2);
                    width: 100px;
                    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                            clip-path: polygon(0 0, 100% 0, 50% 100%);
                    opacity:0.6;
                    margin-bottom:20px;
                }
.p-indexSec2Box1Img1 {
                display:flex;
                margin:0 auto;
                max-width:540px;
                width:100%;
            }
.p-indexSec3{
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
    }
.p-indexSec3Box1 {
            margin:60px 60px 0
        }
@media(max-width: 768px){
        .p-indexSec3Box1 {
                margin:30px 20px 0
        }
            }
.p-indexSec4{
        width:100%;
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
    }
.p-indexSec4Box1 {
            display: flex;
            flex-direction: column;
            width: 100%;
        }
.p-indexSec4Box1 h2 {
                font-size:4rem;
                text-align:center;
                margin-bottom:60px;
                font-weight:normal
            }
@media(max-width: 992px){
            .p-indexSec4Box1 h2 {
                    font-size:3rem
            }
                }
@media(max-width: 768px){
            .p-indexSec4Box1 h2 {
                    font-size:2rem;
                    margin:0 20px;
                    letter-spacing: 1px
            }
                }
.p-indexSec4Box1 h2 strong {
                    color:#E70000;
                    color:#E70000;
                    color:var(--red);
                }
.p-indexSec5{
        width: 100%;
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        position:relative
    }
.p-indexSec5:after {
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.p-indexSec5:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: 52px;
            width: 100%;
        }
.p-indexSec5Box1 {
            margin:60px 60px
        }
@media(max-width: 992px){
        .p-indexSec5Box1 {
                margin:60px 30px
        } 
            }
@media(max-width: 768px){
        .p-indexSec5Box1 {
                margin:30px 20px
        } 
            }
.p-indexSec5Box1 h2 {
                display:flex;
                justify-content:center;
                align-items: baseline;
                margin:0 auto;
                font-size:4rem;
                text-align:center;
                margin-bottom:60px;
                font-weight:normal
            }
@media(max-width: 992px){
            .p-indexSec5Box1 h2 {
                    font-size:3.5rem
            }
                }
@media(max-width: 768px){
            .p-indexSec5Box1 h2 {
                    flex-direction: column;
                    align-items: center;
                    margin-bottom:30px
            }
                }
.p-indexSec5Box1 h2 strong {
                    color:#E70000;
                    color:#E70000;
                    color:var(--red);
                    border-bottom:8px solid rgba(255, 60, 60, 0.4);
                }
.p-indexSec5Box1Img1 {
                max-width:400px;
                width:100%
            }
@media(max-width: 992px){
            .p-indexSec5Box1Img1 {
                    max-width:380px
            }
                }
@media(max-width: 992px){
            .p-indexSec5Box1Img1 {
                    margin-bottom:10px
            }
                }
.p-indexSec5Box1 p{
                font-size:1.6rem;
            }
.p-indexSec5Box1ListD{
                display:flex;
                justify-content:center
            }
@media(max-width: 768px){
            .p-indexSec5Box1ListD{
                    justify-content: space-between
            }
                }
.p-indexSec5Box1ListD li {
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    margin:0 10px
                }
@media(max-width: 768px){
                .p-indexSec5Box1ListD li {
                        margin: 0px;
                        width: calc(33.3333% - 10px)
                }
                    }
.p-indexSec5Box1ListD img {
                    max-width:330px;
                    width:100%;
                    margin-bottom:15px;
                }
.p-indexSec5Box1ListD h3 {
                    font-size:2rem;
                    color:#2182FF;
                    color:#2182FF;
                    color:var(--blue);
                }
.p-indexSec5Box1ListD p {
                    font-size:1.6rem;
                }
.p-indexSec6{
        width: 100%;
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        position:relative;
        padding-top:60px
    }
@media(max-width: 768px){
    .p-indexSec6{
            padding-top:30px
    }
        }
.p-indexSec6:after {
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
            position:absolute;
            bottom:1px;
        }
.p-indexSec6:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: 52px;
            width: 100%;
        }
.p-indexSec6 h2 {
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items: center;
            margin:0 auto;
            font-size:4rem;
            text-align:center;
            margin-bottom:30px;
            font-weight:normal
        }
@media(max-width: 768px){
        .p-indexSec6 h2 {
                font-size:3rem
        }
            }
.p-indexSec6 h2 strong {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:3.5rem
            }
@media(max-width: 768px){
            .p-indexSec6 h2 strong {
                    font-size:2rem
            }
                }
.p-indexSec6Box1 {
            display:flex;
            justify-content:center;
            align-items: center;
            margin: 0px 60px 60px
        }
@media(max-width: 992px){
        .p-indexSec6Box1 {
                margin: 0px 30px 60px
        }
            }
@media(max-width: 768px){
        .p-indexSec6Box1 {
                flex-direction: column;
                margin: 0px 20px 30px
        }
            }
.p-indexSec6Box1Img1 {
                max-width:200px;
                width:100%;
                margin-right:30px
            }
@media(max-width: 768px){
            
            .p-indexSec6Box1Img1 {
                    margin: 0 0 20px
            }
                }
.p-indexSec6Box1 p{
                font-size:2.2rem
            }
@media(max-width: 992px){
            .p-indexSec6Box1 p{
                    font-size:2rem
            }
                }
.p-indexSec7{
        width: 100%;
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        position:relative;
        padding-top:60px
    }
@media(max-width: 768px){
    .p-indexSec7{
            padding-top:30px
    }
        }
.p-indexSec7:after {
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
            position:absolute;
            bottom:1px;
        }
.p-indexSec7:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: 52px;
            width: 100%;
        }
.p-indexSec7 h2 {
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items: center;
            margin:0 auto;
            font-size:4rem;
            text-align:center;
            margin-bottom:30px;
            font-weight:normal
        }
@media(max-width: 768px){
        .p-indexSec7 h2 {
                font-size:3rem
        }
            }
.p-indexSec7 h2 strong {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:3.5rem
            }
@media(max-width: 768px){
            .p-indexSec7 h2 strong {
                    font-size:2rem
            }
                }
.p-indexSec7>h3 {
            text-align:center;
            font-size:3rem;
            font-weight:normal;
            margin-bottom:60px;
        }
.p-indexSec7Box1 {
            display:flex;
            align-items: center;
            margin: 0px 60px 60px;
            justify-content: center
        }
@media(max-width: 992px){
        .p-indexSec7Box1 {
                margin: 0px 30px 60px
        }
            }
@media(max-width: 768px){
        .p-indexSec7Box1 {
                margin: 0px 20px 30px
        }
            }
.p-indexSec7Box1Img1 {
                max-width:200px;
                width:100%;
                margin-right:30px;
            }
.p-indexSec7Box1 p{
                font-size:2.2rem;
            }
.p-indexSec7Box1ListD{
                display:flex;
                justify-content:center
            }
@media(max-width: 768px){
            .p-indexSec7Box1ListD{
                    justify-content: space-between
            }
                }
.p-indexSec7Box1ListD li {
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    margin:0 10px
                }
@media(max-width: 768px){
                .p-indexSec7Box1ListD li {
                        width: calc(33.3333% - 10px);
                        margin:0
                }
                    }
.p-indexSec7Box1ListD img {
                    max-width:330px;
                    width:100%;
                    margin-bottom:15px;
                }
.p-indexSec7Box1ListD h3 {
                    font-size:2rem;
                    color:#2182FF;
                    color:#2182FF;
                    color:var(--blue);
                }
.p-indexSec7Box1ListD p {
                    font-size:1.6rem;
                }
.p-indexSec8{
        width: 100%;
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        position:relative;
        padding-top:60px
    }
@media(max-width: 768px){
    .p-indexSec8{
            padding-top:30px
    }
        }
.p-indexSec8:after {
            content:"";
            display:block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.p-indexSec8:before {
            position:absolute;
            bottom:0;
            content:"";
            display:block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: 52px;
            width: 100%;
        }
.p-indexSec8 h2 {
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items: center;
            margin:0 auto;
            font-size:4rem;
            text-align:center;
            margin-bottom:30px;
            font-weight:normal
        }
@media(max-width: 768px){
        .p-indexSec8 h2 {
                font-size:3rem
        }
            }
.p-indexSec8 h2 strong {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:3.5rem
            }
@media(max-width: 768px){
            .p-indexSec8 h2 strong {
                    font-size:2rem
            }
                }
.p-indexSec8 img {
            width:800px;
            margin:0 auto
        }
@media(max-width: 1200px){
        .p-indexSec8 img {
                width:100%;
                margin:0 auto
        }
            }
.p-indexSec8 h3 {
            text-align:center;
            font-size:3rem;
            font-weight:normal;
            margin-bottom:60px
        }
@media(max-width: 992px){
        .p-indexSec8 h3 {
                font-size:2.6rem
        }
            }
@media(max-width: 768px){
        .p-indexSec8 h3 {
                font-size: 2rem;
                margin: 30px 20px
        }
            }
.p-indexSec8Box1 {
            display:flex;
            align-items: center;
            margin: 0px 30px 60px
        }
@media(max-width: 768px){
        .p-indexSec8Box1 {
                margin: 0px 20px 30px
        }
            }
.p-indexSec9{
        margin:60px auto 0
    }
@media(max-width: 768px){
    .p-indexSec9{
            margin:30px auto 0
    }
        }
.p-indexSec9 h2 {
            display:flex;
            justify-content:center;
            align-items: center;
            margin:0 auto;
            font-size:4rem;
            text-align:center;
            margin-bottom:30px;
            font-weight:normal
        }
@media(max-width: 768px){
        .p-indexSec9 h2 {
                font-size: 3rem;
                margin-bottom: 10px
        }
            }
.p-indexSec9 h2 strong {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:3.5rem
            }
@media(max-width: 768px){
            .p-indexSec9 h2 strong {
                    font-size: 2.5rem
            }
                }
.p-indexSec9 h2 i {
                color:#ED8DAA;
                color:#ED8DAA;
                color:var(--deappink);
                margin-bottom:6px;
                margin-right:5px;
            }
.p-indexSec9Box1 {
            margin: 0px 60px 60px
        }
@media(max-width: 992px){
        .p-indexSec9Box1 {
                margin: 0px 30px 60px
        }
            }
@media(max-width: 768px){
        .p-indexSec9Box1 {
                margin: 0px 30px 30px
        }
            }
.p-indexSec9Box1 ul {
                display:flex;
                justify-content:space-between
            }
@media(max-width: 992px){
            .p-indexSec9Box1 ul {
                    flex-direction: column
            }
                }
.p-indexSec9Box1 ul li {
                    display:flex;
                    flex-direction:column;
                    justify-content:stretch;
                    align-items:center;
                    width:300px;
                    padding:20px;
                    background:#ffffff;
                    background:#ffffff;
                    background:var(--white);
                    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
                    border-radius:8px;
                    margin:0 20px
                }
@media(max-width: 1200px){
               
                .p-indexSec9Box1 ul li {
                        width:33.3333%;
                        margin:20px 20px
                }
                    }
@media(max-width: 992px){
               
                .p-indexSec9Box1 ul li {
                        width:100%;
                        margin:20px auto
                }
                    }
.p-indexSec9Box1 ul li table {
                        width: 100%;
                         margin-bottom:20px
                    }
@media(max-width: 992px){
                    .p-indexSec9Box1 ul li table {
                            max-width:300px
                    }
                         }
.p-indexSec9Box1 ul li h3 {
                        color:#ED8DAA;
                        color:#ED8DAA;
                        color:var(--deappink);
                        margin-bottom:15px;
                        font-size: 2rem;
                    }
.p-indexSec9Box1 ul li:nth-child(2){
                        border:1px solid #ED8DAA;
                        border:1px solid #ED8DAA;
                        border:1px solid var(--deappink);
                        position:relative;
                        box-shadow: 0 0 3px 0 rgba(235, 140, 170, 0.8)
                    }
.p-indexSec9Box1 ul li:nth-child(2):before {
                            content:"オススメ";
                            display:block;
                            padding:2px 7px;
                            color:#ffffff;
                            color:#ffffff;
                            color:var(--white);
                            background:#ED8DAA;
                            background:#ED8DAA;
                            background:var(--deappink);
                            font-size:1.2rem;
                            position:absolute;
                            top:0;
                            left:0;
                            border-radius: 5px 0 0 0;
                        }
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    color: #666666;
    color: #666666;
    color: var(--gray4);
}
* {
    box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
ul,
ol {
    list-style-type: none;
}
html {
    height: 100%;
    -webkit-text-size-adjust: none;
       -moz-text-size-adjust: none;
            text-size-adjust: none;
    font-size: 62.5%;
}
body {
    min-height: 100%;
    font-family: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN";
    font-family: "Noto Sans JP"
,
sans-serif
,
"M PLUS Rounded 1c"
,
"メイリオ"
,
Meiryo
,
"ヒラギノ角ゴ ProN";
    font-family: var(--font-family--gothic3);
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333333;
    color: #333333;
    color: var(--gray3);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    tap-highlight-color: rgba(0, 0, 0, 0);
    background: #f7f7f7;
    background: #f7f7f7;
    background: var(--gray5);
}
a {
    color: var(--blue2);
    text-decoration: none
}
a:not(.u-nofade) {
        transition: opacity 0.3s linear;
        opacity: 1
    }
a:not(.u-nofade):hover {
            opacity: 0.8;
        }
a:focus,
    a:hover {
        color: #2182FF;
        color: #2182FF;
        color: var(--blue);
        text-decoration: inherit;
    }
img {
    max-width: 100%;
    height: auto;
}
::-moz-placeholder {
    color: #333333;
    color: #333333;
    color: var(--gray3);
    opacity: 0.5;
}
:-ms-input-placeholder {
    color: #333333;
    color: #333333;
    color: var(--gray3);
    opacity: 0.5;
}
::placeholder {
    color: #333333;
    color: #333333;
    color: var(--gray3);
    opacity: 0.5;
}
textarea {
    line-height: 1.8;
}
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    border: none;
    box-sizing: border-box
}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
        display: none;
    }
input[type="submit"]::focus, input[type="button"]::focus {
        outline-offset: -2px;
    }
/* icomoon */
@font-face {
    font-family: 'icomoon';
    src:  url('./fonts/icomoon.eot?qtf8lh');
    src:  url('./fonts/icomoon.eot?qtf8lh#iefix') format('embedded-opentype'),
      url('./fonts/icomoon.ttf?qtf8lh') format('truetype'),
      url('./fonts/icomoon.woff?qtf8lh') format('woff'),
      url('./fonts/icomoon.svg?qtf8lh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
.icon-new:before {
    content: "\e900";
  }
.icon-ya_down:before {
    content: "\e901";
  }
.icon-ya_left:before {
    content: "\e902";
  }
.icon-ya_right:before {
    content: "\e903";
  }
.icon-ya_up:before {
    content: "\e904";
  }
.icon-required:before {
    content: "\e905";
  }
.icon-menu:before {
    content: "\e906";
  }
.icon-bell:before {
    content: "\e907";
  }
.icon-bin:before {
    content: "\e908";
  }
.icon-calendar:before {
    content: "\e909";
  }
.icon-camera:before {
    content: "\e90a";
  }
.icon-clipboard:before {
    content: "\e90b";
  }
.icon-cog:before {
    content: "\e90c";
  }
.icon-coin-yen:before {
    content: "\e90d";
  }
.icon-credit-card:before {
    content: "\e90e";
  }
.icon-cross:before {
    content: "\e90f";
  }
.icon-enter:before {
    content: "\e910";
  }
.icon-exit:before {
    content: "\e911";
  }
.icon-eye-plus:before {
    content: "\e912";
  }
.icon-images:before {
    content: "\e913";
  }
.icon-paste:before {
    content: "\e914";
  }
.icon-pencil:before {
    content: "\e915";
  }
.icon-profile:before {
    content: "\e916";
  }
.icon-search:before {
    content: "\e917";
  }
.icon-stats-dots:before {
    content: "\e918";
  }
.icon-user-check:before {
    content: "\e919";
  }
.icon-users:before {
    content: "\e91a";
  }
.icon-user-tie:before {
    content: "\e91b";
  }
.u-color--red {
        color: var(--red1);
    }
.u-color--blue {
        color: var(--blue1);
    }
.u-color--gray {
        color: var(--gray1);
    }
.u-color--black {
        color: var(--black1);
    }
:root {
    --black: #000000;
    --gray: #F7EFF5;
    --gray2: #aaaaaa;
    --gray3: #333333;
    --gray4: #666666;
    --gray5: #f7f7f7;
    --gray6: #F5F5F5;
    --white: #ffffff;
    --pink: #FDF6F9;
    --deappink:#ED8DAA;
    --pinkgray: #F7EFF5;
    --pink3: #FFEBF5;
    --red: #E70000;
    --blue: #2182FF;
    --kon:#000166;
    --lightblue: #E0F3FF;
    --green: #69CC91;
    --lightgreen: #DFF5E8;
    --yellow: #FFFFF5;
    --gold:#B99532;
}
:root {
    /* ゴシック体 */
    --font-family--gothic1: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    /* ゴシック体 */
    --font-family--gothic2: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*丸ゴシック*/
    --font-family--gothic3: "Noto Sans JP", sans-serif, "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN";
    /* 明朝体 */
    --font-family--mincho: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    /* 等幅 monospace 和文英文混在で表示する機会が少ない場合 … 英字フォントを優先する */
    --font-family--mono1: MeiryoKe_Gothic, "Ricty Diminished", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
    /* 和文英文混在で表示する機会が多い場合 … 混在フォントを優先して等幅表示を優先させる */
    --font-family--mono2: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console", monospace;
    --fs--xl: 2.4rem;
    --fs--lg: 1.8rem;
    --fs--md: 1.4rem;
    --fs--sm: 1.2rem;
    --fs--xs: 1.0rem;
}
body {
    width: 100%;
}
.l-aside {
    min-width: 200px;
    max-width: 200px;
    background: #F5F5F5;
    background: #F5F5F5;
    background: var(--gray6)
}
@media(max-width: 992px){
.l-aside {
        display:none
}
    }
.l-asideSecond {
    min-width: 200px;
    max-width: 200px;
    padding:20px 10px;
    background: #ffffff;
    background: #ffffff;
    background: var(--white);
    box-shadow: 1px 0 0 0 rgba(0,0,0,0.1);
}
.l-footer {
    margin-top: auto;
}
.l-footerBoxA{
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:30px
    }
@media(max-width: 992px){
    .l-footerBoxA{
            margin:0 30px 30px
    }
        }
@media(max-width: 768px){
    .l-footerBoxA{
            margin:0 20px 30px;
            flex-direction: column
    }
        }
.l-footerBoxA img {
            width:460px;
            margin-right:60px
        }
@media(max-width: 992px){
        .l-footerBoxA img {
                max-width:400px;
                width:100%;
                margin-right:30px
        }
            }
@media(max-width: 768px){
        .l-footerBoxA img {
                margin-right:0;
                margin-bottom:20px
        }
            }
.l-footerBoxARight {
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
        }
.l-footerBoxARight h2 {
                font-size:3.2rem;
                font-weight:normal;
                margin-bottom:10px
            }
@media(max-width: 768px){
            .l-footerBoxARight h2 {
                    font-size:2.5rem
            }
                }
@media(max-width: 430px){
            .l-footerBoxARight h2 {
                    font-size:2rem
            }
                }
.l-footerBoxARight a {
                border:3px solid #2182FF;
                border:3px solid #2182FF;
                border:3px solid var(--blue);
                padding:5px 50px;
                font-size:2.4rem;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                border-radius:5px
            }
.l-footerBoxARight a:hover {
                    background:#2182FF;
                    background:#2182FF;
                    background:var(--blue);
                    color:#ffffff;
                    color:#ffffff;
                    color:var(--white);
                }
.l-footerBoxARight p {
                margin-top:20px;
                font-size:1.4rem
            }
@media(max-width: 768px){
            .l-footerBoxARight p {
                    font-size:1.4rem
            }
                }
@media(max-width: 430px){
            .l-footerBoxARight p {
                    font-size:1.2rem
            }
                }
.l-footerBoxB{
        display: flex;
        align-items: center;
        justify-content: center;
        background: #E0F3FF;
        background: #E0F3FF;
        background: var(--lightblue);
    }
.l-footerBoxB img {
            width: 320px;
            margin: 10px;
        }
.l-footerBoxB ul {
            background:#E0F3FF;
            background:#E0F3FF;
            background:var(--lightblue);
            display:flex;
            justify-content:center;
            align-items: center;
            flex-wrap: wrap;
            padding:10px 10px;
        }
.l-footerBoxB ul li a {
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    padding:8px 20px;
                    white-space: nowrap
                }
.l-footerBoxB ul li a:hover {
                        background:#2182FF;
                        background:#2182FF;
                        background:var(--blue);
                        color:#ffffff;
                        color:#ffffff;
                        color:var(--white);
                        padding:8px 20px;
                        border-radius:5px;
                    }
.l-footerBoxC{
        display:flex;
        align-items:center;
        justify-content:center;
        padding:10px;
        background:#2182FF;
        background:#2182FF;
        background:var(--blue);
        color:#ffffff;
        color:#ffffff;
        color:var(--white);
    }
.l-header {
    width: 100%;
    box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.l-headerBox {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative
    }
@media(max-width: 768px) {
    .l-headerBox {
            flex-wrap: wrap
    }
        }
.l-headerBox h1 {
            max-width: 250px;
            margin: 0 10px
        }
@media(max-width: 768px) {
        .l-headerBox h1 {
                max-width: 200px;
                margin: 10px 10px 5px 10px
        }
            }
.l-headerBox p {
            font-size: 1.6rem
        }
@media(max-width: 430px) {
        .l-headerBox p {
                order: 3;
                text-align: center;
                width: 100%;
                margin-bottom: 10px
        }
            }
.l-headerBox2>ul {
                display: flex;
                align-items: center
            }
.l-headerBox2>ul>li {
                    margin-right: 10px;
                }
@media(max-width: 768px){
                    .l-headerBox2>ul>li:not(:last-child){
                        display:none;
                    }
                }
.l-headerBox3 {
            background:#2182FF;
            background:#2182FF;
            background:var(--blue)
        }
@media(max-width: 768px){
        .l-headerBox3 {
                display:none
        }
            }
.l-headerBox3>ul {
                display: flex;
                align-items: center;
                justify-content: center
            }
.l-headerBox3>ul>li a {
                        display:flex;
                        align-items:center;
                        justify-content:center;
                        margin-right: 10px;
                        padding:10px 20px;
                        color:#ffffff;
                        color:#ffffff;
                        color:var(--white);
                        background:#2182FF;
                        background:#2182FF;
                        background:var(--blue)
                    }
.l-headerBox3>ul>li a:hover {
                            color:#2182FF;
                            color:#2182FF;
                            color:var(--blue);
                            background:#E0F3FF;
                            background:#E0F3FF;
                            background:var(--lightblue);
                        }
@media(max-width: 768px){
                    .l-headerBox3>ul>li:not(:last-child){
                        display:none;
                    }
                }
.l-headerAdmin{
        width: 100%;
        box-shadow: 0px 0 1px 0px rgba(0, 0, 0, 0.1);
        z-index: 1;
    }
.l-headerAdmin h1 {
            display:flex;
            align-items:center; 
            max-width: 380px;
            margin: 0 10px;
            font-size: 2rem;
            font-weight: normal;
            align-items: flex-end;
        }
.l-headerAdmin h1 img {
                max-width: 250px;
            }
@media(max-width: 768px) {
        .l-headerAdmin h1 {
                max-width: 200px;
                margin: 10px 10px 5px 10px
        }
            }
.l-headerAdmin h1 a {
                display:flex;
                align-items: flex-end;
            }
.l-headerAdminBox {
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            min-width:1200px
        }
@media(max-width: 768px) {
        .l-headerAdminBox {
                flex-wrap: wrap
        }
            }
.l-headerAdminBox p {
                font-size: 1.6rem
            }
@media(max-width: 430px) {
            
            .l-headerAdminBox p {
                    order: 3;
                    text-align: center;
                    width: 100%;
                    margin-bottom: 10px
            }
                }
.l-headerAdminBox2>ul {
                    display: flex;
                    align-items: center
                }
.l-headerAdminBox2>ul>li {
                        margin-right: 10px;
                    }
@media(max-width: 768px){
                        .l-headerAdminBox2>ul>li:not(:last-child){
                            display:none;
                        }
                    }
.l-main {
    width: 100%;
    min-height: calc(100vh - 134px);
    display: flex;
    flex-wrap: wrap;
}
.l-mainAdm {
        width: calc(100% - 300px);
        padding: 30px 40px
    }
@media(max-width: 768px) {
    .l-mainAdm {
            width: 100%;
            padding: 30px 20px
    }
        }
@media(max-width: 430px) {
    .l-mainAdm {
            padding: 20px
    }
        }
.l-mainAdm h2 {
            font-size: 2rem;
            font-weight: normal;
            border-bottom: 1px solid var(--vlgray);
            padding-bottom: 10px;
            margin-bottom: 40px;
        }
.l-mainAdm .p-indexSec h2 {
                border-bottom: none;
            }
.l-mainRight {
            width: calc(100% - 200px);
            padding: 30px
            /*min-width: fit-content;*/
        }
@media(max-width: 992px) {
        .l-mainRight {
                width: 100%;
                padding: 30px
        }
            }
@media(max-width: 430px) {
        .l-mainRight {
                padding: 20px
        }
            }
.l-mainRightSec {
            height:100vh;
            overflow:auto;
            width: calc(100% - 400px);
            padding: 30px;
        }
.l-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    background: #ffffff;
    background: #ffffff;
    background: var(--white);
    margin: 0 auto;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    width:1600px
}
@media(max-width: 430px) {
.l-wrapper {
        max-width: 100%
}
    }
.l-wrapper2cal {
        display: flex;
        min-height: 100vh;
        min-width: 1200px;
        width:100%;
        background: #ffffff;
        background: #ffffff;
        background: var(--white);
        margin: 0 auto;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1)
    }
@media(max-width: 992px){
    .l-wrapper2cal {
            min-width:auto
    }
        }
.l-wrapper3cal {
        display: flex;
        min-height: 100vh;
        min-width: 1200px;
        width:100%;
        background: #ffffff;
        background: #ffffff;
        background: var(--white);
        margin: 0 auto;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    }
.l-wrapperUi {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        background: #ffffff;
        background: #ffffff;
        background: var(--white);
        margin: 0 auto;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    }
.u-mt5 {
    margin-top: 5px;
}
.u-mt10 {
    margin-top: 10px;
}
.u-mt15 {
    margin-top: 15px;
}
.u-mt20 {
    margin-top: 20px;
}
.u-mt25 {
    margin-top: 25px;
}
.u-mt30 {
    margin-top: 30px;
}
.u-mt35 {
    margin-top: 35px;
}
.u-mt40 {
    margin-top: 40px;
}
.u-mt50 {
    margin-top: 50px;
}
.u-mt60 {
    margin-top: 60px;
}
.u-mt70 {
    margin-top: 70px;
}
.u-mt80 {
    margin-top: 70px;
}
.u-mb5 {
    margin-bottom: 5px;
}
.u-mb10 {
    margin-bottom: 10px;
}
.u-mb15 {
    margin-bottom: 15px;
}
.u-mb20 {
    margin-bottom: 20px;
}
.u-mb25 {
    margin-bottom: 25px;
}
.u-mb30 {
    margin-bottom: 30px;
}
.u-mb35 {
    margin-bottom: 35px;
}
.u-mb40 {
    margin-bottom: 40px;
}
.u-mb50 {
    margin-bottom: 50px;
}
.u-mb60 {
    margin-bottom: 60px;
}
.u-mb70 {
    margin-bottom: 70px;
}
.u-mb80 {
    margin-bottom: 70px;
}
.u-ml5 {
    margin-left: 5px;
}
.u-ml10 {
    margin-left: 10px;
}
.u-ml15 {
    margin-left: 15px;
}
.u-ml20 {
    margin-left: 20px;
}
.u-ml25 {
    margin-left: 25px;
}
.u-ml30 {
    margin-left: 30px;
}
.u-ml35 {
    margin-left: 35px;
}
.u-ml40 {
    margin-left: 40px;
}
.u-ml50 {
    margin-left: 50px;
}
.u-ml60 {
    margin-left: 60px;
}
.u-ml70 {
    margin-left: 70px;
}
.u-mr5 {
    margin-right: 5px;
}
.u-mr10 {
    margin-right: 10px;
}
.u-mr15 {
    margin-right: 15px;
}
.u-mr20 {
    margin-right: 20px;
}
.u-mr25 {
    margin-right: 25px;
}
.u-mr30 {
    margin-right: 30px;
}
.u-mr35 {
    margin-right: 35px;
}
.u-mr40 {
    margin-right: 40px;
}
.u-mr50 {
    margin-right: 50px;
}
.u-mr60 {
    margin-right: 60px;
}
.u-mr70 {
    margin-right: 70px;
}
.u-m5 {
    margin: 5px;
}
.u-m10 {
    margin: 10px;
}
.u-m20 {
    margin: 20px;
}
.u-m30 {
    margin: 30px;
}
.u-m40 {
    margin: 40px;
}
.u-m50 {
    margin: 50px;
}
@media(max-width: 430px){
.u-mb10M {
        margin-bottom:10px
}
    }
.c-aBlue {
        color:#2182FF;
        color:#2182FF;
        color:var(--blue)
    }
.c-aBlue:hover {
            color:#2182FF;
            color:#2182FF;
            color:var(--blue);
        }
.c-accordion {
	max-width: 400px;
	margin: 0 auto;
	padding: 0;
}
.c-accordion a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: #000;
        line-height: 1;
    }
.c-accordionLabel {
        display: block;
        margin: 0 0 2px 0;
        padding :12px;
        line-height: 1;
        color :#fff;
        background :#2182FF;
        background :#2182FF;
        background :var(--blue);
        cursor :pointer;
    }
.c-accordionInput {
        display: none;
    }
.c-accordion ul {
        margin: 0;
        padding: 0;
        background :#f4f4f4;
        list-style: none;
    }
.c-accordion li {
        max-height: 0;
        overflow-y: hidden;
        transition: all 0.5s;
    }
.c-accordion .active {
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
    }
#c-accordionBar00:checked ~ #c-accordionLinks00 li,
#c-accordionBar01:checked ~ #c-accordionLinks01 li,
#c-accordionBar02:checked ~ #c-accordionLinks02 li,
#c-accordionBar03:checked ~ #c-accordionLinks03 li,
#c-accordionBar04:checked ~ #c-accordionLinks04 li,
#c-accordionBar05:checked ~ #c-accordionLinks05 li,
#c-accordionBar06:checked ~ #c-accordionLinks06 li,
#c-accordionBar07:checked ~ #c-accordionLinks07 li {
	max-height: 46px;
	opacity: 1;
}
.c-accordion2 {
	margin: 0 auto;
	padding: 0;
}
.c-accordion2 a {
        display: block;
        padding: 15px;
        text-decoration: none;
        color: #000;
        line-height: 1;
    }
.c-accordion2Label {
        display: block;
        margin: 0;
        padding :15px;
        line-height: 1;
        cursor :pointer;
    }
.c-accordion2Input {
        display: none;
    }
.c-accordion2 ul {
        margin: 0;
        padding: 0;
        background :#f4f4f4;
        list-style: none;
    }
.c-accordion2 li {
        max-height: 0;
        overflow-y: hidden;
        transition: all 0.5s;
    }
#c-accordion2Bar00:checked ~ #c-accordion2Links00 li,
#c-accordion2Bar01:checked ~ #c-accordion2Links01 li,
#c-accordion2Bar02:checked ~ #c-accordion2Links02 li,
#c-accordion2Bar03:checked ~ #c-accordion2Links03 li,
#c-accordion2Bar04:checked ~ #c-accordion2Links04 li,
#c-accordion2Bar05:checked ~ #c-accordion2Links05 li,
#c-accordion2Bar06:checked ~ #c-accordion2Links06 li,
#c-accordion2Bar07:checked ~ #c-accordion2Links07 li {
	max-height: 46px;
	opacity: 1;
}
.c-accordionSearchBox,.c-accordionSearchBox2 {
        margin-bottom:0px;
        opacity: 0;
        height:0;
        transition: all 0.5s;
        width: 100%;
        display:none;
    }
.c-accordionSearchBox h3, .c-accordionSearchBox2 h3 {
            margin-bottom:20px;
            font-size:2rem;
            font-weight:normal;
        }
.c-accordionSearchInput {
        display:none;
        margin-bottom:20px
    }
.c-accordionSearchInput:checked ~ .c-accordionSearchBox {
            opacity: 1;
            height:auto;
            margin-top:30px;
            display:block;
        }
.c-accordionSearchInput:checked ~ .c-accordionSearchLabel i {
            transform: rotate(-180deg);
        }
.c-accordionSearchInput:checked ~ .c-accordionSearchBox2 {
            opacity: 1;
            height:auto;
            margin-top:10px;
            display:block;
        }
.c-accordionSearchLabel {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-size:1.4rem;
        cursor :pointer;
        padding: 10px 0;
        
    }
.c-accordionSearchLabel i {
            display:flex;
            align-items:center;
            justify-content:center;
            margin-left:5px;
            transition: all 0.5s;
        }
@-webkit-keyframes light {
	from {opacity: 0; left: -200%;}
	50% {opacity: 1;}
	to {opacity: 0;left: 300%;}
}
@keyframes light {
	from {opacity: 0; left: -200%;}
	50% {opacity: 1;}
	to {opacity: 0;left: 300%;}
}
@-webkit-keyframes radio-select {
	0% {
	  transform: scale(0,0);
	}
	65% {
	  transform: scale(1.1,1.1);
	}
	100% {
	  transform: scale(1,1);
	}
  }
@keyframes radio-select {
	0% {
	  transform: scale(0,0);
	}
	65% {
	  transform: scale(1.1,1.1);
	}
	100% {
	  transform: scale(1,1);
	}
  }
.c-bgPink {
        background: #FDF6F9;
        background: #FDF6F9;
        background: var(--pink);
        padding: 20px;
        border-radius: 5px;
    }
.c-bgWhite {
        background: #ffffff;
        background: #ffffff;
        background: var(--white);
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
.c-bgWhiteAllow {
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        position:relative
    }
.c-bgWhiteAllow:before{
            position: absolute;
            bottom: 0;
            content: "";
            display: block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: 52px;
            width: 100%;
        }
.c-bgWhiteAllow:after {
            content: "";
            display: block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.c-bgWhiteAllowBgPink {
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        position:relative
    }
.c-bgWhiteAllowBgPink:before{
            position: absolute;
            bottom: 0;
            content: "";
            display: block;
            background: #FDF6F9;
            background: #FDF6F9;
            background: var(--pink);
            height: 52px;
            width: 100%;
        }
.c-bgWhiteAllowBgPink:after {
            content: "";
            display: block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.c-bgLightblueAllow {
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        position:relative
    }
.c-bgLightblueAllow:before{
            position: absolute;
            bottom: 0;
            content: "";
            display: block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: 52px;
            width: 100%;
        }
.c-bgLightblueAllow:after {
            content: "";
            display: block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.c-bgLightblueAllowBgPink {
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        position:relative
    }
.c-bgLightblueAllowBgPink:before{
            position: absolute;
            bottom: 0;
            content: "";
            display: block;
            background: #FDF6F9;
            background: #FDF6F9;
            background: var(--pink);
            height: 52px;
            width: 100%;
        }
.c-bgLightblueAllowBgPink:after {
            content: "";
            display: block;
            background: #E0F3FF;
            background: #E0F3FF;
            background: var(--lightblue);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.c-bgPinkAllowBgWhite {
        background:#FDF6F9;
        background:#FDF6F9;
        background:var(--pink);
        position:relative
    }
.c-bgPinkAllowBgWhite:before{
            position: absolute;
            bottom: 0;
            content: "";
            display: block;
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            height: 52px;
            width: 100%;
        }
.c-bgPinkAllowBgWhite:after {
            content: "";
            display: block;
            background: #FDF6F9;
            background: #FDF6F9;
            background: var(--pink);
            height: calc(tan(60deg)*60px/2);
            width: 100%;
            -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
        }
.c-boxPhotolistA h2 {
            display:flex;
            flex-direction:column;
            font-size:3rem;
            letter-spacing: 3px;
            font-weight:normal;
            margin-bottom: 20px;
        }
.c-boxPhotolistA h2 strong{
                font-size:2rem;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                letter-spacing: 3px;
            }
.c-boxPhotolistA p{
            font-size:1.6rem;
            margin-bottom:20px;
        }
.c-boxPhotolistAList {
            display:flex;
            justify-content:space-between;
            flex-wrap: wrap
        }
@media(max-width: 430px){
        .c-boxPhotolistAList {
                flex-direction:column
        }
            }
.c-boxPhotolistAList li {
                display:flex;
                flex-direction:column;
                align-items:center;
                width: calc(33.3333% - 20px);
                margin-bottom: 10px
            }
@media(max-width: 430px){
            .c-boxPhotolistAList li {
                    width: 100%;
                    margin-bottom:10px
            }
                }
.c-boxPhotolistAList li img {
                    margin-bottom:15px
                }
@media(max-width: 430px){
                .c-boxPhotolistAList li img {
                        order:2
                }
                    }
.c-boxPhotolistAList li h3 {
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    font-size:2rem;
                    margin-bottom:10px;
                    font-weight:normal
                }
@media(max-width: 430px){
                .c-boxPhotolistAList li h3 {
                        order:1
                }
                    }
.c-boxPhotolistAList li h3 strong {
                        font-size:2rem;
                        color:#2182FF;
                        color:#2182FF;
                        color:var(--blue);
                    }
.c-boxPhotolistAList li p {
                    font-size:1.4rem
                }
@media(max-width: 430px){
                .c-boxPhotolistAList li p {
                        order:3
                }
                    }
.c-boxNormalA{
        display:flex;
        flex-direction:column;
        align-items:center;
    }
.c-boxNormalA h2 {
            font-size: 4rem;
            letter-spacing: 3px;
            font-weight:normal;
            margin-bottom: 20px;
            text-align:center;
            margin-bottom: 60px
        }
@media(max-width: 992px){
        .c-boxNormalA h2 {
                font-size:3rem
        }
            }
@media(max-width: 768px){
        .c-boxNormalA h2 {
                font-size: 2rem;
                margin-bottom: 30px;
                letter-spacing: 2px
        }
            }
@media(max-width: 430px){
        .c-boxNormalA h2 {
                font-size: 1.8rem;
                margin-bottom: 30px;
                letter-spacing: 2px
        }
            }
.c-boxNormalA h2 strong{
                color: #E70000;
                color: #E70000;
                color: var(--red);
                border-bottom: 8px solid rgba(255, 60, 60, 0.4)
            }
@media(max-width: 430px){
            .c-boxNormalA h2 strong{
                    border-bottom: 4px solid rgba(255, 60, 60, 0.4)
            }
                }
.c-boxTokushou h2{
            font-size: 3rem;
            letter-spacing: 3px;
            font-weight:normal;
            margin-bottom: 20px
        }
@media(max-width: 992px){
        .c-boxTokushou h2{
                font-size:2.5rem
        }
            }
@media(max-width: 768px){
        .c-boxTokushou h2{
                font-size: 2rem;
                letter-spacing: 2px
        }
            }
.c-boxTokushouList{
            width:100%;
        }
.c-boxTokushouList li {
                display:flex;
                flex-wrap:wrap;
                border-bottom:1px solid #F7EFF5;
                border-bottom:1px solid #F7EFF5;
                border-bottom:1px solid var(--gray);
            }
.c-boxTokushouListTime {
                margin-left:auto;
                font-size:1.4rem;
                margin-bottom:10px;
            }
.c-boxTokushouListTt {
                display: flex;
                align-items: center;
                width:290px;
                padding:20px 30px 20px 0;
                font-size:1.6rem
            }
@media(max-width: 768px){
            .c-boxTokushouListTt {
                    width:100%;
                    padding:20px 0 0 0
            }
                }
.c-boxTokushouListCt {
                display: flex;
                align-items: center;
                width:calc(100% - 320px);
                padding:20px 0
            }
@media(max-width: 768px){
            .c-boxTokushouListCt {
                    width:100%;
                    padding:5px 0 20px 0
            }
                }
.c-boxNews h2{
            font-size: 3rem;
            letter-spacing: 3px;
            font-weight:normal;
            margin-bottom: 20px
        }
@media(max-width: 992px){
        .c-boxNews h2{
                font-size:2.5rem
        }
            }
@media(max-width: 768px){
        .c-boxNews h2{
                display: flex;
                flex-direction: column;
                font-size: 2rem;
                letter-spacing: 2px
        }
            }
.c-boxNewsList{
            width:100%;
        }
.c-boxNewsList li {
                display:flex;
                flex-wrap:wrap;
                border-bottom:1px solid #F7EFF5;
                border-bottom:1px solid #F7EFF5;
                border-bottom:1px solid var(--gray);
                padding:20px 0
            }
.c-boxNewsList li:first-child{
                    border-top:1px solid #F7EFF5;
                    border-top:1px solid #F7EFF5;
                    border-top:1px solid var(--gray);
                }
.c-boxNewsListTime {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:1.4rem;
                width:100%;
                margin-left: -8px;
            }
.c-boxNewsListTt {
                display: flex;
                align-items: center;
                width:100%;
                font-size:1.6rem;
            }
.c-boxNewsListCt {
                display: flex;
                align-items: center;
                width:100%;
            }
.c-boxNewsView {
            border-top: 1px solid #F7EFF5;
            border-top: 1px solid #F7EFF5;
            border-top: 1px solid var(--gray);
            border-bottom: 1px solid #F7EFF5;
            border-bottom: 1px solid #F7EFF5;
            border-bottom: 1px solid var(--gray);
            padding-top: 20px;
            padding-bottom: 20px;
            margin-bottom: 20px;
        }
.c-boxNewsView strong {
                display:block;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                margin-bottom:10px;
            }
.c-boxNewsView h3 {
                font-size:1.8rem;
                margin-bottom:5px;
            }
.c-boxNewsView p {
                line-height:2;
            }
.c-boxAsideProfile {
            display:flex;
            flex-direction:column;
            align-items:center;
            padding:20px;
        }
.c-boxAsideProfile h2 {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                font-size:1.6rem;
                font-weight:normal;
                margin-bottom:5px;
            }
.c-boxAsideProfile img {
                margin-bottom:20px;
            }
.c-boxAsideProfile a {
                display:flex;
                justify-content:center;
                align-items:center;
                border:1px solid #2182FF;
                border:1px solid #2182FF;
                border:1px solid var(--blue);
                background:#ffffff;
                background:#ffffff;
                background:var(--white);
                padding:5px 20px;
                border-radius:30px;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
            }
.c-boxAsideProfileAdmin {
                display:flex;
                flex-direction:column;
                align-items:center;
                padding:20px;
            }
.c-boxAsideProfileAdmin h2 {
                    color:#2182FF;
                    color:#2182FF;
                    color:var(--blue);
                    font-size:1.6rem;
                    font-weight:normal;
                    margin-bottom:5px;
                }
.c-boxAsideProfileAdmin img {
                    margin-bottom:20px;
                    border-radius: 50%;
                }
.c-boxAsideProfileAdmin a {
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    border:1px solid #2182FF;
                    border:1px solid #2182FF;
                    border:1px solid var(--blue);
                    background:#ffffff;
                    background:#ffffff;
                    background:var(--white);
                    padding:5px 20px;
                    border-radius:30px;
                    color:#2182FF;
                    color:#2182FF;
                    color:var(--blue);
                }
.c-boxAsidePlan {
            margin-bottom:20px;
        }
.c-boxAsidePlan h2 {
                background:#aaaaaa;
                background:#aaaaaa;
                background:var(--gray2);
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
                display:flex;
                justify-content:center;
                align-items:center;
                padding:5px;
                font-size:1.6rem;
                margin-bottom:10px;
            }
.c-boxProfile {
        position:relative;
        display:flex;
        justify-content:space-between;
        border:1px solid #F7EFF5;
        border:1px solid #F7EFF5;
        border:1px solid var(--gray);
        padding:20px;
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);
        margin-bottom:50px;
        transition: all 0.5s ease-in-out
    }
@media(max-width: 768px){
    .c-boxProfile {
            flex-direction: column;
            align-items: center
    }
        }
.c-boxProfileLeft {
            width:250px;
            margin-right:30px
        }
@media(max-width: 768px){
        .c-boxProfileLeft {
                margin-right: 0
        }
            }
.c-boxProfileLeft img {
                width:250px;
                margin-bottom:20px;
            }
.c-boxProfileLeftBox{
                border:1px solid #2182FF;
                border:1px solid #2182FF;
                border:1px solid var(--blue);
                border-radius:5px;
                padding:10px
            }
@media(max-width: 768px){
            .c-boxProfileLeftBox{
                    margin-bottom:20px
            }
                }
.c-boxProfileLeftBoxSwitch {
                    display: flex;
                    align-items: center;
                }
.c-boxProfileLeftBoxSwitch span {
                        margin-right:10px;
                    }
.c-boxProfileLeftBoxSwitchSpan{
                        display:none;
                    }
.c-boxProfileLeftBoxButton {
                    margin-bottom:10px;
                }
.c-boxProfileRight {
            width:calc(100% - 280px)
        }
@media(max-width: 768px){
        .c-boxProfileRight {
                width:100%
        }
            }
.c-boxProfileRight ul li {
                    display:flex;
                    flex-wrap:wrap;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid var(--gray);
                    padding:5px 0;
                    margin-bottom:10px
                }
@media(max-width: 768px){
                .c-boxProfileRight ul li {
                        border-bottom: none
                }
                    }
.c-boxProfileRight ul li .c-boxProfileRightBox1 {
                        width: calc(50% - 10px);
                        margin-right:10px
                    }
@media(max-width: 768px){
                    .c-boxProfileRight ul li .c-boxProfileRightBox1 {
                            width:100%;
                            border-bottom: 1px solid #f7f7f7;
                            border-bottom: 1px solid #f7f7f7;
                            border-bottom: 1px solid var(--gray5);
                            margin-bottom:10px
                    }
                        }
.c-boxProfileRight ul li .c-boxProfileRightBox2 {
                        width:100%;
                        margin-right:10px
                    }
@media(max-width: 768px){
                    .c-boxProfileRight ul li .c-boxProfileRightBox2 {
                            width:100%;
                            border-bottom: 1px solid #f7f7f7;
                            border-bottom: 1px solid #f7f7f7;
                            border-bottom: 1px solid var(--gray5);
                            margin-bottom:10px
                    }
                        }
.c-boxProfileRight h3{
                letter-spacing:2px;
                padding: 0 5px;
            }
.c-boxProfileRight p {
                font-size:1.5rem;
                padding: 0 5px
            }
@media(max-width: 768px){
            .c-boxProfileRight p {
                    margin-top: 0px
            }
                }
.c-boxProfileRight strong{
                font-size:3.2rem;
                padding: 0 5px;
                font-weight:normal;
            }
.c-boxProfileHidden {
            padding:0;
            margin:0;
            box-shadow:none;
            border:none;
            height:0;
            overflow:hidden;
        }
.c-boxAdmin {
        position: relative;
        display: flex;
        justify-content: space-between;
        border: 1px solid #F7EFF5;
        border: 1px solid #F7EFF5;
        border: 1px solid var(--gray);
        padding: 20px;
        background: #ffffff;
        background: #ffffff;
        background: var(--white);
        box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 50px;
    }
.c-boxAdmin h3 {
            font-size:2rem;
            margin-bottom:20px;
            font-weight:normal;
        }
.c-boxAdminTwin {
            position: relative;
            display: flex;
            flex-direction:column;
            border: 1px solid #F7EFF5;
            border: 1px solid #F7EFF5;
            border: 1px solid var(--gray);
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
            margin-bottom: 50px;
            border-radius:5px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
        }
.c-boxAdminTwinTt {
                width:100%;
                display:flex;
                align-items:center;
                justify-content:space-between;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid var(--gray);
                padding: 10px 20px;
            }
.c-boxAdminTwinTt h2 {
                    font-size: 2rem;
                    font-weight: normal;
                }
.c-boxAdminTwinCt {
                padding:20px;
            }
.c-boxAdminInfomation ul {
                display:flex;
                justify-content:space-between;
                margin:15px 0;
            }
.c-boxAdminInfomation ul li {
                    width:33.33333%;
                    margin-right:60px;
                }
.c-boxAdminInfomation ul li h3{
                       font-size:1.6rem; 
                    }
.c-boxAdminInfomation ul li div{
                        display:flex;
                        justify-content:space-between;
                        align-items:flex-end;
                        line-height: 1;
                    }
.c-boxAdminInfomation ul li div strong {
                            display:flex;
                            justify-content:space-between;
                            align-items:center;
                            font-size:4rem;
                            font-weight:normal;
                            width: 100%;
                        }
.c-boxAdminInfomation ul li div strong i {
                                color:#2182FF;
                                color:#2182FF;
                                color:var(--blue);
                                margin-bottom: 5px;
                            }
.c-boxAdminInfomation ul li div span {
                            font-size: 1.6rem;
                            margin-bottom: 12px;
                            margin-left: 5px;
                        }
.c-boxAdminInfomation ul li:last-child{
                        margin-right:0;
                    }
.c-boxAdminInfomation ul li:last-child i {
                            color:#E70000;
                            color:#E70000;
                            color:var(--red);
                        }
.c-boxAdminInfomation ul li p {
                        display:flex;
                        justify-content:space-between;
                        align-items:center;
                        width:100%;
                        font-size:1.6rem;
                    }
.c-boxAdminSingle {
            position: relative;
            display: flex;
            flex-direction:column;
            align-items:center;
            border: 1px solid #F7EFF5;
            border: 1px solid #F7EFF5;
            border: 1px solid var(--gray);
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
            margin-bottom: 50px;
            border-radius:5px;
        }
.c-boxAdminSingleTt {
                width:100%;
                display:flex;
                align-items:center;
                justify-content:space-between;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid var(--gray);
                padding: 10px 20px;
            }
.c-boxAdminSingleTt h2 {
                    font-size: 2rem;
                    font-weight: normal;
                }
.c-boxAdminSingleCt {
                padding:20px;
            }
.c-boxAdminSingleCt ul {
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    margin-top:20px;
                }
.c-boxAdminSingleCt ul li {
                        display:flex;
                        justify-content:center;
                        font-size:1.6rem;
                        margin:10px;
                    }
.c-boxAdminSplit{
            display:-ms-grid;
            display:grid;
            -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 20px;
            -moz-column-gap: 20px;
                 column-gap: 20px;
        }
.c-boxAdminKadomaru {
            position: relative;
            display: flex;
            flex-direction:column;
            border: 1px solid #F7EFF5;
            border: 1px solid #F7EFF5;
            border: 1px solid var(--gray);
            background: #ffffff;
            background: #ffffff;
            background: var(--white);
            box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);
            border-radius:5px;
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
        }
.c-boxAdminKadomaruTt {
                width:100%;
                display:flex;
                align-items:center;
                justify-content:space-between;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid #F7EFF5;
                border-bottom: 1px solid var(--gray);
                padding: 10px 20px;
            }
.c-boxAdminKadomaruTt h2 {
                    font-size: 2rem;
                    font-weight: normal;
                }
.c-boxAdminKadomaruCt {
                padding:20px;
            }
.c-boxAdminHalf {
            overflow:auto;
        }
.c-boxLogin {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content: center;
        background:#f7f7f7;
        background:#f7f7f7;
        background:var(--gray5);
        padding:50px 0;
        margin:0 auto;
        width:100%;
        height:calc(100vh - 187px);
    }
.c-boxFormAdmin {
        display:flex;
        align-items:center;
        margin-bottom:20px
    }
.c-boxFormAdmin.shousai {
            flex-wrap:wrap;
        }
.c-boxFlex {
        display:flex;
        align-items:center;
    }
.c-boxFlexC {
        display:flex;
        align-items:center;
        justify-content:center;
        margin:0 auto
    }
@media(max-width: 768px){
    .c-boxFlexC {
            flex-wrap:wrap
    }
        }
.c-boxFlexR {
        display:flex;
        align-items:center;
        justify-content:right;
    }
.c-boxFlexS {
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
.c-boxFlexD {
        display:flex;
        flex-direction:column;
        align-items:center;
    }
.c-boxFlexDL {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        width: 100%;
    }
.c-boxPink {
        width:100%;
        background:#FDF6F9;
        background:#FDF6F9;
        background:var(--pink);
        padding: 70px;
    }
.c-boxPinkP {
            font-size:2.8rem;
            margin:30px 0;
            text-align:center
        }
@media(max-width: 768px){
        .c-boxPinkP {
                font-size:1.6rem
        }
            }
.c-boxPlan {
        border:1px solid #f7f7f7;
        border:1px solid #f7f7f7;
        border:1px solid var(--gray5);
        padding:30px;
        box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
    }
.c-boxPlan h3 {
            display:flex;
            align-items:center;
            font-size:2.4rem;
            color:#ED8DAA;
            color:#ED8DAA;
            color:var(--deappink);
            margin-bottom:10px;
        }
.c-boxPlan h3 img {
                width:30px;
                margin-right:5px;
                margin-bottom: 7px;
            }
.c-boxPayment{
        display:flex;
        justify-content:space-between;
        border:1px solid #f7f7f7;
        border:1px solid #f7f7f7;
        border:1px solid var(--gray5);
        padding:30px;
        box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);
        background:#ffffff;
        background:#ffffff;
        background:var(--white)
        
    }
@media(max-width: 768px){
    .c-boxPayment{
            justify-content:center;
            flex-wrap:wrap
        
    }
        }
.c-boxPaymentBox {
            margin-right:20px
        }
@media(max-width: 768px){
        .c-boxPaymentBox {
                display:flex;
                flex-direction:column;
                align-items:center;
                justify-content:center;
                margin-bottom:10px
        }
            }
.c-boxPaymentBox h3 {
                display:flex;
                align-items:center;
                font-size:2.4rem;
                color:#ED8DAA;
                color:#ED8DAA;
                color:var(--deappink);
                margin-bottom:10px
            }
@media(max-width: 768px){
            .c-boxPaymentBox h3 {
                    font-size:1.8rem
            }
                }
.c-boxPaymentBox p {
                font-size:1.4rem;
                margin-bottom:10px;
            }
.c-boxPaymentBox strong {
                font-size:1.6rem;
            }
.c-boxPayment img {
            max-width:250px;
            -o-object-fit:contain;
               object-fit:contain;
        }
.c-boxPaymentCheckNote {
            display:flex;
            justify-content:center;
            align-items:center;
            flex-direction:column;
            border:1px solid #2182FF;
            border:1px solid #2182FF;
            border:1px solid var(--blue);
            padding:30px;
        }
.c-boxPaymentCheckNote h3 {
                font-size:2.4rem;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                margin-bottom:10px;
            }
.c-boxPaymentCheckNote p {
                text-align:center;
            }
.c-boxPaymentCheckPlan {
            display:flex;
            flex-direction:column;
            align-items:center;
            margin-bottom:10px
        }
.c-boxPaymentCheckPlan>h3 {
                font-size:2.4rem;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
                margin-bottom:10px;
            }
.c-boxPaymentCheckPlan>p{
                margin-bottom:20px;
            }
.c-boxP {
        padding:30px 0;
        font-size:1.6rem
    }
@media(max-width: 768px){
    .c-boxP {
            padding:0 0 10px 0
    }
        }
.c-btnEnter {
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #2182FF;
        border:1px solid #2182FF;
        border:1px solid var(--blue);
        padding:5px 10px;
        border-radius:5px;
        color:#2182FF;
        color:#2182FF;
        color:var(--blue);
        position:relative;
        overflow: hidden;
        transition: all 0.1s
    }
.c-btnEnter:hover {
            background:#2182FF;
            background:#2182FF;
            background:var(--blue);
            color:#FFFFFF;
            transition: all 0.1s
        }
.c-btnEnter:hover::before {
                -webkit-animation: light 0.4s 0s linear;
                        animation: light 0.4s 0s linear;
            }
.c-btnEnter:hover .icon-enter, .c-btnEnter:hover .icon-exit {
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
            }
.c-btnEnter .icon-enter, .c-btnEnter .icon-exit {
            color:#2182FF;
            color:#2182FF;
            color:var(--blue);
            font-size:16px;
            margin-right:10px;
        }
.c-btnEnter:before {
            content:"";
            display:block;
            width:0;
            height:86%;
            position:absolute;
            top:7%;
            left:-20px;
            opacity:0;
            background:#fff;
            box-shadow:0 0 50px 30px #fff;
            transform:skewX(-20deg);
        }
.c-btnProfile {
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #E70000;
        border:1px solid #E70000;
        border:1px solid var(--red);
        padding:5px 10px;
        border-radius:5px;
        color:#E70000;
        color:#E70000;
        color:var(--red);
        position:relative;
        overflow: hidden;
        transition: all 0.1s
    }
.c-btnProfile:hover {
            background:#E70000;
            background:#E70000;
            background:var(--red);
            color:#FFFFFF;
            transition: all 0.1s
        }
.c-btnProfile:hover::before {
                -webkit-animation: light 0.4s 0s linear;
                        animation: light 0.4s 0s linear;
            }
.c-btnProfile:hover .icon-profile {
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
            }
.c-btnProfile .icon-profile {
            color:#E70000;
            color:#E70000;
            color:var(--red);
            font-size:16px;
            margin-right:10px;
        }
.c-btnProfile:before {
            content:"";
            display:block;
            width:0;
            height:86%;
            position:absolute;
            top:7%;
            left:-20px;
            opacity:0;
            background:#fff;
            box-shadow:0 0 50px 30px #fff;
            transform:skewX(-20deg);
        }
.c-btnKanri {
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #E70000;
        border:1px solid #E70000;
        border:1px solid var(--red);
        padding:5px 10px;
        border-radius:5px;
        color:#E70000;
        color:#E70000;
        color:var(--red);
        position:relative;
        overflow: hidden;
        transition: all 0.1s
    }
.c-btnKanri:hover {
            background:#E70000;
            background:#E70000;
            background:var(--red);
            color:#FFFFFF;
            transition: all 0.1s
        }
.c-btnKanri:hover::before {
                -webkit-animation: light 0.4s 0s linear;
                        animation: light 0.4s 0s linear;
            }
.c-btnKanri:hover .icon-user-tie {
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
            }
.c-btnKanri .icon-user-tie {
            color:#E70000;
            color:#E70000;
            color:var(--red);
            font-size:16px;
            margin-right:10px;
        }
.c-btnKanri:before {
            content:"";
            display:block;
            width:0;
            height:86%;
            position:absolute;
            top:7%;
            left:-20px;
            opacity:0;
            background:#fff;
            box-shadow:0 0 50px 30px #fff;
            transform:skewX(-20deg);
        }
.c-btnMenu {
        display:flex;
        align-items:center;
        justify-content:center;
        color:#E70000;
        color:#E70000;
        color:var(--red);
        font-size:46px;
        transform: rotate3d(0,1,0,360deg);
        transition: .5s;
        cursor: pointer
        
    }
.c-btnMenu:hover {
            opacity:0.8;
        }
.c-btnMenu .icon-menu {
            color:#E70000;
            color:#E70000;
            color:var(--red);
        }
.c-btnMenuNav {
            opacity: 0;
            list-style: none;
            position:absolute;
            width: 100%;
            height: auto;
            top: 62px;
            right:0;
            padding: 0 0 10px 0;
            clear: both;
            background:  linear-gradient(rgba(255,255,255,1) 85%,rgba(255,255,255,0) 95%);
            transition: 0.3s cubic-bezier(0.04, 0.04, 0.1, 0.9) 0.1s;
            transform: scale(1, 0);
            transform-origin: top;
        }
.c-btnMenuNav ul {
                display:flex;
                flex-direction:column;
                margin:40px;

            }
.c-btnMenuNav ul li {
                    display: flex;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid var(--gray);
                }
.c-btnMenuNav ul li a {
                        display:flex;
                        padding:20px 15px;
                        width: 100%
                    }
.c-btnMenuNav ul li a:hover {
                            background:#2182FF;
                            background:#2182FF;
                            background:var(--blue);
                            color:#ffffff;
                            color:#ffffff;
                            color:var(--white);
                        }
.c-btnMenuToggle {
            display:none
        }
.c-btnMenuToggle:checked + .c-btnMenu {
                transform: rotate3d(0,0,0,360deg);
                transition: .5s;
            }
.c-btnMenuToggle:checked ~ .c-btnMenuNav {
                opacity: 1;
                transition: 0.3s cubic-bezier(0.04, 0.04, 0.1, 0.9)0.2s;
                transform: scale(1, 1);
                transform-origin: top;
                height: 100vh;
                z-index: -1;
            }
.c-btnMenu2 {
        display:flex;
        align-items:center;
        justify-content:center;
        color:#E70000;
        color:#E70000;
        color:var(--red);
        font-size:46px;
        transform: rotate3d(0,1,0,360deg);
        transition: .5s;
        cursor: pointer
        
    }
.c-btnMenu2:hover {
            opacity:0.8;
        }
.c-btnMenu2 .icon-menu {
            color:#E70000;
            color:#E70000;
            color:var(--red);
        }
.c-btnMenu2Nav {
            opacity: 0;
            list-style: none;
            position:absolute;
            width: 100%;
            max-width:1200px;
            height: auto;
            top: 62px;
            right:0;
            padding: 0 0 10px 0;
            clear: both;
            background:  linear-gradient(rgba(255,255,255,1) 85%,rgba(255,255,255,0) 95%);
            transition: 0.3s cubic-bezier(0.04, 0.04, 0.1, 0.9) 0.1s;
            transform: scale(1, 0);
            transform-origin: top;
        }
.c-btnMenu2Nav ul {
                display:flex;
                flex-direction:column;
                margin:40px;

            }
.c-btnMenu2Nav ul li {
                    display: flex;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid #F7EFF5;
                    border-bottom:1px solid var(--gray);
                }
.c-btnMenu2Nav ul li a {
                        display:flex;
                        padding:20px 15px;
                        width: 100%
                    }
.c-btnMenu2Nav ul li a:hover {
                            background:#2182FF;
                            background:#2182FF;
                            background:var(--blue);
                            color:#ffffff;
                            color:#ffffff;
                            color:var(--white);
                        }
.c-btnMenu2Toggle {
            display:none
        }
.c-btnMenu2Toggle:checked + .c-btnMenu {
                transform: rotate3d(0,0,0,360deg);
                transition: .5s;
            }
.c-btnMenu2Toggle:checked ~ .c-btnMenuNav {
                opacity: 1;
                transition: 0.3s cubic-bezier(0.04, 0.04, 0.1, 0.9)0.2s;
                transform: scale(1, 1);
                transform-origin: top;
                height: 100vh;
                z-index: -1;
            }
.c-btnMember {
        display:flex;
        align-items:center;
        margin-bottom:20px;
    }
.c-btnMember li {
            display:flex;
            justify-content:center;
            align-items:center;
            margin-right:10px;
        }
.c-btnMember li a {
                display:inline-flex;
                padding:5px 15px;
                border-radius:5px;
                border:1px solid #2182FF;
                border:1px solid #2182FF;
                border:1px solid var(--blue);
                background:#ffffff;
                background:#ffffff;
                background:var(--white);
                color:#2182FF;
                color:#2182FF;
                color:var(--blue)
            }
.c-btnMember li a.active {
                    background:#2182FF;
                    background:#2182FF;
                    background:var(--blue);
                    color:#ffffff;
                    color:#ffffff;
                    color:var(--white);
                }
.c-btnBlue {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 47px;
        border: none;
        background-color: #2182FF;
        background-color: #2182FF;
        background-color: var(--blue);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap
    }
.c-btnBlue:hover {
            opacity:0.8;
        }
.c-btnWhite {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 47px;
        border: none;
        background-color: #ffffff;
        background-color: #ffffff;
        background-color: var(--white);
        color: #2182FF;
        color: #2182FF;
        color: var(--blue);
        cursor: pointer;
        border:1px solid #2182FF;
        border:1px solid #2182FF;
        border:1px solid var(--blue);
        border-radius: 5px;
        white-space: nowrap
    }
.c-btnWhite:hover {
            opacity:0.8;
            background-color: #2182FF;
            background-color: #2182FF;
            background-color: var(--blue);
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
        }
.c-btnBlueMax {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 47px;
        border: none;
        background-color: #2182FF;
        background-color: #2182FF;
        background-color: var(--blue);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        width:100%
    }
.c-btnBlueMax:hover {
            opacity:0.8;
        }
.c-btnBlackW {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        font-size: 20px;
        border: none;
        background-color: #000000;
        background-color: #000000;
        background-color: var(--black);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        color:#ffffff;
        color:#ffffff;
        color:var(--white);
    }
.c-btnBlackW i {
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            font-size: 20px;
        }
.c-btnBlackW:hover {
            opacity:0.8;
        }
.c-btnBlackWA {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        font-size: 20px;
        border: none;
        background-color: #000000;
        background-color: #000000;
        background-color: var(--black);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        color:#ffffff;
        color:#ffffff;
        color:var(--white);
        position:absolute;
        top:-10px;
        right:-10px;
    }
.c-btnBlackWA i {
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            font-size: 20px;
        }
.c-btnBlackWA:hover {
            opacity:0.8;
        }
.c-btnRed {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 15px;
        height: 47px;
        border: none;
        background-color: #E70000;
        background-color: #E70000;
        background-color: var(--red);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap
    }
.c-btnRed:hover {
            opacity:0.8;
        }
.c-btnBlack {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 15px;
        height: 47px;
        border: none;
        background-color: #000000;
        background-color: #000000;
        background-color: var(--black);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap
    }
.c-btnBlack:hover {
            opacity:0.8;
        }
.c-btnBlueImg {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 60px;
        border: none;
        background-color: #2182FF;
        background-color: #2182FF;
        background-color: var(--blue);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        font-size:1.6rem
    }
.c-btnBlueImg:hover {
            opacity:0.8;
        }
.c-btnBlueImg img {
            height: 50px;
            margin-right: 10px;
        }
.c-btnGold {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 47px;
        border: none;
        background-color: #B99532;
        background-color: #B99532;
        background-color: var(--gold);
        border:1px solid #B99532;
        border:1px solid #B99532;
        border:1px solid var(--gold);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        font-size:1.6rem
    }
.c-btnGold:hover {
            opacity:0.8;
        }
@media(max-width: 430px){
    .c-btnGold {
            width:100%
    }
        }
.c-btnGoldW {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        height: 47px;
        border: none;
        background-color: #ffffff;
        background-color: #ffffff;
        background-color: var(--white);
        color: #B99532;
        color: #B99532;
        color: var(--gold);
        border:1px solid #B99532;
        border:1px solid #B99532;
        border:1px solid var(--gold);
        cursor: pointer;
        border-radius: 5px;
        white-space: nowrap;
        font-size:1.6rem
    }
.c-btnGoldW:hover {
            background-color: #B99532;
            background-color: #B99532;
            background-color: var(--gold);
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            opacity:0.8;
        }
@media(max-width: 430px){
    .c-btnGoldW {
            width:100%
    }
        }
.c-cardPlan {
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        margin:10px;
        background:#ffffff;
        background:#ffffff;
        background:var(--white);
        border:1px solid #F7EFF5;
        border:1px solid #F7EFF5;
        border:1px solid var(--gray);
        border-radius:5px;
        padding:3px;
        box-shadow: 0px 0px 1px 1px #DDD inset; 
    }
.c-cardPlan h3 {
            width:100%;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:5px;
            border-radius:3px 3px 0 0;
        }
.c-cardPlan p {
            display:flex;
            align-items:center;
            justify-content:center;
            padding:10px 5px;
            font-size: 1.6rem;
            letter-spacing: 2px;
            font-weight:bold;
        }
.c-cardPlanPlatinum{
            border:1px solid #646464;
        }
.c-cardPlanPlatinum h3 {
                background:linear-gradient(90deg, #646464,#999999, #FFFFFF,#999999, #646464);
                color:#646464;
            }
.c-cardPlanPlatinum p {
                color:#646464;
            }
.c-cardPlanBronze{
            border:1px solid #A46536;
        }
.c-cardPlanBronze h3 {
                background:linear-gradient(90deg, #B97319, #FAD778, #FFFFFF, #FAD778, #B97319);
                color:#A46536;
            }
.c-cardPlanBronze p {
                color:#A46536;
            }
.c-cardPlanDiamond{
            border:1px solid #1AADFF;
        }
.c-cardPlanDiamond h3 {
                background:linear-gradient(90deg, #5A96FF, #B6D4FF, #FFFFFF, #B6D4FF, #5A96FF);
                color:#1AADFF;
            }
.c-cardPlanDiamond p {
                color:#1AADFF;
            }
.c-form {
    margin-left: auto;
    margin-right: auto
}
@media(max-width: 768px){
.c-form {
        margin-top: 40px
}
    }
.c-formSwitch {
        display: inline-block;
        position: relative;
        width: 68px;
        height: 36px;
        border-radius: 50px;
        background: #2182FF;
        background: #2182FF;
        background: var(--blue);
        box-sizing: content-box;
        cursor: pointer;
        transition: border-color .4s
    }
.c-formSwitch[\:has\(\:checked\)]::after{
                left: 35px;
                background-color:#E0F3FF;
                background-color:#E0F3FF;
                background-color:var(--lightblue);
            }
.c-formSwitch:has(:checked)::after{
                left: 35px;
                background-color:#E0F3FF;
                background-color:#E0F3FF;
                background-color:var(--lightblue);
            }
.c-formSwitch[\:has\(\:checked\)] + .c-boxProfileLeftBoxSwitchSpan {
                display:block;
                margin-left:10px;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
            }
.c-formSwitch:has(:checked) + .c-boxProfileLeftBoxSwitchSpan {
                display:block;
                margin-left:10px;
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
            }
.c-formSwitch::after {
            position: absolute;
            top: 50%;
            left: 3px;
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #ffffff;
            background-color: #ffffff;
            background-color: var(--white);
            content: '';
            transition: left .4s;
        }
.c-formSwitch input {
            display: none;
        }
.c-formButton {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 8px 20px 8px 10px;
        border: 1px solid #2182FF;
        border: 1px solid #2182FF;
        border: 1px solid var(--blue);
        border-radius: 50px;
        background-color: #fff;
        color: #2182FF;
        color: #2182FF;
        color: var(--blue);
        font-size: 1em
    }
.c-formButton::after {
            position: absolute;
            right: 2em;
            transform: translateY(-50%);
            transform-origin: left;
            width: 1.5em;
            height: .5em;
            background-color: #2182FF;
            background-color: #2182FF;
            background-color: var(--blue);
            -webkit-clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
                    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
            content: '';
            transition: transform .3s;
        }
.c-formButton:hover::after {
            transform: translateY(-50%) scaleX(1.2);
        }
.c-formLink {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 8px 20px 8px 10px;
        border: 1px solid #2182FF;
        border: 1px solid #2182FF;
        border: 1px solid var(--blue);
        border-radius: 50px;
        background-color: #2182FF;
        background-color: #2182FF;
        background-color: var(--blue);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        font-size: 1em
    }
.c-formLink::after {
            position: absolute;
            right: 2em;
            transform: translateY(-50%);
            transform-origin: left;
            width: 1.5em;
            height: .5em;
            background-color: #ffffff;
            background-color: #ffffff;
            background-color: var(--white);
            -webkit-clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
                    clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
            content: '';
            transition: transform .3s;
        }
.c-formLink:hover {
            color:#ffffff;
            color:#ffffff;
            color:var(--white);
        }
.c-formLink:hover::after {
            transform: translateY(-50%) scaleX(1.2);
        }
.c-formAdmin {
        width:100%;
    }
.c-formAdminSearch{
            display: flex;
            align-items: center;
            overflow: hidden;
            border: 1px solid #666666;
            border: 1px solid #666666;
            border: 1px solid var(--gray4);
            border-radius: 5px;
            margin-right:10px;
        }
.c-formAdminSearch input {
                width: 400px;
                height: 45px;
                padding: 5px 15px 5px 0;
                border: none;
                box-sizing: border-box;
                font-size: 1.4rem;
                outline: none
            }
.c-formAdminSearch input::-moz-placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearch input:-ms-input-placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearch input::placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearch button {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border: none;
                background-color: transparent;
                cursor: pointer
            }
.c-formAdminSearch button::before {
                    content: "\e917";
                    font-family:'icomoon';
                    width: 24px;
                    height: 24px;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                }
.c-formAdminSearchSec{
            display: flex;
            align-items: center;
            overflow: hidden;
            border: 1px solid #666666;
            border: 1px solid #666666;
            border: 1px solid var(--gray4);
            border-radius: 5px;
        }
.c-formAdminSearchSec input {
                width: 100%;
                height: 45px;
                padding: 5px 15px 5px 0;
                border: none;
                box-sizing: border-box;
                font-size: 1.4rem;
                outline: none
            }
.c-formAdminSearchSec input::-moz-placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearchSec input:-ms-input-placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearchSec input::placeholder {
                    color: #aaaaaa;
                    color: #aaaaaa;
                    color: var(--gray2);
                }
.c-formAdminSearchSec button {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 45px;
                height: 45px;
                border: none;
                background-color: transparent;
                cursor: pointer
            }
.c-formAdminSearchSec button::before {
                    content: "\e917";
                    font-family:'icomoon';
                    width: 24px;
                    height: 24px;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                }
.c-formAdminSelect{
            display: inline-flex;
            align-items: center;
            position: relative;
            margin-right:10px
        }
.c-formAdminSelect::after {
                position: absolute;
                right: 15px;
                width: 10px;
                height: 7px;
                background-color: #535353;
                -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                        clip-path: polygon(0 0, 100% 0, 50% 100%);
                content: '';
                pointer-events: none;
            }
.c-formAdminSelect select {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 235px;
                height: 47px;
                padding: 5px 38px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminSelect input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 235px;
                height: 47px;
                padding: 5px 38px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminSelect span {
                width: 70px;
                margin-right: 10px;
            }
.c-formAdminSelectSchedule {
                display: inline-flex;
                align-items: center;
                position: relative
            }
.c-formAdminSelectSchedule::before {
                    position: absolute;
                    font-size:1.8rem;
                    content: "\e909";
                    font-family: 'icomoon';
                    padding:5px 10px;

                }
.c-formAdminSelectSchedule::after {
                    position: absolute;
                    right: 15px;
                    width: 10px;
                    height: 7px;
                    background-color: #535353;
                    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                            clip-path: polygon(0 0, 100% 0, 50% 100%);
                    content: '';
                    pointer-events: none;
                }
.c-formAdminSelectSchedule select {
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none;
                    min-width: 130px;
                    height: 35px;
                    padding: 5px 38px 5px 38px;
                    border: 1px solid #666666;
                    border: 1px solid #666666;
                    border: 1px solid var(--gray4);
                    border-radius: 5px;
                    background-color: #fff;
                    color: #333333;
                    font-size: 1.4rem;
                    cursor: pointer;
                }
.c-formAdminSelectScheduleN {
                display: inline-flex;
                align-items: center;
                position: relative;
                margin-right:10px;
            }
.c-formAdminSelectScheduleN select {
                    -webkit-appearance: none;
                       -moz-appearance: none;
                            appearance: none;
                    height: 47px;
                    padding: 5px 38px;
                    border: 1px solid #666666;
                    border: 1px solid #666666;
                    border: 1px solid var(--gray4);
                    border-radius: 5px;
                    background-color: #fff;
                    color: #333333;
                    font-size: 1.4rem;
                    cursor: pointer;
                }
.c-formAdminSelectScheduleN::before {
                    position: absolute;
                    font-size:1.8rem;
                    content: "\e909";
                    font-family: 'icomoon';
                    padding:5px 10px;
    
                }
.c-formAdminSelectScheduleN::after {
                    position: absolute;
                    right: 15px;
                    width: 10px;
                    height: 7px;
                    background-color: #535353;
                    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                            clip-path: polygon(0 0, 100% 0, 50% 100%);
                    content: '';
                    pointer-events: none;
                }
.c-formAdminSelectSmall select {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 105px;
                height: 47px;
                padding: 5px 38px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminSelectSmall span {
                width: 70px;
                margin-right: 10px;
            }
.c-formAdminSelectSmall + p {
                padding: 5px;
            }
.c-formAdminSelectSec{
            display:flex;
            flex-direction:column;
            margin-bottom:20px;
        }
.c-formAdminSelectSec Select {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 100%;
                height: 47px;
                padding: 5px 38px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
                position:relative;
            }
.c-formAdminSelectSec input {
                width: 100%;
                height: 47px;
                padding: 5px 38px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
                position:relative;
            }
.c-formAdminSelectSecBox {
                position:relative
            }
.c-formAdminSelectSecBox::after {
                    position: absolute;
                    top: 20px;
                    right: 15px;
                    width: 10px;
                    height: 7px;
                    background-color: #535353;
                    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
                    clip-path: polygon(0 0, 100% 0, 50% 100%);
                    content: 'aaa';
                    pointer-events: none;
                }
.c-formAdminSelectSec span {
                width: 100%;
                margin-bottom:5px;
            }
.c-formAdminSelectSec + p {
                padding: 5px;
            }
.c-formAdminButton {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding:0 15px;
            height: 47px;
            border: none;
            background-color: #2182FF;
            background-color: #2182FF;
            background-color: var(--blue);
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            cursor: pointer;
            border-radius:5px;
            white-space: nowrap
        }
.c-formAdminButton:hover {
                opacity:0.8;
            }
.c-formAdminButtonF {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            min-width: 180px;
            height: 47px;
            border: none;
            background-color: #2182FF;
            background-color: #2182FF;
            background-color: var(--blue);
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            cursor: pointer;
            border-radius:5px
        }
.c-formAdminButtonF:hover {
                opacity:0.8;
            }
.c-formAdminButtonC {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding:0 15px;
            height: 47px;
            border: none;
            background-color: #2182FF;
            background-color: #2182FF;
            background-color: var(--blue);
            color: #ffffff;
            color: #ffffff;
            color: var(--white);
            cursor: pointer;
            border-radius:5px;
            white-space: nowrap;
            margin:0 auto
        }
.c-formAdminButtonC:hover {
                opacity:0.8;
            }
.c-formAdminInput{
            display: inline-flex;
            align-items: center;
            position: relative;
            margin-right:10px;
        }
.c-formAdminInput input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                max-width: 72px;
                height: 47px;
                padding: 5px 8px 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminInput span {
                width:70px;
                margin-right:10px;
            }
.c-formAdminInput strong {
                margin:10px;
            }
.c-formAdminText {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminText input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                min-width: 180px;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminText label {
                width:45px;
            }
.c-formAdminText span{
                display:flex;
                margin:10px;
            }
.c-formAdminTextLong {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminTextLong input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width:100%;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminTextLong span{
                display:flex;
                margin:10px;
            }
.c-formAdminTextLong input[type="file"]{
                display:none;
            }
.c-formAdminTextLong label[\:has\(input\)]{
                display:flex;
                justify-content:center;
                align-items:center;
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                padding:5px 20px;
                height: 47px;
                border: 1px solid #2182FF;
                border: 1px solid #2182FF;
                border: 1px solid var(--blue);
                background:#2182FF;
                background:#2182FF;
                background:var(--blue);
                border-radius: 5px;
                color: #ffffff;
                color: #ffffff;
                color: var(--white);
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminTextLong label:has(input){
                display:flex;
                justify-content:center;
                align-items:center;
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                padding:5px 20px;
                height: 47px;
                border: 1px solid #2182FF;
                border: 1px solid #2182FF;
                border: 1px solid var(--blue);
                background:#2182FF;
                background:#2182FF;
                background:var(--blue);
                border-radius: 5px;
                color: #ffffff;
                color: #ffffff;
                color: var(--white);
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminText400 {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminText400 input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                min-width: 300px;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminText400 label {
                width:50px;
                margin-right:20px;
            }
.c-formAdminText400 span{
                display:flex;
                margin:10px;
            }
.c-formAdminTel {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminTel input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                min-width: 180px;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminMail {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminMail input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 100%;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminDate {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminDate input {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                min-width: 188px;
                height: 47px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formAdminTextarea {
            display:flex;
            align-items:center;
            flex-wrap:wrap;
        }
.c-formAdminTextarea textarea {
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                width: 100%;
                min-height: 200px;
                padding: 5px 8px;
                border: 1px solid #666666;
                border: 1px solid #666666;
                border: 1px solid var(--gray4);
                border-radius: 5px;
                background-color: #fff;
                color: #333333;
                font-size: 1.4rem;
                cursor: pointer;
            }
.c-formItem {
border-top: 1px solid #B99532;
border-top: 1px solid #B99532;
border-top: 1px solid var(--gold);
padding-top: 24px;
padding-bottom: 24px;
width: 100%;
display: flex;
align-items: center
}
@media(max-width: 768px){
.c-formItem {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 16px;
        padding-bottom: 16px;
        flex-wrap: wrap
}
    }
@media(max-width: 430px){
.c-formItem {
        padding-left: 10px;
        padding-right: 10px
}
    }
.c-formItem:nth-child(5) {
border-bottom: 1px solid #ddd;
}
.c-formItemLabel {
width: 100%;
max-width: 248px;
letter-spacing: 0.05em;
font-weight: bold;
font-size: 18px
}
@media(max-width: 768px){
.c-formItemLabel {
        max-width: inherit;
        display: flex;
        align-items: center;
        font-size: 15px;
        margin-bottom:10px
}
    }
.c-formItemLabel.isMsg {
margin-top: 8px;
margin-bottom: auto
}
@media(max-width: 768px){
.c-formItemLabel.isMsg {
        margin-top: 0
}
    }
.c-formItemLabelRequired {
border-radius: 5px;
margin: 0 8px;
padding: 2px;
width: 48px;
display: inline-block;
text-align: center;
background: #E70000;
background: #E70000;
background: var(--red);
color: #fff;
font-size: 14px
}
@media(max-width: 768px){
.c-formItemLabelRequired {
        border-radius: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
        width: 32px;
        font-size: 10px
}
    }
.c-formItemInput {
border: 1px solid #ddd;
border-radius: 6px;
padding-left: 1em;
padding-right: 1em;
height: 48px;
flex: 1 1;
width: 100%;
background: #eaedf2;
font-size: 18px;
margin-right: 10px
}
@media(max-width: 768px){
.c-formItemInput {
        margin-left: 0;
        height: 40px;
        font-size: 15px
}
    }
@media(max-width: 430px){
.c-formItemInput {
        flex: inherit;
        margin-right: 10px
}
    }
@media(max-width: 430px){
.c-formItemInputs {
        width: 50%
}
    }
input.c-formItemInput + span {
    margin-left: 0px;
    margin-right: 20px;
    margin-top: 25px
}
@media(max-width: 430px){
input.c-formItemInput + span {
        margin-left: 10px
}
    }
.c-formItemInput-min {
    max-width:300px;
}
.c-formItemTextarea {
border: 1px solid #ddd;
border-radius: 6px;
padding-left: 1em;
padding-right: 1em;
height: 216px;
flex: 1 1;
width: 100%;
max-width: 600px;
background: #eaedf2;
font-size: 18px;
margin-right: 20px
}
@media(max-width: 768px){
.c-formItemTextarea {
        margin-top: 18px;
        margin-left: 0;
        height: 200px;
        flex: inherit;
        font-size: 15px
}
    }
@media(max-width: 430px){
.c-formItemTextarea {
        margin-right: 0
}
    }
.c-formBtn {
    border-radius: 5px;
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 0;
    width: 280px;
    display: block;
    letter-spacing: 0.05em;
    background: #000166;
    background: #000166;
    background: var(--kon);
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.1s;
    position:relative;
    overflow: hidden;
    border:none
}
.c-formBtn:hover {
        background: #000166;
        background: #000166;
        background: var(--kon);
        opacity:0.8;
        color:#FFFFFF;
        transition: all 0.1s
    }
.c-formBtn:hover::before {
            -webkit-animation: light 0.4s 0s linear;
                    animation: light 0.4s 0s linear;
        }
.c-formBtn:before {
        content:"";
        display:block;
        width:0;
        height:86%;
        position:absolute;
        top:7%;
        left:-20px;
        opacity:0;
        background:#fff;
        box-shadow:0 0 50px 30px #fff;
        transform:skewX(-20deg);
    }
@media(max-width: 768px){
.c-formBtn {
        margin-top: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 160px;
        font-size: 16px
}
    }
/*radiobox*/
.c-formItemRedioLabel {
    margin: 0 40px 0 0;
    display: block;
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    margin-right: 20px
}
@media(max-width: 768px){
.c-formItemRedioLabel {
        margin-top: 20px
}
    }
.c-formItemRedioInput {
    height: 1px;
    width: 1px;
    opacity: 0;
}
.c-formItemInputFile::file-selector-button {
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
    background: #2182FF;
    background: #2182FF;
    background: var(--blue);
    font-size: 14px;
    border: 0;
    border-radius: 10em;
    padding: 8px 16px;
    text-align: center;
}
.c-formItemRedioInputOutside{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid #F7EFF5;
    border: 2px solid #F7EFF5;
    border: 2px solid var(--gray);
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffffff;
    background: #ffffff;
    background: var(--white);
}
.c-formItemRedioInputInside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 50%;
    width:20px;
    height:20px;
    background:#2182FF;
    background:#2182FF;
    background:var(--blue);
    left:3px;
    top:3px;
    transform: scale(0,0);
}
.c-formItemRedioInput:checked + .c-formItemRedioInputOutside .c-formItemRedioInputInside {
    -webkit-animation: radio-select 0.1s linear;
            animation: radio-select 0.1s linear;
    transform: scale(1,1);
}
/*checkbox*/
.c-formItemCheckboxLabel {
    margin: 0 40px 0 0;
    display: flex;
    align-items:center;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin-right: 20px
}
@media(max-width: 768px){
.c-formItemCheckboxLabel {
        margin-top: 0px
}
    }
.c-formItemCheckboxInput {
    height: 1px;
    width: 1px;
    opacity: 0;
}
.c-formItemCheckboxInputOutside{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border: 2px solid #F7EFF5;
    border: 2px solid #F7EFF5;
    border: 2px solid var(--gray);
    border-radius: 50%;
    box-sizing: border-box;
    background: #ffffff;
    background: #ffffff;
    background: var(--white);
}
.c-formItemCheckboxInputInside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 50%;
    width:20px;
    height:20px;
    background:#E70000;
    background:#E70000;
    background:var(--red);
    left:3px;
    top:3px;
    transform: scale(0,0);
}
.c-formItemCheckboxInput:checked + .c-formItemCheckboxInputOutside .c-formItemCheckboxInputInside {
    -webkit-animation: radio-select 0.1s linear;
            animation: radio-select 0.1s linear;
    transform: scale(1,1);
}
.c-formP{
    text-align:center
}
@media(max-width: 768px){
.c-formP{
        letter-spacing: 2px
}
    }
@media(max-width: 430px){
.c-formP{
        letter-spacing: 0
}
    }
.c-formP a {
        color:#2182FF;
        color:#2182FF;
        color:var(--blue);
    }
.c-formPNote {
        background:#FDF6F9;
        background:#FDF6F9;
        background:var(--pink);
        padding:20px;
        text-align:center;
        border-radius:6px;
    }
.c-formPNomal {
        padding:20px 0;
        text-align:center;
        border-radius:6px;
        font-size: 1.6rem;
    }
.c-formPBetter {
        padding:20px 0;
        border-radius:6px;
        font-size: 1.6rem;
        line-height:2;
    }
.c-formSpeak {
    display:flex;
    justify-content: center
}
@media(max-width: 430px){
.c-formSpeak {
        flex-direction:column;
        align-items: center
}
    }
.c-formSpeakItem {
        display:flex;
        justify-content:center;
        align-items:center;
        position:relative;
        background:#FDF6F9;
        background:#FDF6F9;
        background:var(--pink);
        padding:20px;
        border-radius:8px;
        margin:30px 30px 180px;
        font-size:1.8rem
    }
@media(max-width: 430px){
    .c-formSpeakItem {
            margin: 0px 0px 30px
    }
        }
.c-formSpeakItem:after {
            content:"";
            display:block;
            background:#FDF6F9;
            background:#FDF6F9;
            background:var(--pink);
            width:30px;
            height:30px;
            -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
                    clip-path: polygon(0 0, 100% 50%, 0 100%);
            position: absolute;
            right: -30px
        }
@media(max-width: 430px){
        .c-formSpeakItem:after {
                -webkit-clip-path: polygon(0 0, 50% 80%, 100% 0);
                        clip-path: polygon(0 0, 50% 80%, 100% 0);
                right:calc(50% - 15px);
                bottom: -30px
        }
            }
.c-formSpeak img {
        width:200px;
        height: 350px
    }
@media(max-width: 430px){
    .c-formSpeak img {
            margin-left: 40px
    }
        }
.c-formToggle {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 40px;
}
.c-formToggleInput {
        opacity: 0;
        width: 0;
        height: 0
      }
.c-formToggleInput:checked + .c-formToggleSlider {
          background: #2182FF;
          background: #2182FF;
          background: var(--blue)
        }
.c-formToggleInput:checked + .c-formToggleSlider:before {
            transform: translateX(39px);
          }
.c-formToggleInput.focus-visible + .c-formToggleSlider {
          outline: 2px solid;
        }
.c-formToggleInput:focus-visible + .c-formToggleSlider {
          outline: 2px solid;
        }
.c-formToggleSlider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: 0.4s;
        border-radius: 64px
    }
.c-formToggleSlider::before {
          border-radius: 50%;
          position: absolute;
          content: "";
          height: 30px;
          width: 30px;
          left: 6px;
          bottom: 5px;
          background: #fff;
          transition: 0.3s;
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
        }
.c-header {
    margin-bottom:70px;
}
.c-headerListA {
        display: flex;
        justify-content: center;
    }
.c-headerListB {
        display: flex;
    }
.c-headerListB img {
            vertical-align: bottom;
        }
.c-headerListC {
        display: flex;
        justify-content: center;
        list-style:none;
    }
.c-headerListC img {
            vertical-align: bottom;
        }
.c-iconEnter {
        color:#2182FF;
    }
.c-imgLogo {
        width:320px;
    }
.c-imgCouple{
        max-width:640px;
        width:100%;
    }
.c-lavelPink {
        background: #ED8DAA;
        background: #ED8DAA;
        background: var(--deappink);
        color: #ffffff;
        color: #ffffff;
        color: var(--white);
        margin-right: 5px;
        font-size: 1.2rem;
        padding: 3px 10px;
        border-radius: 3px;
    }
.c-lavelBlue {
        display:inline-flex;
        justify-content:center;
        align-items:center;
        background:#2182FF;
        background:#2182FF;
        background:var(--blue);
        color:#ffffff;
        color:#ffffff;
        color:var(--white);
        padding:3px 10px;
        font-size: 1.2rem;
        margin-right: 5px;
        border-radius: 3px;
    }
.c-lavelGreen {
        display:inline-flex;
        justify-content:center;
        align-items:center;
        background:#69CC91;
        background:#69CC91;
        background:var(--green);
        color:#ffffff;
        color:#ffffff;
        color:var(--white);
        padding:3px 10px;
        font-size: 1.2rem;
        margin-right: 5px;
        border-radius: 3px;
    }
.c-listProfilePhoto {
        display:flex;
        justify-content:center;
        align-items:center;
        flex-wrap:wrap;
    }
.c-listProfilePhoto li {
            display:flex;
            flex-direction:column;
            align-items:center;
            margin:10px
        }
@media(max-width: 430px){
        .c-listProfilePhoto li {
                width:100%
        }
            }
.c-listProfilePhoto li img {
                margin-bottom:20px;
                max-width:200px;
            }
.c-listProfilePhoto2 {
        display:flex;
        justify-content:center;
        align-items: flex-start;
        flex-wrap:wrap;
    }
.c-listProfilePhoto2Box1 {
            background:url(../images/profile_photo_man1.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box2 {
            background:url(../images/profile_photo_man2.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box3 {
            background:url(../images/profile_photo_man3.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box4 {
            background:url(../images/profile_photo_girl1.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box5 {
            background:url(../images/profile_photo_girl2.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box6 {
            background:url(../images/profile_photo_girl3.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box7 {
            background:url(../images/profile_certificate1.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box8 {
            background:url(../images/profile_certificate2.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2Box9 {
            background:url(../images/profile_certificate3.png) no-repeat;
            background-color: rgba(255, 255, 255, 0.6);
            background-blend-mode: lighten;
            background-size: contain;
            width:250px;
            height:250px;
        }
.c-listProfilePhoto2 li {
            display:flex;
            flex-direction:column;
            align-items:center;
            margin:20px;
            position:relative;
            width:250px
        }
@media(max-width: 430px){
                .c-listProfilePhoto2 li {
                width:100%
        }
            }
.c-listProfilePhoto2 li img {
                margin-bottom:20px;
                max-width:250px;
            }
.c-listPrefectures {
        display:flex;
        flex-direction:column;
    }
.c-listPrefectures dt {
            background:#f7f7f7;
            background:#f7f7f7;
            background:var(--gray5);
            padding:10px;
        }
.c-listPrefectures dd ul{
                display:flex;
                align-items:center;
                flex-wrap: wrap;
                margin-left:20px;
                padding:10px;
            }
.c-listPrefectures dd ul li {
                    margin-right:20px
                }
@media(max-width: 768px){
                .c-listPrefectures dd ul li {
                        width: calc(50% - 20px)
                }
                    }
.c-listJobsection {
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr 1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr 1fr;
        grid-column-gap: 10px;
        -moz-column-gap: 10px;
             column-gap: 10px;
        grid-row-gap: 1em;
        row-gap: 1em;
        margin-bottom:10px;
    }
.c-main {
    margin: 40px
}
@media(max-width: 768px) {
.c-main {
        margin: 30px
}
    }
@media(max-width: 430px) {
.c-main {
        margin: 20px
}
    }
.c-main h2 {
        border-bottom: 1px solid #F7EFF5;
        border-bottom: 1px solid #F7EFF5;
        border-bottom: 1px solid var(--gray);
        padding-bottom: 5px;
        margin-bottom: 50px;
        font-size: 2rem;
        font-weight: normal;
    }
.c-main h3 {
        margin-bottom: 20px;
    }
.c-main p {
        margin-bottom: 20px;
    }
.c-mainAdm {
        display: flex;
        flex-wrap: wrap;
    }
.c-mainAdmRight {
            width: calc(100% - 300px);
            padding: 30px 50px
        }
@media(max-width: 768px) {
        .c-mainAdmRight {
                width: 100%;
                padding: 30px
        }
            }
@media(max-width: 430px) {
        .c-mainAdmRight {
                padding: 20px
        }
            }
.c-mainAdmRight h2 {
                font-size: 2.0rem;
                font-weight: normal;
                border-bottom: 1px solid #aaaaaa;
                border-bottom: 1px solid #aaaaaa;
                border-bottom: 1px solid var(--gray2);
                padding-bottom: 5px;
                width: 100%;
                margin-bottom: 40px
            }
@media(max-width: 768px) {
            .c-mainAdmRight h2 {
                    margin-bottom: 30px
            }
                }
@media(max-width: 430px) {
            .c-mainAdmRight h2 {
                    margin-bottom: 20px
            }
                }
.c-mainAdm .c-main {
            margin: 0px
        }
@media(max-width: 768px) {
        .c-mainAdm .c-main {
                margin: 0px
        }
            }
@media(max-width: 430px) {
        .c-mainAdm .c-main {
                margin: 0px
        }
            }
.c-mainContents{
        margin:70px;
        width:100%
    }
@media(max-width: 992px){
    .c-mainContents{
            margin:50px
    }
        }
@media(max-width: 768px){
    .c-mainContents{
            margin:30px;
            width: calc(100% - 60px)
    }
        }
@media(max-width: 430px){
    .c-mainContents{
            margin:20px;
            width: calc(100% - 40px)
    }
        }
.c-modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.c-modalBg {
        background: rgba(0, 0, 0, 0.1);
        height: 100vh;
        position: absolute;
        width: 100%;
    }
.c-modalContent {
        background: #fff;
        left: 50%;
        padding: 50px;
        border-radius: 8px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 50vw
    }
@media(max-width: 768px) {
    .c-modalContent {
            padding: 20px;
            width: 80vw
    }
        }
@media(max-width: 430px) {
    .c-modalContent {
            padding: 20px;
            width: 90vw
    }
        }
.c-modalContent input,
        .c-modalContent select {
            padding: 10px;
            border-radius: 5px;
            border: 1px solid #aaaaaa;
            border: 1px solid #aaaaaa;
            border: 1px solid var(--gray2)
        }
.c-modalContent input[name^="age"], .c-modalContent select[name^="age"] {
                margin-right: 10px;
            }
.c-modalContent input[name^="age_max"], .c-modalContent select[name^="age_max"] {
                margin-left: 10px;
            }
.c-modalContent input[type^="submit"], .c-modalContent select[type^="submit"] {
                text-align: center;
                background: #69CC91;
                background: #69CC91;
                background: var(--green);
                border: 1px solid #69CC91;
                border: 1px solid #69CC91;
                border: 1px solid var(--green);
                color: #ffffff;
                color: #ffffff;
                color: var(--white);
            }
.c-modalClose {
        position: absolute;
        right: 20px;
        top: 20px;
    }
.c-modalProf {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }
.c-modalProf img {
        max-width: 90%;
        max-height: 90%;
      }
.c-modalProfClose {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 24px;
    cursor: pointer;
    }
.c-modalCustomConfirm {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    padding: 40px;
    background: #ffffff;
    background: #ffffff;
    background: var(--white);
    z-index: 1000;
    text-align: center;
    border-radius:5px
  }
@media(max-width: 768px){
.c-modalCustomConfirm {
        width:90%;
        padding:20px
  }
    }
.c-modalCustomConfirm p {
        margin-bottom:10px;
    }
.c-modalOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
.c-nav {
    display: flex;
    justify-content: center;
    width: 100%;
}
.c-nav ul {
        margin: 0 auto;
        display: flex;
        flex-direction: inherit;
    }
.c-nav ul li {
            padding: 0px;
            margin: 5px;
            box-shadow: none;
        }
.c-nav ul li span {
                padding: 5px 10px;
                border-radius: 20px;
                background: #2182FF;
                background: #2182FF;
                background: var(--blue);
                color: #ffffff;
                color: #ffffff;
                color: var(--white);
            }
.c-nav ul li a {
                padding: 5px 5px;
                border-radius: 20px;
                background: #F7EFF5;
                background: #F7EFF5;
                background: var(--gray);
                text-align: center;
                display: block;
                margin: 5px
            }
.c-navPankuzu {
        display:flex;
        background:#E0F3FF;
        background:#E0F3FF;
        background:var(--lightblue);
        width:100%;
    }
.c-navPankuzu ul {
            display:flex;
            align-items:center;
            flex-wrap: wrap;
            padding-left: 10px;
        }
.c-navPankuzu ul li {
                display:flex;
                align-items:center;
                padding:5px;
                font-size:16px
            }
@media(max-width: 430px){
            .c-navPankuzu ul li {
                    margin-right:0px;
                    font-size:12px;
                    padding: 5px 0
            }
                }
.c-navPankuzu ul li:not(:first-child)::before{
                        font-family: 'icomoon';
                        content: "\e903";
                        display: flex;
                        align-items: center;
                        width:30px;
                        height:30px;
                        color:#2182FF;
                        color:#2182FF;
                        color:var(--blue)
                    }
@media(max-width: 430px){
                    .c-navPankuzu ul li:not(:first-child)::before{
                            margin-right:0px;
                            width: 20px
                    }
                        }
.c-navTop {
        background:#2182FF;
        background:#2182FF;
        background:var(--blue);
    }
.c-navTop ul {
            display:flex;
            justify-content:center;
            align-items:center;
        }
.c-navTop ul li {
                margin:0 10px;
            }
.c-navTop ul li a {
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    color:#ffffff;
                    color:#ffffff;
                    color:var(--white);
                    padding: 8px 20px;
                    font-size:1.4rem
                }
.c-navTop ul li a:hover {
                        background:#E0F3FF;
                        background:#E0F3FF;
                        background:var(--lightblue);
                        color:#2182FF;
                        color:#2182FF;
                        color:var(--blue);
                    }
.c-pager {
    margin-top:30px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.c-pager li {
        margin:5px;
    }
.c-pager li a {
            padding:0 10px;
            min-width:30px; 
            min-height:30px;
            display:flex;
            justify-content:center;
            align-items:center;
            background:#2182FF;
            background:#2182FF;
            background:var(--blue);
            color:#ffffff;
            color:#ffffff;
            color:var(--white);
            border-radius:5px;
        }
.c-pager li a i {
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
                display:flex;
                justify-content:center;
                align-items:center;
                width: 10px;
            }
.c-pager li p {
            padding:0 10px;
            min-width:30px; 
            min-height:30px;
            display:flex;
            justify-content:center;
            align-items:center;
            background:#E0F3FF;
            background:#E0F3FF;
            background:var(--lightblue);
            color:#2182FF;
            color:#2182FF;
            color:var(--blue);
            border-radius:5px;
        }
.c-pager li p i {
                color:#ffffff;
                color:#ffffff;
                color:var(--white);
                display:flex;
                justify-content:center;
                align-items:center;
                width: 10px;
            }
.c-pagerBN{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
.c-pagerBN li {
            display:flex;
            justify-content:center;
            align-items:center;
        }
.c-pagerBN li a {
                display:flex;
                justify-content:center;
                align-items:center;
                font-size:1.6rem;
            }
.c-pagerBN li a span {
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    line-height: 0;
                }
.c-pagerBN li a i {
                    color:#2182FF;
                    color:#2182FF;
                    color:var(--blue);
                    display:flex;
                    justify-content:center;
                    align-items:center;
                }
.c-sectionA{
        width:100%;
    }
.c-sectionABox{
            padding:70px
        }
@media(max-width: 992px){
        .c-sectionABox{
                padding:50px
        }
            }
@media(max-width: 768px){
        .c-sectionABox{
                padding:30px
        }
            }
@media(max-width: 430px){
        .c-sectionABox{
                padding:20px
        }
            }
.c-tablePrice {
        border: 1px solid #aaa;
        border-collapse: separate;
        overflow: hidden;
        border-spacing: 0;
        border-radius: 8px;
        text-align: center;
        border: 1px solid #aaaaaa;
        border: 1px solid #aaaaaa;
        border: 1px solid var(--gray2);
    }
.c-tablePrice thead {
            background:#F7EFF5;
            background:#F7EFF5;
            background:var(--gray);
        }
.c-tablePrice thead tr th,.c-tablePrice thead tr td {
                    text-align:center;
                }
.c-tablePrice th, .c-tablePrice td {
            padding: 10px;
            vertical-align: middle;
            border-right: 1px solid #aaaaaa;
            border-right: 1px solid #aaaaaa;
            border-right: 1px solid var(--gray2);
            border-bottom: 1px solid #aaaaaa;
            border-bottom: 1px solid #aaaaaa;
            border-bottom: 1px solid var(--gray2)
        }
@media(max-width: 1200px){
        .c-tablePrice th, .c-tablePrice td {
                font-size:1.2rem
        }
            }
.c-tablePrice th:last-child, .c-tablePrice td:last-child {
              border-right: none;
            }
.c-tablePrice tbody tr td {
                    text-align:right;
                }
.c-tablePrice tbody tr th {
                    text-align:left;
                }
.c-tablePrice tbody tr:last-child th, .c-tablePrice tbody tr:last-child td {
                    border-bottom: none;
                  }
.c-tableRegist{
        width:100%;
        border-collapse: collapse;
    }
.c-tableRegist thead tr td:nth-child(1){
                        background:url('/common/images/form_1.png') no-repeat;
                        background-size:50px 50px;
                        width:50px;
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist thead tr td:nth-child(1){
                            background-size:30px 30px;
                            width:30px;
                            height:30px
                    }
                        }
.c-tableRegist thead tr td:nth-child(2){
                        background:url('/common/images/form_2.png') repeat-x;
                        width:calc(100% - 100px);
                        background-size:50px 50px;
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist thead tr td:nth-child(2){
                            background-size:30px 30px;
                            height:30px
                    }
                        }
.c-tableRegist thead tr td:nth-child(3){
                        background:url('/common/images/form_3.png') no-repeat;
                        background-size:50px 50px;
                        width:50px;
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist thead tr td:nth-child(3){
                            background-size:30px 30px;
                            width:30px;
                            height:30px
                    }
                        }
.c-tableRegist tbody tr td:nth-child(1){
                        background:url('/common/images/form_4.png') repeat-y;
                        background-size:50px 50px;
                        width:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist tbody tr td:nth-child(1){
                            background-size:30px 30px;
                            width:30px
                    }
                        }
.c-tableRegist tbody tr td:nth-child(3){
                        background:url('/common/images/form_5.png') repeat-y;
                        background-size:50px 50px;
                        width:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist tbody tr td:nth-child(3){
                            background-size:30px 30px;
                            width:30px
                    }
                        }
.c-tableRegist tfoot tr td:nth-child(1){
                        background:url('/common/images/form_6.png') no-repeat;
                        background-size:50px 50px;
                        width:50px;
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist tfoot tr td:nth-child(1){
                            background-size:30px 30px;
                            width:30px;
                            height:30px
                    }
                        }
.c-tableRegist tfoot tr td:nth-child(2){
                        background:url('/common/images/form_7.png') repeat-x;
                        background-size:50px 50px;
                        width:calc(100% - 100px);
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist tfoot tr td:nth-child(2){
                            background-size:30px 30px;
                            height:30px
                    }
                        }
.c-tableRegist tfoot tr td:nth-child(3){
                        background:url('/common/images/form_8.png') no-repeat;
                        background-size:50px 50px;
                        width:50px;
                        height:50px
                    }
@media(max-width: 430px){
                    .c-tableRegist tfoot tr td:nth-child(3){
                            background-size:30px 30px;
                            width:30px;
                            height:30px
                    }
                        }
.c-tableRegist h2{
            font-size:3.5rem;
            border-bottom:1px solid #B99532;
            border-bottom:1px solid #B99532;
            border-bottom:1px solid var(--gold);
            text-align:center;
            letter-spacing: 5px;
            font-weight: normal;
            color: #B99532;
            color: #B99532;
            color: var(--gold)
        }
@media(max-width: 768px){
        .c-tableRegist h2{
                font-size:3rem;
                letter-spacing: 2px
        }
            }
@media(max-width: 430px){
        .c-tableRegist h2{
                font-size:2.5rem;
                letter-spacing: 2px
        }
            }
.c-tableRegist h2:after {
                content:"";
                display:block;
                border-bottom:2px solid #B99532;
                border-bottom:2px solid #B99532;
                border-bottom:2px solid var(--gold);
                margin-bottom: 2px;
                margin-top: 10px
            }
@media(max-width: 768px){
            .c-tableRegist h2:after {
                    margin-top: 5px
            }  
                }
.c-tableRegist h2.c-tableRegistTts{
                font-size: 3rem
            }
@media(max-width: 768px){
            .c-tableRegist h2.c-tableRegistTts{
                    font-size:2.2rem;
                    letter-spacing: 2px
            }
                }
@media(max-width: 430px){
            .c-tableRegist h2.c-tableRegistTts{
                    font-size:1.6rem;
                    letter-spacing: 2px
            }
                }
.c-tableAdminSerch {
        display:flex;
    }
.c-tableAdminSerch tbody {
            width:100%;
        }
.c-tableAdminSerch tr {
            display: flex;
            align-items: center;
            margin-bottom:20px;
        }
.c-tableAdminSerch td {
            min-width: 33.3333%;
            align-items: center;
            display: flex;
        }
.c-tableAdminSerch td span {
                min-width: 70px;
                margin-right: 10px;
            }
.c-tableBargraph{
        border:1px solid #aaaaaa;
        border:1px solid #aaaaaa;
        border:1px solid var(--gray2);
        border-collapse: collapse;
        width: 100%;
    }
.c-tableBargraph th {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            padding: 5px 20px;
            text-align:center;
        }
.c-tableBargraph td {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            padding: 5px 20px;
            text-align:right;
        }
.c-tableBargraph thead th {
                width:60px
            }
.c-tableBargraph thead th:nth-child(2){
                    background:rgba(54, 162, 235, 0.5);
                }
.c-tableBargraph thead th:nth-child(3){
                    background:rgba(255, 99, 132, 0.5);
                }
.c-tableBargraph thead td {
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
            }
.c-tableAdminSelllist {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            width: 100%;
        }
.c-tableAdminSelllist th {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            padding: 10px;
            text-align:center;
            white-space: nowrap;
        }
.c-tableAdminSelllist td {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            padding: 10px;
            text-align:center;
            white-space: nowrap;
            overflow: hidden;
            max-width: 300px;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
.c-tableAdminSelllist td a {
                color:#2182FF;
                color:#2182FF;
                color:var(--blue);
            }
.c-tableAdminSelllist td a i {
                    padding-right:5px;
                }
.c-tableAdminSelllist td img {
                max-width:40px;
                margin: 0 5px;
            }
.c-tableAdminSelllist td.overtext {
                max-width:250px;
                overflow:hidden;
                white-space: nowrap; 
                text-overflow: ellipsis;
            }
.c-tableAdminSelllist thead th {
                    background:#f7f7f7;
                    background:#f7f7f7;
                    background:var(--gray5);
                }
.c-tableAdminSelllist thead td {
                    border:1px solid #aaaaaa;
                    border:1px solid #aaaaaa;
                    border:1px solid var(--gray2);
                }
.c-tableAdminMember {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            width: 100%;
        }
.c-tableAdminMember th {
                background:#f7f7f7;
                background:#f7f7f7;
                background:var(--gray5);
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
                border-collapse: collapse;
                padding: 10px;
                text-align:left;
                min-width:200px;
            }
.c-tableAdminMember th strong {
                    font-weight:normal;
                    margin-right:20px;
                }
.c-tableAdminMember td {
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
                border-collapse: collapse;
                padding: 10px;
                text-align:left;
            }
.c-tableAdminProfile {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            width: 100%;
        }
.c-tableAdminProfile th {
                background:#f7f7f7;
                background:#f7f7f7;
                background:var(--gray5);
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
                border-collapse: collapse;
                padding: 10px;
                text-align:left;
                width:300px;
            }
.c-tableAdminProfile th strong {
                    font-weight:normal;
                    margin-right:20px;
                }
.c-tableAdminProfile td {
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
                border-collapse: collapse;
                padding: 10px;
                text-align:left;
            }
.c-tableAdminMemoCalendar{
            width: 100%;
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
        }
.c-tableAdminMemoCalendar thead th {
                    background:#f7f7f7;
                    background:#f7f7f7;
                    background:var(--gray5);
                    border:1px solid #aaaaaa;
                    border:1px solid #aaaaaa;
                    border:1px solid var(--gray2);
                    border-collapse: collapse;
                    padding: 10px;
                    text-align:center;
                    width:300px
                }
.c-tableAdminMemoCalendar thead th:first-child{
                        color:#E70000;
                        color:#E70000;
                        color:var(--red);
                        background: #FDF6F9;
                        background: #FDF6F9;
                        background: var(--pink);
                    }
.c-tableAdminMemoCalendar thead th:last-child{
                        color:#69CC91;
                        color:#69CC91;
                        color:var(--green);
                        background: #DFF5E8;
                        background: #DFF5E8;
                        background: var(--lightgreen);
                    }
.c-tableAdminMemoCalendar tbody td {
                    border:1px solid #aaaaaa;
                    border:1px solid #aaaaaa;
                    border:1px solid var(--gray2);
                    border-collapse: collapse;
                    padding: 10px;
                    width:300px;
                    height:80px
                }
.c-tableAdminMemoCalendar tbody td:first-child div {
                            color:#E70000;
                            color:#E70000;
                            color:var(--red);
                        }
.c-tableAdminMemoCalendar tbody td:first-child div a {
                                color:#333333;
                                color:#333333;
                                color:var(--gray3);
                                line-height: 2.5;
                            }
.c-tableAdminMemoCalendar tbody td:last-child div {
                            color:#69CC91;
                            color:#69CC91;
                            color:var(--green);
                        }
.c-tableAdminMemoCalendar tbody td:last-child div a {
                                color:#333333;
                                color:#333333;
                                color:var(--gray3);
                                line-height: 2.5;
                            }
.c-tableAdminMemoCalendarDiv {
                display:flex;
                align-items: flex-start;
                justify-content: flex-start;
                height: 60px;
                font-size: 2.6rem;
            }
.c-tableAdminMemoCalendarLink {
                font-size:1.4rem;
                margin-left:10px;
                line-height: 2.5;
            }
.c-tablePlan {
        border:1px solid #aaaaaa;
        border:1px solid #aaaaaa;
        border:1px solid var(--gray2);
        border-collapse: collapse;
        width: 100%;
    }
@media(max-width: 430px){
        .c-tablePlan thead {
                display:none
        }
            }
.c-tablePlan thead th {
                background:#f7f7f7;
                background:#f7f7f7;
                background:var(--gray5);
                border:1px solid #aaaaaa;
                border:1px solid #aaaaaa;
                border:1px solid var(--gray2);
                border-collapse: collapse;
                padding: 10px;
                text-align:center;
                width:300px;
            }
.c-tablePlan thead th strong {
                    font-weight:normal;
                    margin-right:20px;
                }
.c-tablePlan td {
            border:1px solid #aaaaaa;
            border:1px solid #aaaaaa;
            border:1px solid var(--gray2);
            border-collapse: collapse;
            text-align:center;
        }
.c-tablePlan td span {
                display:flex;
                justify-content:center;
                padding:10px;
            }
@media(max-width: 430px){
                .c-tablePlan td:before{
                    content: attr(data-label);
                    color: var(--gray1);
                    font-weight: bold;
                    display: inline-block;
                    min-width: 4em;
                    padding: 10px;
                    background: #f7f7f7;
                    background: #f7f7f7;
                    background: var(--gray5);
                    width: 110px;
                    border-right: 1px solid #aaaaaa;
                    border-right: 1px solid #aaaaaa;
                    border-right: 1px solid var(--gray2);
                }
            }
@media(max-width: 430px){
            .c-tablePlan th,.c-tablePlan td{
                display: flex;
                justify-content: space-between;
                border: 0;
                border-bottom:1px solid #aaaaaa;
                border-bottom:1px solid #aaaaaa;
                border-bottom:1px solid var(--gray2)
            }
                .c-tablePlan th:last-child, .c-tablePlan td:last-child {
                    border-bottom:none;
                }
        }
.c-titleMypage{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border:1px solid #2182FF;
        border:1px solid #2182FF;
        border:1px solid var(--blue);
        background:#F5F5F5;
        background:#F5F5F5;
        background:var(--gray6);
        margin-bottom:20px
    }
@media(max-width: 768px){
    .c-titleMypage{
            justify-content:flex-start;
            flex-direction:column;
            width:100%
    }
        }
.c-titleMypage strong {
            display:flex;
            justify-content:center;
            align-items:center;
            background:#2182FF;
            background:#2182FF;
            background:var(--blue);
            color:#ffffff;
            color:#ffffff;
            color:var(--white);
            padding:10px 20px;
            font-size:2.0rem;
            font-weight: normal;
            letter-spacing:2px
        }
@media(max-width: 768px){
        .c-titleMypage strong {
                display:flex;
                align-items:center;
                justify-content:center;
                width: 100%
        }
            }
.c-titleMypage time {
            color:#2182FF;
            color:#2182FF;
            color:var(--blue);
            margin-right:10px;
            font-size: 1.4rem
        }
@media(max-width: 768px){
        .c-titleMypage time {
                margin:10px
        }
            }
.c-titleAdmin{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border-bottom:1px solid #F7EFF5;
        border-bottom:1px solid #F7EFF5;
        border-bottom:1px solid var(--gray);
        font-size:2.4rem;
        margin-bottom:20px;
        font-weight:normal;
    }
.c-titleAdminSec{
        display:flex;
        justify-content:space-between;
        align-items:center;
        border-bottom:1px solid #F7EFF5;
        border-bottom:1px solid #F7EFF5;
        border-bottom:1px solid var(--gray);
        font-size:1.8rem;
        margin-bottom:20px;
        font-weight:normal;
    }
.carousel, .carousel2 {
    width: 100%;
    overflow: hidden; /* スクロールを隠す */
}
.carousel-container, .carousel2-container {
    display: flex;
    transition: transform 4s ease; /* スライドのアニメーション */
    width: 100%; /* 3枚の画像分の幅を確保 */
    justify-content: space-between;
}
.carousel img {
    width: 33.3333%; /* 3枚を横に並べる */
    height: auto;
    display: block; /* 画像が重ならないようにする */
}
.carousel2 img {
    width: 25%; /* 3枚を横に並べる */
    height: auto;
    display: block; /* 画像が重ならないようにする */
}
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: ease-in .5s
}
.fadein.fadein-left{
      transform: translate(-30px,0);
  }
.fadein.fadein-right{
      transform: translate(30px,0);
  }
.fadein.fadein-up{
      transform: translate(0,-30px);
  }
.fadein.fadein-bottom{
      transform: translate(0,30px);
  }
.fadein.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }