@charset "UTF-8";

*, *::after, *::before, a:hover{
    box-sizing: border-box;
    margin: 0;
    list-style: none;
    text-decoration: none;
    font-family: Gothic Medium BBB;
}

.left{
    float: left;
}
.tar{
    text-align: right;
}

/*---------------------------------------*/

.owners{
    height: 400px;
    margin-top: 100px;
    background-image: url(/image/FG-sticker5.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.owners h1{
    margin-top: 160px;
    margin-left: 20vw;
    color: #920783;
    font-family: Shin Go Bold;
    font-size: 30px;
    font-family: 'Pinyon Script', cursive;
    font-weight: bold;
}

/*font-family: Shin Go Bold;*/

@media screen and (max-width:992px){
    .owners{
        height: 350px;
    }
    .owners h1{
        margin-top: 140px;
        margin-left: 10vw;
        color: #920783;
        font-size: 27px;
    }
}

@media screen and (max-width:910px){
    
    
}

@media screen and (max-width:768px){
    
    .owners{
        height: 270px;
    }
    .owners h1{
        margin-top: 100px;
        margin-left: 10vw;
        color: #920783;
        font-size: 20px;
    }
}

/*----------------------------------------*/
.ownpb{
    padding-top: 60px;
}

.ownpb h2, .ownpb h3{
    color: rgb(245, 177, 230);
    margin-left: 3vw;
    margin-bottom: 30px;
}

.ownpb h2{
    color: rgb(0, 0, 0);
    margin-left: 3vw;
}

.ownpb p{
    margin-left: 3vw;
}
.ownpb2 h2{
    margin-left: 0vw;
    color: rgb(245, 177, 230);
    font-weight: bold;
}
.ownpb2 p{
    margin-left: 0vw;
    font-weight: bold;
    padding: 10px 0;
}
.ownpb2 {
    margin-bottom: 20px;
}
.ownpb2 p{
    font-size: 16px;
}
.owimg .img1{
    width: 25vw;
    margin-top: 50px;
    z-index: 1;
}

.owimg .img2{
    width: 16vw;
    z-index: 5;
    margin-left: -100px;
    margin-top: -150px;

}
.img7{
    width:300px;
    margin: 0 0 30px 30px;
}

.ownpb2 p{
    margin-top: 25px;
}
@media screen and (max-width:1366px){
   
}
@media screen and (max-width:1135px){
    .owimg .img2{
        width: 16vw;
        z-index: 3;
        margin-left: -20px;
        margin-top: -100px;
    
    }
}
@media screen and (max-width:1200px){
    .ownpb h2{
        font-size: 27px;
        margin-left: 3vw;
    }
    .ownpb h3{
        font-size: 26px;
        margin-left: 3vw;
    }
    
    .ownpb p{
        margin-left: 3vw;
    }
}

@media screen and (max-width:992px){
    .ownpb h2{
        font-size: 24px;
        margin-left: 0vw;
    }
    .ownpb h3{
        font-size: 22px;
        margin-left: 0vw;
    }
    
    .ownpb p{
        margin-left: 0vw;
    }
}

@media screen and (max-width:910px){
    .owimg .img1{
        margin-top: 80px;
    }
    
    .owimg .img2{
        margin-left: -20px;
        margin-top: -30px;
    }

    .ownpb h2{
        margin-left: -3vw;
    }
    .ownpb h3{
        margin-left: -3vw;
    }
    
    .ownpb p{
        margin-left: -3vw;
    }
    
}

@media screen and (max-width:768px){
    .ownpb h2{
        font-size: 22px;
        margin-left: 0vw;
        text-align: center;
    }
    .ownpb h3{
        font-size: 20px;
        margin-left: 0vw;
        text-align: center;
    }
    
    .ownpb p{
        margin-left: 0vw;
        text-align: center;
    }

    .owimg{
        display: none;
    }
    .ownpb2 h2{
        margin-left: 0vw;
        color: rgb(245, 177, 230);
        font-size: 22px;
        text-align: center;
    }
    .ownpb2 br{
        display: none;
    }
    .ownpb2 p{
        margin-left: 0vw;
        text-align: left;
    }
    .img7{
        width:180px;
        margin: 0 0 30px 30px;
    }
}

/*------------------------*/
.ansin{
    margin-top: 50px;
}
.theme1{
    margin: 50px 0;
}
.theme1 h2{
    color: rgb(245, 177, 230);
    text-align: center;
}

.thline{
    z-index: 2;
    margin-top: -30px;
}

.theme1 h3{
    color: rgb(245, 177, 230);
    text-align: center;
    font-size: 24px;
}

@media screen and (max-width:768px){
    .theme1 h2{
        font-size: 22px;
    }
    
    .theme1 h3{
        color: rgb(245, 177, 230);
        text-align: center;
        font-size: 20px;
    }
    
    
}


@media screen and (max-width:514px){
    .theme1 h2{
        font-size: 20px;
    }
    
    .theme1 h3{
        color: rgb(245, 177, 230);
        text-align: center;
        font-size: 18px;
    }
    
}

/*------------------------*/

.anbox{
    margin-bottom: 50px;
    height: 200px;
    background-color: rgba(255, 140, 0, 0);
}

.anbox2, .anbox3, .anbox4{
    margin-bottom: 50px;
    height: 200px;
    background-color: rgba(255, 140, 0, 0);
}

.anbox2{
    background-image: url(/image/o1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.anbox3{
    background-image: url(/image/o3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.anbox4{
    background-image: url(/image/o2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.mans{
    text-align: center;
    color: rgb(0, 0, 0);
    padding-top: 20px;
    font-size: 23px;
}

.mansp{
    text-align: center;
    color: rgb(0, 0, 0);
    font-size: 16px;
}

@media screen and (max-width:1000px){
    .mans{
        text-align: center;
        color: rgb(0, 0, 0);
        padding-top: 40px;
        font-size: 20px;
    }
    
    .mansp{
        text-align: center;
        color: rgb(0, 0, 0);
        font-size: 14px;
    }
    
}
@media screen and (max-width:768px){
    .anbox{
        margin-bottom: 50px;
        height: 120px;
        background-color: rgba(255, 140, 0, 0);
    }
    .anbox2, .anbox3, .anbox4{
        margin-bottom: 30px;
        height: 120px;
        background-color: rgba(255, 140, 0, 0);
    }
    .mans{
        text-align: center;
        color: rgb(0, 0, 0);
        padding-top: 20px;
        font-size: 20px;
    }
    
    .mansp{
        text-align: center;
        color: rgb(0, 0, 0);
        font-size: 14px;
    }
}

/*-----------------------------*/
.dekims{
    text-align: center;
    font-size: 24px;
    margin: 50px 0;
}

.anbox21{
    margin-bottom: 30px;
    height: 250px;
    background-color: rgba(255, 140, 0, 0);
}

.anbox23, .anbox33, .anbox43, .anbox53, .anbox63{
    margin-bottom: 0px;
    height: 250px;
    background-color: rgba(255, 140, 0, 0);
    border: 3px solid rgba(119, 119, 119, 0.733);
    border-radius: 20px;
}

.trnum{
    font-size: 35px;
}

.trth{
    text-align: center;
    padding-top: 10px;
    color: rgb(245, 177, 230);
    font-size: 23px;
}

.trbox{
    height: 100px;
    background-color: rgba(153, 50, 204, 0);
}

.trp2{
    text-align: center;
    padding-top: 10px;
}

.op1{
    background-image: url(/image/790100.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op2{
    background-image: url(/image/logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op3{
    background-image: url(/image/1327280.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op4{
    background-image: url(/image/owp99.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op5{
    background-image: url(/image/675283.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width:1000px){
    .trnum{
        font-size: 35px;
    }
    
    .trth{
        font-size: 20px;
    }
    .trp2{
       font-size: 15px;
    }
}

@media screen and (max-width:900px){
    .anbox21{
        margin-bottom: 30px;
        height: 240px;
        background-color: rgba(255, 140, 0, 0);
    }
    
    .anbox23, .anbox33, .anbox43, .anbox53, .anbox63{
        margin-bottom: 0px;
        height: 240px;
        background-color: rgba(255, 140, 0, 0);
        border: 3px solid rgba(119, 119, 119, 0.733);
        border-radius: 20px;
    }
    .trth{
        text-align: center;
        padding-top: 10px;
        color: rgb(245, 177, 230);
        font-size: 18px;
    }
    
    .trbox{
        height: 80px;
        background-color: rgba(153, 50, 204, 0);
    }
    
    .trp2{
        text-align: center;
        padding-top: 10px;
    }

    .trnum{
        font-size: 32px;
    }
    
    .trth{
        font-size: 16px;
    }
    .trp2{
       font-size: 13px;
    }
}

@media screen and (max-width:768px){
    .dekims{
        text-align: center;
        font-size: 20px;
    }
    .anbox21{
        margin-bottom: 30px;
        height: 185px;
        background-color: rgba(255, 140, 0, 0);
    }
    
    .anbox23, .anbox33, .anbox43, .anbox53, .anbox63{
        margin-bottom: 0px;
        height: 185px;
        background-color: rgba(255, 140, 0, 0);
        border: 3px solid rgba(119, 119, 119, 0.733);
        border-radius: 20px;
    }
    .trth{
        text-align: center;
        padding-top: 10px;
        color: rgb(245, 177, 230);
        font-size: 26px;
        font-weight: bold;
    }
    
    .trbox{
        height: 80px;
        background-color: rgba(153, 50, 204, 0);
    }
    
    .trp2{
        text-align: center;
        padding-top: 10px;
        font-weight: bold;
    }

    .trnum{
        font-size: 32px;
    }
    
    .trth{
        font-size: 16px;
    }
    .trp2{
       font-size: 13px;
    }
}

/*--------------------------*/

.sims h3{
    margin-top: 50px;
    text-align: center;
    font-size: 24px;
}
.circlebox{
    width: 90vw;
    height: 7vw;
    margin-top: 20px;
    margin-left: 5vw;
    background-color: rgba(0, 0, 255, 0);
}

.cbox{
    width: 14vw;
    height: 5.4vw;
    margin: 0 0.5vw;
    background-color: #ddccb9;
    border-radius: 30px;
}
.cboxp{
    margin-top: 1.4vw;
    font-size: 2vw;
    color: rgb(0, 0, 0);
    text-align: center;
}

@media screen and (max-width:768px){
    .sims h3{
        text-align: center;
        font-size: 20px;
    }
    .cboxp{
        margin-top: 5vw;
        font-size: 2.8vw;
        color: white;
        text-align: center;
    }

    .cbox{
        width: 14vw;
        height: 5vw;
        margin: 0 0.5vw;
        background-color: #ddccb9;
        border-radius: 30px;
    }
    .cboxp{
        margin-top: 1.4vw;
        font-size: 2vw;
        color: rgb(0, 0, 0);
        text-align: center;
    }
}

/*-------*/
.circlebox2{
    width: 90vw;
    height: 14vw;
    margin-left: 5vw;
    background-color: rgba(0, 0, 255, 0);
    margin-bottom: 80px;
    margin-top: 0px;
}

.cbox2{
    width: 14vw;
    height: 14vw;
    margin: 0 0.5vw;
    background-color: rgba(155, 127, 127, 0);
}

.taioup{
    text-align: center;
    color: rgb(0, 0, 0);
    padding: 10px 0;
    font-weight: bold;
}

.taiou1{
    height: 10vw;
    background-image: url(/image/547501.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.taiou2{
    height: 10vw;
    background-image: url(/image/kitchen.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.taiou3{
    height: 10vw;
    background-image: url(/image/wc.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.taiou4{
    height: 10vw;
    background-image: url(/image/ws.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.taiou5{
    height: 10vw;
    background-image: url(/image/bath.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.taiou6{
    height: 10vw;
    background-image: url(/image/ac.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (max-width:768px){
    .taioup{
        font-weight: normal;
        font-size: 2.3vw;
    }

}


/*--------------------------------------*/

.tgita h3{
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.nanamb{
    margin-top: 40px;
}
.professional{
    overflow: hidden;
}
.nanamep{
    margin-top: 50px;
    font-size: 2.6vw;
    text-align: left;
    color: rgb(0, 0, 0);
}
.nanamep2{
    margin-top: 50px;
    font-size: 2.6vw;
    text-align: right;
    color: rgb(0, 0, 0);
}
.kkp{
    font-weight: bolder;
    font-size: 24px;
}
.kkp2{
    font-weight: bold;
    color: rgb(167, 56, 143);
}

.kkp3{
    font-weight: bold;
    font-size: 20px;
}

.airi{
    text-align: right;
}
@media screen and (max-width:768px){
    .tgita h3{
        text-align: center;
        font-size: 20px;
    }
    
}

.kokogap{
    height: 250px;
    background-image: url(/image/u1.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: left;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.kokogap2{
    height: 250px;
    background-image: url(/image/u5.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: right;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.kokogap3{
    height: 250px;
    background-image: url(/image/u2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: left;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.kokogap4{
    height: 250px;
    background-image: url(/image/u6.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: right;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.kokogap5{
    height: 250px;
    background-image: url(/image/u3.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: left;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.kokogap6{
    height: 250px;
    background-image: url(/image/u7.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: right;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}
.kokogap7{
    height: 250px;
    background-image: url(/image/u4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(255, 235, 249);
    background-position: left;
    border-radius: 20px;
    margin-bottom: 40px;
    border: 1px solid rgb(255, 235, 249);
}

.shsei8{
    display: none;
}

.owsh99{
    font-size: 30px;
    color: rgb(255, 74, 74);
}


@media screen and (max-width:1300px){
    
    .nanamep{
        margin-top: 50px;
        font-size: 2vw;
        text-align: left;
    }
    .nanamep2{
        margin-top: 50px;
        font-size: 2vw;
        text-align: right;
    }
    .kkp{
        font-weight: bolder;
        font-size:20px;
    }
    .kkp2{
        font-size: 20px;
        font-weight: bold;
        color: rgb(245, 177, 230);
    }
    
    .kkp3{
        font-weight: bold;
        font-size: 16px;
    }
}

@media screen and (max-width:950px){
    
    .nanamep{
        margin-top: 50px;
        font-size: 2.3vw;
        text-align: left;
    }
    .nanamep2{
        margin-top: 50px;
        font-size: 2.3vw;
        text-align: right;
    }
    .kkp{
        font-weight: bolder;
        font-size: 18px;
    }
    .kkp2{
        font-size: 17px;
        font-weight: bold;
        color: rgb(245, 177, 230);
    }
    
    .kkp3{
        font-weight: bold;
        font-size: 13px;
    }
    .hgt{
        height: 200px;
    }
}

@media screen and (max-width:768px){
    
    .nanamep{
        margin-top: 50px;
        font-size: 3vw;
        text-align: left;
    }
    .nanamep2{
        margin-top: 50px;
        font-size: 2.6vw;
        text-align: right;
    }
    .kkp{
        font-weight: bolder;
        font-size: 15px;
        text-align: center;
    }
    .kkp2{
        font-size: 13px;
        font-weight: bold;
        color: rgb(245, 177, 230);
        text-align: center;
    }
    
    .kkp3{
        font-weight: bold;
        font-size: 11px;
        text-align: center;
    }
    .hgt{
        height: 180px;
    }

    .owsh99{
        font-size: 24px;
        color: rgb(255, 74, 74);
    }
    
}

@media screen and (max-width:640px){

    
    .nanamep{
        margin-top: 40px;
        font-size: 5vw;
        text-align: left;
    }
    .nanamep2{
        margin-top: 40px;
        font-size: 2.6vw;
        text-align: right;
    }
    .kkp{
        margin-top: -20px;
        font-weight: bolder;
        font-size: 15px;
        text-align: center;
        color: white;
    }
    .kkp2{
        font-size: 14px;
        font-weight: bold;
        color: rgb(167, 56, 143);
        text-align: center;
    }
    
    .kkp3{
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        color: white;
    }
    .hgt{
        height: 180px;
    }
    .nanamep{
        margin-top: 40px;
        font-size: 2.6vw;
        text-align: left;
        color: white;
    }
    .nanamep2{
        margin-top: 40px;
        font-size: 2.6vw;
        text-align: right;
        color: white;
    }
    .hgt br{
        display: none;
    }

    .kokogap{
        background-image: url(/image/owpl.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .kokogap2{
        background-image: url(/image/owpl1.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .kokogap3{
        background-image: url(/image/owpl2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .kokogap4{
        background-image: url(/image/owpl3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .kokogap5{
        background-image: url(/image/owpl4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .kokogap6{
        background-image: url(/image/owpl5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .kokogap7{
        background-image: url(/image/owpl6.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }


    .shsei7{
        display: none;
    }
    .nanamb{
        width: 90vw;
    }

    .shsei8{
        display: block;
    }

    .kkp{
        margin-top: -50px;
    }

    .shsei8 p{
        color: rgb(0, 0, 0);
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        font-size: 18px;
    }
    .nanamep,.nanamepsh,.nanamb p{
        color: black;

    }
}


/*----------------------*/

/*-------------------case---------------------*/

.case1{
    font-size: 120px;
    padding: 0;
    text-align: right;
    margin-top: 0px;
    color: rgb(245, 177, 230);
    font-weight: bold;
}

.case11{
    margin-top: -50px;
    margin-bottom: 50px;
    border-radius: 20px;
    border: 3px solid rgb(245, 177, 230);
    height: auto;
    padding: 20px;
    padding-bottom: 70px;
}

.dad{
    min-height: 200px;
    background-image: url(/image/dad.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0px;
}

.dad2{
    min-height: 200px;
    background-image: url(/image/dad2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0px;
}
.casec{
    color: rgb(245, 177, 230);
}

.mom{
    min-height: 200px;
    background-image: url(/image/510521.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}

.mom2{
    min-height: 200px;
    background-image: url(/image/510424.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}
.pp{
    color: rgb(245, 177, 230);
}
.owna{
    height: 120px;
}
.momb{
    height: 100px;
}
.mother p{
    padding-top: 50px;
}
.case1b{
    margin-top: 10px;
    height: 230px;
}

.cb1{
    margin-top: 10px;
    height: 230px;
}
.arrow{
    display: block;
    font-size: 10vw;
    font-weight: bolder;
    padding-top: 200px;
    color: rgb(155, 155, 155);
}

.arrow2{
    display: none;
}

.father{
    height: 150px;
    margin-top: 30px;
}
.mother{
    height: 200px;
}
.onplpb p{
    font-size: 24px;
}

.casep p{
    font-weight: bolder;
}

.ownpb2 p, .owshse2 p{
    font-size: 20px;
    padding: 0;
}

@media screen and (max-width:1516px){
    .father{
        height: 170px;
        margin-top: 30px;
    }
}

@media screen and (max-width:1300px){
    .casep{
        font-size: 15px;
    }
    .case1b{
        margin-top: 10px;
        height: 200px;
    }
    
    .cb1{
        margin-top: 10px;
        height: 200px;
    }
    .father{
        height: 190px;
        margin-top: 30px;
    }
    .onplpb p{
        font-size: 22px;
    }
    .ownpb2 p, .owshse2 p{
        font-size: 18px;
    }
}
@media screen and (max-width:1030px){
    .casep{
        font-size: 14px;
    }
    .case1b{
        margin-top: 10px;
        height: 170px;
    }
    .dad{
        min-height: 170px;
    }
    .dad2{
        min-height: 170px;
    }
    .owna{
        height: 90px;
    }
    .cb1{
        margin-top: 10px;
        height: 170px;
    }

    .onplpb p{
        font-size: 18px;
    }
}
@media screen and (max-width:1000px){
    .casep{
        font-size: 12.5px;
    }
    .arrow{
        display: block;
        font-size: 10vw;
        font-weight: bolder;
        padding-top: 160px;
        color: rgb(155, 155, 155);
    }
}

@media screen and (max-width:880px){
    .casep{
        font-size: 10px;
    }
    .case1b{
        margin-top: 10px;
        height: 150px;
    }
    .dad{
        min-height: 150px;
    }
    .dad2{
        min-height: 150px;
    }
    .owna{
        height: 70px;
    }
    .cb1{
        margin-top: 10px;
        height: 150px;
    }
    .father{
        height: 140px;
        margin-top: 30px;
    }
    .arrow{
        display: block;
        font-size: 10vw;
        font-weight: bolder;
        padding-top: 130px;
        color: rgb(155, 155, 155);
    }
    .onplpb p{
        font-size: 15px;
    }
}

@media screen and (max-width:768px){
    .casep{
        font-size: 16px;
        text-align: center;
    }
    .case1b{
        margin-top: 16px;
        text-align: center;
        height: 170px;
    }
    .dad{
        min-height: 170px;
    }
    .dad2{
        min-height: 170px;
    }
    .owna{
        height: 70px;
    }
    .cb1{
        margin-top: 16px;
        text-align: center;
        height: 170px;
    }
    .father{
        height: 170px;
        margin-top: 30px;
    }
    .mother{
        height: 70px;
    }
    .mother p{
        padding: 0;
    }
    .onplpb p{
        font-size: 22px;
    }
    .onplpb{
        margin-bottom: 50px;
    }

}
@media screen and (max-width:768px){
    .arrow{
        display: none;
    }
    .arrow2{
        display: block;
        text-align: center;
        font-size: 50px;
        color: rgb(155, 155, 155);
    }

    .ownpb2 p, .owshse2 p{
        font-size: 16px;
    }
}

@media screen and (max-width:414px){
    .casep{
        font-size: 16px;
        text-align: center;
    }
    .case1b{
        margin-top: 16px;
        text-align: center;
        height: 170px;
    }
    .dad{
        min-height: 170px;
    }
    .dad2{
        min-height: 170px;
    }
    .owna{
        height: 70px;
    }
    .cb1{
        margin-top: 16px;
        text-align: center;
        height: 170px;
    }
    .father{
        height: 190px;
        margin-top: 20px;
    }
    .mother{
        height: 100px;
    }

    .fsb1{
        margin-bottom: 30px;
    }

    .onplpb p{
        font-size: 17px;
    }
}


/*-------------------case---------------------*/

.theme1 p{
    text-align: center;
    font-weight: bold;
    padding: 0px 0;
}

.otiawk p{
    background-color: rgb(245, 177, 230);
    color: white;
    border-radius: 20px;
    height: auto;
    text-align: center;
    padding: 10px 0;
}

.otiawk p{
    width: 100%;
}

.otiawk:hover{
    color: white;
}



/**/

.steppp{
    margin: 60px 0;

}
.shusei2{
    margin-bottom: 60px;
}

.step{
    font-size:20px;
    font-weight: bold;
    color: rgb(245, 177, 230);
}
.oppbox{
    height: 110px;
    margin-bottom: 10px;
}

.oplan{
    background-color: rgb(230, 230, 230);
    border-radius: 20px;
    margin-bottom: 30px;
}
.opppp{
    font-size: 15px;
    font-weight: bold;
}

.arr4{
    color: rgb(245, 177, 230);
    text-align: center;
    font-size:7vw;
    margin-top: 80px;
}
.op11{
    background-image: url(/image/1378175.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op22{
    background-image: url(/image/1274940.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op33{
    background-image: url(/image/282250.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op44{
    background-image: url(/image/stecker33.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.op55{
    background-image: url(/image/857515.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width:1060px){
   
    .oppbox{
        height: 120px;
    }
    
    .opppp{
        font-size: 12px;
    }
    .step{
        font-size:20px;
        font-weight: bold;
        color: rgb(245, 177, 230);
    }
    .arr4{
        color: rgb(245, 177, 230);
        text-align: center;
        font-size:7vw;
        margin-top: 80px;
    }
}

@media screen and (max-width:900px){
    
    .oppbox{
        height: 120px;
    }
    
    .opppp{
        font-size: 10px;
        font-weight: bold;
    }
    
    .step{
        font-size: 20px;
        font-weight: bold;
        color: rgb(245, 177, 230);
    }
    .arr4{
        color: rgb(245, 177, 230);
        text-align: center;
        font-size:7vw;
        margin-top: 80px;
    }
}

@media screen and (max-width:768px){
    .nnn{
        display: none;
    }

    .oppbox{
        height: 50px;
    }
    .oplan{
        background-color: rgb(230, 230, 230);
        border-radius: 150px;
        margin-bottom: 30px;
    }
    .opppp{
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }
    
    .step{
        font-size: 20px;
        font-weight: bold;
        color: rgb(245, 177, 230);
        text-align: center;
    }

    .arr4{
        color: rgb(245, 177, 230);
        text-align: center;
        font-size:7vw;
        margin-top: 80px;
    }
}
/*---------------------------------*/
.jisseki{
    height: 350px;   
}
.ansinboxjj{
   margin-bottom: 100px;
}
.anboxjj{
    height: auto;
   
}
.anbox22j{
    height: auto; 
}

.anbox22j img{
    height: 200px; 
    width: 100%;
    object-fit: cover;
}
.place{
    text-align: center;
    margin: 10px 0;
}
.comm{
    text-align: center;
    margin: 10px 0;
}
@media screen and (max-width:768px){
    .anbox22j{
        height: auto;
        
    }
    .jisseki{
        height: auto;
        
    }
    .comm{
        margin-bottom: 40px;
        text-align: center;
    }

    .ansinboxjj{
        margin-bottom: 0px;
    }
}

/*--------------------fadein---------------------*/
/* 画面外にいる状態 */
.fadein {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 1000ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
@media screen and (max-width:768px){
    .fadein {
        opacity : 1;
        transform : translate(0, 0px);
        transition : all 500ms;
        }
    
    /* 画面内に入った状態 */
    .fadein.scrollin {
        opacity : 1;
        transform : translate(0, 0);
    }
}
.fadein2 {
	opacity : 0.03;
	transform : translate(0, 60px);
	transition : all 2000ms;
	}

/* 画面内に入った状態 */
.fadein2.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}



.fadein3 {
	opacity : 0;
	transform : translate(0, 80px);
	transition : all 3000ms;
	}

/* 画面内に入った状態 */
.fadein3.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}


.fadein4 {
	opacity : 0.03;
	transform : translate(0, 90px);
	transition : all 4000ms;
	}

/* 画面内に入った状態 */
.fadein4.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein5 {
	opacity : 0.03;
	transform : translate(0, 90px);
	transition : all 5000ms;
	}

/* 画面内に入った状態 */
.fadein5.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein6 {
	opacity : 0;
    transform : translate( 0px, 0);
	transition : all 2000ms;
    transition: all 5s ease-out; opacity: 0;
    overflow: hidden;
	}

/* 画面内に入った状態 */
.fadein6.scrollin {
	opacity : 1;
	transform : translate(0, 0);
    background-color:#ff7f5000;
    animation: img-wrap 6s cubic-bezier(.4, 0, .2, 1) forwards;
    background: rgb(255, 255, 255);
}


.fadein7 {
	opacity : 0.03;
    transform : translate( 0px, 0);
    transition: all 2s ease-out; opacity: 0;
    overflow: hidden;
	}

/* 画面内に入った状態 */
.fadein7.scrollin {
	opacity : 1;
	transform : translate(0, 0);
    animation: img-wrap2 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: rgba(255, 255, 255, 0);
}

.fadein7:hover {
    transform : scale(1.2);
    }




.fadein21 {
	opacity : 0.03;
	transform : translate(-50px, 0);
	transition : all 3000ms;
	}

/* 画面内に入った状態 */
.fadein21.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein22 {
	opacity : 0.03;
	transform : translate(-50px, 0);
	transition : all 4000ms;
	}

/* 画面内に入った状態 */
.fadein22.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein23 {
	opacity : 0.03;
	transform : translate(-50px, 0);
	transition : all 5000ms;
	}

/* 画面内に入った状態 */
.fadein23.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein24 {
	opacity : 0.03;
	transform : translate(-50px, 0);
	transition : all 6000ms;
	}

/* 画面内に入った状態 */
.fadein24.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein30 {
	opacity : 0;
	transform : translate( 500px, 0);
	transition : all 1000ms;
}

.fadein30.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}



.fadein41 {
	opacity : 0;
	transform : translate( 0, -60px);
	transition : all 1000ms;
}

.fadein41.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein42 {
	opacity : 0;
	transform : translate( 0, -60px);
	transition : all 2000ms;
}

.fadein42.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein43 {
	opacity : 0;
	transform : translate( 0, -60px);
	transition : all 3000ms;
}

.fadein43.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.fadein44 {
	opacity : 0;
	transform : translate( 0, -60px);
	transition : all 4000ms;
}

.fadein44.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein45 {
	opacity : 0;
	transform : translate(0, -60px);
	transition : all 5000ms;
}

.fadein45.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein46 {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 3000ms;
}

.fadein46.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein47 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 1000ms;
}

.fadein47.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein48 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 2000ms;
}

.fadein48.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein49 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 3000ms;
}

.fadein49.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein50 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 4000ms;
}

.fadein50.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein51 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 5000ms;
}

.fadein51.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein52 {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 6000ms;
}

.fadein52.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}


.fadein60 {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 3000ms;
}

.fadein60.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein61 {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 3500ms;
}

.fadein61.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein62 {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 4000ms;
}

.fadein62.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}


.fadein63 {
	opacity : 0;
	transform : translate(0, 0px);
	transition : all 4500ms;
}

.fadein63.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein64 {
	opacity : 0;
	transform : translate( -50px, 0);
	transition : all 5000ms;
}

.fadein64.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein65 {
	opacity : 0;
	transform : translate( 0px, 0);
	transition : all 6000ms;
}

.fadein65.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.fadein68 {
	opacity : 0;
	transform : translate( 300px, 0);
	transition : all 2000ms;
}

.fadein68.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.fadein69 {
	opacity : 0;
	transform : translate( -300px, 0);
	transition : all 2000ms;
}

.fadein69.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
/*--------------------fadein---------------------*/


.img-wrap {
    overflow: hidden;
    position: relative;
  }
  
  .img-wrap:before {
    animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  
  @keyframes img-wrap {
    100% {
      transform: translateX(-100%);
    }
  }

  .act {
    overflow: hidden;
    position: relative;
  }

  .act:before {
    animation: act 2s cubic-bezier(.4, 0, .2, 1) forwards;
    background: #fff;
    bottom: 0;
    content: '';
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  
  @keyframes act {
    100% {
      transform: translateX(-100%);
    }
  }


/* when the library loads, each [data-delighter] 
      gets the .delighter class */

      .foo.delighter {
        transition: all .3s ease-out;
        transform: translateX(100%);
        opacity: 0;
     }
  
     /* the .started class is set when the top
        of [data-delighter] is at 0.75 of the viewport 
        (where 0 is top and 1 is bottom) */
  
     .foo.delighter.started {
        transform: none;
        opacity: 1;
     }
  
     /* an extra .ended state is set when the bottom 
        of [data-delighter] is at 0.75 of the viewport
        (where 0 is top and 1 is bottom)      .foo.delighter.started.ended {
     }*/
  


/* when the library loads, each [data-delighter] 
      gets the .delighter class */

      .foo2.delighter {
        transition: all .3s ease-out;
        transform: translateX(-100%);
        opacity: 0;
     }
  
     /* the .started class is set when the top
        of [data-delighter] is at 0.75 of the viewport 
        (where 0 is top and 1 is bottom) */
  
     .foo2.delighter.started {
        transform: none;
        opacity: 1;
     }
  
     /* an extra .ended state is set when the bottom 
        of [data-delighter] is at 0.75 of the viewport
        (where 0 is top and 1 is bottom)      .foo2.delighter2.started.ended {
     }*/


   @media screen and (max-width:768px){
    .case1{
        font-size: 60px;
        margin-bottom: 50px;
    }

    .owshse2 br{
        display: none;
    }

    .owshse2 p{
     text-align: left;
   }
  }

     @media screen and (max-width:414px){
         .ownpb br{
             display: none;
         }
        .ownpb h2, .ownpb h3{
            font-size: 18px;
            margin-bottom:30px;
        }
        .dekims p, .tgita h3{
            font-size: 18px;
            padding: 0 20px;
        }
       

        .hgt .nanamep, .hgt .nanamep2{
            font-size: 18px;
        }
        .kkp{
            font-size: 13px;
        }
        .kkp2{
            padding: 0;
        }
        .kkp3{
            font-size: 10px;
        }
        .nanameb{
            height: 300px;
        }

        .shse{
            font-weight: bold;
        }
        .owshse2 br{
            display: none;
        }

        .mans{
            font-size: 20px;
        }
        .mansp br{
            display: none;
        }
        .mansp{
            font-size: 15px;
        }
        p{
            font-size: 15px;
        }

        .kkp, .kkp3{
            font-size: 13px;
        }

        .trth{
            font-size: 17px;
        }

        .trp2{
            font-size: 14px;
        }
        .cboxp, .taioup{
            font-size: 12.6px;
        }
        .cbox{
            height: 5.4vw;
        }

        .owshse2 p{
            padding: 0;
            margin: 0;
        }
        .case1{
            margin: 30px 0;
            padding: 0;
            text-align: center;

        }
    }

    @media screen and (max-width:375px){
        .mans{
            font-size: 15px;
        }
        .mansp br{
            display: none;
        }
        .mansp{
            font-size: 13px;
        }
        .trp2{
            font-size: 10px;
        }
        .hgt{
            height: 210px;
        }
        .kkp{
            font-size: 13px;
        }
        .kkp2{
            padding: 0;
            font-size: 13px;
        }
        .kkp3{
            font-size: 10px;
        }

        

        p{
            font-size: 15px;
        }

        .mans{
            font-size: 17px;
            padding-top: 10px;
        }
        .mansp br{
            display: none;
        }
        .mansp{
            font-size: 15px;
        }
        .hgt .kkp2{
            font-size: 15px;
        }
        .hgt .kkp, .hgt .kkp3{
            font-size: 14px;
        }

        .trth{
            font-size: 17px;
        }

        .trp2{
            font-size: 13px;
            font-weight: bold;
        }

        .owshse2 p{
            padding: 0 20px;
        }

        .owna22 p{
            font-size: 15px;
        }
        .owshse2 {
            margin: 0;
           margin-top: -40px;
        }
        .cboxp, .taioup{
            font-size: 11px;
        }

        .cbox{
            height: 6.4vw;
        }
        .owshse2 p{
            padding: 0;
            margin: 0;
        }

        .otiawk2{
            margin-top: 30px;
        }

        .case1{
            margin: 30px 0;
            padding: 0;
            text-align: center;

        }
    }
        
   

    @media screen and (max-width:320px){
        .mans{
            font-size: 15px;
        }
        .mansp br{
            display: none;
        }
        .mansp{
            font-size: 13px;
        }
        .trp2{
            font-size: 10px;
        }
        .hgt{
            height: 210px;
        }
        .kkp{
            font-size: 13px;
        }
        .kkp2{
            padding: 0;
            font-size: 13px;
        }
        .kkp3{
            font-size: 10px;
        }

        

        p{
            font-size: 14px;
        }

        .mans{
            font-size: 16px;
            padding-top: 10px;
        }
        .mansp br{
            display: none;
        }
        .mansp{
            font-size: 14px;
        }
        .hgt .kkp2{
            font-size: 14px;
        }
        .hgt .kkp, .hgt .kkp3{
            font-size: 13px;
        }

        .trbox{
            height: 60px;
        }
        .trth{
            font-size: 17px;
        }

        .trp2{
            font-size: 13px;
            font-weight: bold;
        }

        .owshse2 p{
            padding: 0 20px;
        }

        .owna22 p{
            font-size: 14px;
        }
        .owshse2 {
            margin: 0;
           margin-top: -40px;
        }

        .owshse2 p{
            padding: 0;
            margin: 0;
        }

        .case1{
            margin: 30px 0;
            padding: 0;
            text-align: center;

        }
}
        
.yajirusi{
    height: 100px;
    background-image: url(../image/yajirusi.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
    margin-top: -20px;
    margin-bottom: 10px;
}


.blinking{
    -webkit-animation:blink 2s ease-in-out infinite alternate;
    -moz-animation:blink 2s ease-in-out infinite alternate;
    animation:blink 2s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
} 

@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.delay {
animation-delay: 2s;
}