:root{
    /*ベースカラー*/
    /*TOSOグリーン*/
    --toso_base_green: #00989C;

    /*濃灰色*/
    --toso_base_black: #464646;

    /*グレー*/
    --toso_base_gray: #d4dcd6;

    /*基本文字色*/
    --toso_base_text_color: #333;

    /*製品イメージカラー*/
    --toso_product_color_grn: #009A9D;
    --toso_product_color_org: #D98310;
    --toso_product_color_ppl: #B8347A;
    --toso_product_color_blu: #0095CB;
    --toso_product_color_gry: #969696;

}

body{
    overflow: hidden;
    background-color: #FFF5F0;
}

body img{
    /*max-width: initial !important;*/
}

#container{
    position: relative;
    width: 100%;
    height: 100%;
}

.loader-wrap {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 5px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #009a9d;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.arrowRight {
    position: absolute;
    top:50%;
    right: -0.5vw;
    z-index: 1200;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: rgba(255,255,255,0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrowRight > div{
    border-top: solid 2px black;
    border-right: solid 2px black;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
}
.arrowLeft {
    position: absolute;
    top:50%;
    left: 0.5vw;
    z-index: 1300;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: rgba(255,255,255,0);
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrowLeft > div {
    border-bottom: solid 2px black;
    border-left: solid 2px black;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
}
.scroll_guide{
    position: absolute;
    bottom: 1vh;
    right: 1vw;
}
#myCanvas{
    width: 100vw;
    height: 100vh;
    display: block;
}

.logo{
    position: absolute;
    top:25px;
    left:25px;
    width:63px;
    cursor: pointer;
    z-index: 1000;
}
.map{
    position: absolute;
    top:15px;
    right:15px;
    width:54.5px;
    cursor: pointer;
    z-index: 1100;
}
.map img{
    width:54.5px;
}
@media screen and (max-height: 720px) {
    /*　画面サイズが750px以下はここを読み込む　*/
    .logo{
        top:15px;
        left:15px;
        width:40px;
    }
}

@media screen and (max-width: 600px) {
    /*　画面サイズが750px以下はここを読み込む　*/
    .arrowRight {
        top:70%;
    }
    .arrowLeft {
        top:70%;
    }
}









.labels{
    width: 100%;
    overflow: hidden;
}
/*補足：センターにFIX*/
.labels > div{
    position: fixed;
    left:0;
    top:0;
    /*border: 1px solid red;*/
}

/*補足：htmlのエリアを決める*/
.labels .instance_wrapper{
    overflow: hidden;
    margin: 85px 0 0 -580px ;
    width: 1156px;
    /*border: 1px solid blue;*/
}
/*補足：htmlのエリアを決める例外パタン*/
.labels .instance0 .instance_wrapper{
    margin: 50px 0 0 -160px ;
    padding: 20px;
    width: 780px;
}
.labels .instance1 .instance_wrapper{
    margin: 0 0 0 -658px ;
    width: 1351px;
    display: flex;
}
.labels .instance2 .instance_wrapper{
    margin: 0 0 0 -664px ;
    width: 1322px;
    display: flex;
}
.labels .instance3 .instance_wrapper{
    margin: 0 0 0 -663px ;
    width: 1322px;
    display: flex;
}
.labels .instance4 .instance_wrapper{
    margin: 0 0 0 -300px ;
    width: 582px;
    display: flex;
}
.labels .instance5 .instance_wrapper{
    margin: 0 0 0 -470px ;
    width: 900px;
    display: flex;
}
.labels .instance6 .instance_wrapper{
    margin: 0 0 0 -417px ;
    width: 900px;
    display: flex;
}
.labels .instance7 .instance_wrapper{
    margin: 0 0 0 -462px ;
    width: 900px;
    display: flex;
}
.labels .instance8 .instance_wrapper{
    margin: 0 0 0 -417px ;
    width: 900px;
    display: flex;
}
.labels .instance10 .instance_wrapper{
    margin: 0 0 0 -422px ;
    width: 900px;
    display: flex;
}
.labels .instance9 .instance_wrapper{
    margin: 40px 0 0 -1957px ;
    width: auto;
    display: flex;
}
.labels .instance18 .instance_wrapper{
    margin: 0 0 0 -300px ;
    width: 582px;
    display: flex;
}

.labels .instance0 .instance_wrapper > div{
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}
.labels .instance0 .inst0_1{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width:576px;
}
.labels .instance0 .inst0_1 > div{
    margin-bottom: 10px;
    cursor: pointer;
}
.labels .instance0 .inst0_2{
    width: 172px;
}

.labels .instance0 .inst0_title{
    margin-top: 5px;
    margin-bottom: 20px;
}
.labels .instance0 .inst0_firstmovie a{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size:1.3rem;
    margin-top: 10px;
    cursor: pointer;
    width: 250px;
 }
.labels .instance0 .inst0_firstmovie img{
    width: 26px;
    margin-right: 5px;
}
.labels .instance0 .inst0_title{
    font-size: 1.3rem;
    line-height: 1.6;
}
.labels .instance0 .inst0_title img{
    width: 366px;
}
.labels .instance0 .inst0_title div{
    margin-bottom: 10px;
}
.labels .instance0 .inst0_title span{
    color:var(--toso_base_green)
}
.labels .instance0 .inst_infonum{
    width: 176px;
    cursor: pointer;
    opacity: .5;
    transition: .5;
}
.labels .instance0 .inst_infonum img{
    width:176px;
}

.labels .instance0 .inst0_1 .inst0_txt{
    width: 176px;
    height: 43px;
    padding-top: 4px;
    font-size: 1.4rem;
    line-height: 1.2;
    padding-left: 16px;
    box-sizing: border-box;
    transition: .5;
}
.labels .instance0 .inst0_2 .inst0_txt{
    width: 160px;
    height: 20px;
    padding-top: 5px;
    font-size: 1.3rem;
    line-height: 1;
    padding-left: 16px;
    margin-bottom: 8px;
}
.labels .instance0 .inst0_1 .inst0_txt.inst0_grn{
    border-top: 2px solid var(--toso_product_color_grn);
}
.labels .instance0 .inst0_1 .inst0_txt.inst0_org{
    border-top: 2px solid var(--toso_product_color_org);
}
.labels .instance0 .inst0_1 .inst0_txt.inst0_blu{
    border-top: 2px solid var(--toso_product_color_blu);
}
.labels .instance0 .inst0_1 .inst0_txt.inst0_ppl{
    border-top: 2px solid var(--toso_product_color_ppl);
}

.labels .instance0 .inst0_1 .inst0_nav:hover .inst_infonum,
.labels .instance0 .inst0_2 .inst0_nav:hover .inst_infonum{
    opacity: 1;
    transition: .5s;
}
.labels .instance0 .inst0_1 .inst0_nav .inst0_txt.inst0_grn{
    background-color: inherit;
    color: var(--toso_base_text_color);
    transition: .5s;
}
.labels .instance0 .inst0_1 .inst0_nav:hover .inst0_txt.inst0_grn{
    background-color: var(--toso_product_color_grn);
    color: white;
    transition: .5s;
}
.labels .instance0 .inst0_1 .inst0_nav:hover .inst0_txt.inst0_org{
    background-color: var(--toso_product_color_org);
    color: white;
    transition: .5s;
}
.labels .instance0 .inst0_1 .inst0_nav:hover .inst0_txt.inst0_blu{
    background-color: var(--toso_product_color_blu);
    color: white;
    transition: .5s;
}
.labels .instance0 .inst0_1 .inst0_nav:hover .inst0_txt.inst0_ppl{
    background-color: var(--toso_product_color_ppl);
    color: white;
    transition: .5s;
}
.labels .instance0 .inst0_2 .inst0_nav:hover .inst0_txt.inst0_gry{
    background-color: var(--toso_product_color_gry);
    color: white;
    transition: .5s;
}

.labels .instance0 .inst0_info{
    width: 176px;
    border-radius: 5px;
    background-color:#CCEAEB ;
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin-bottom: 13px;
    cursor: pointer;
    opacity: 1;
    transition: .5s;
}
.labels .instance0 .inst0_info img{
    margin-right: 5px;
    height: 20px;
}
.labels .instance0 .inst0_map{
    margin: 20px;
}
.labels .instance0 .inst0_wic{
    width: 176px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color:#CCEAEB ;
    font-size: 1.5rem;
    padding: 5px;
    cursor: pointer;
    opacity: 1;
    transition: .5s;
}
.labels .instance0 .inst0_wic .inst0_wic_banner{
    border-radius: 5px;
    background-color: #00989C;
    color:white;
    width: 156px;
    letter-spacing: -0.1rem;
    padding: 3px;
    margin: 3px auto 5px;
}
.labels .instance0 .inst0_wic .inst0_wic_logo{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}
.labels .instance0 .inst0_wic .inst0_wic_logo img{
    width: 56px;
}
.labels .instance0 .inst0_wic span:first-child{
    font-size: 1.2rem;
}
.labels .instance0 .inst0_wic > div{
    font-size: 1.4rem;
}
.labels .instance0 .inst0_wic > div span{
    font-size: 1.2rem;
    letter-spacing: -0.03rem;
}
.labels .instance0 .inst0_wic span:last-child{
    font-size: 1.4rem;
    letter-spacing: unset;
}
.inst0_link{
    cursor: pointer;
}

.labels .inst0_wic:hover,
.labels .inst0_info:hover{
    transition: .5s;
    opacity: .6;
}


 .inst0_info > div{
    display: flex;
    align-items: flex-start;
    margin-right: 10px;
    line-height: 1.4;
}


.labels .instance0 .inst0_name10 img{
    width: 259px;
}

.labels .instance0 .inst0_info.inst0_name10{
    background-color: initial;
}
.labels .instance0 .inst0_info span{
    font-size:1.2rem;
}


.labels .headlogo {width:41px;margin-right: 10px;}
.labels .newlogo{width:24px;margin-right: 5px;}
.labels .kyoyonizyu{width: 50px;}
.labels .kyoyonizyu2{width: 70px; text-align: right}
.labels .title_squareline,
.labels .title_squareline_org,
.labels .title_squareline_ppl,
.labels .title_squareline_gry{
    display: flex;
    border-bottom: 1px solid #009A9D;
    font-size: 1.3rem;
    position: relative;
    font-weight: 800;
}
.labels .title_square,
.labels .title_square_org,
.labels .title_square_ppl,
.labels .title_square_gry {
    content: '';
    border-right: 11px solid transparent;
    border-bottom: 11px solid var(--toso_product_color_grn);
}
.labels .title_squareline_org {
    border-bottom: 1px solid #D98310;
}
.labels .title_square_org {
    border-bottom: 11px solid #D98310;
}
.labels .title_squareline_ppl {
    border-bottom: 1px solid #B8347A;
}
.labels .title_square_ppl {
    border-bottom: 11px solid #B8347A;
}
.labels .title_squareline_gry {
    border-bottom: 1px solid #969696;
}
.labels .title_square_gry {
    border-bottom: 11px solid #969696;
}
.labels .new2021{
    position: absolute;
    width: 46px;
    top:2px;
    right: 5px;
}
.btn_outlink_org a{
    color: white !important;
}
.btn_outlink_gen,
.btn_outlink_org,
.btn_outlink_ppl{
    color: white;
    border-radius: 12px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem !important;
    position: relative;
    text-indent: -1rem;
    cursor: pointer;
    padding:0 15px 0;
    box-sizing: border-box;
    letter-spacing:-0.1rem;
}

.btn_outlink_gen::after,
.btn_outlink_org::after,
.btn_outlink_ppl::after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    text-align: right;
    padding-left: 5px;
    position: absolute;
    right: 3px;
    background-repeat: no-repeat;
    background-image: url(../image/02/1-2-3_item06.svg);
    background-size: contain;
    vertical-align: middle;
}

.btn_outlink_gen{background-color: #009A9D;}
.btn_outlink_org{background-color: #D98310;}
.btn_outlink_ppl{background-color: #B8347A;}

.labels .instance2 .btn_outlink_gen{width:120px;}
.labels .instance8 .btn_outlink_org{
    padding:2px 15px 0;
    width:80px;
    letter-spacing: 0.1rem;
}
.labels .instance10 .btn_outlink_ppl{
    padding:2px 15px 0;
    width:102px;
    letter-spacing: 0.1rem;
}


/*instance1*/
.labels .instance1 .inst_leftBox{
    /*border:1px solid green;*/
    width:295px;
    margin: 82px 0 0 182px;
}
.labels .inst1_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    
    align-items: center;
}



.labels .inst1_product{
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: flex-end;
    padding: 20px 20px 0;
    position: relative;
}
.labels ul.inst1_product div{
    position: absolute;
    top:10px;
    right:10px;
}
.labels ul.inst1_product li{
    flex:0 1 30%;
    padding-bottom: 20px;
    text-align: center;
    line-height: 2;
}
.labels .inst1_product2{
    padding: 0 20px;
}
.labels .inst1_product2 ol{
    margin-top: 10px;
    list-style-type: none;
}
.labels .inst1_product2 ol li{
    display: flex;
    align-items: center;
    text-indent: 0.5rem;
}
.labels .instance1 .inst_rightBox{
    width:295px;
    margin: 290px 0 0 338px;
}

.labels .instance1 .inst_rightBox .openModal_btn{
    width: 100px;
    height: 100px;
}

/*instance2*/
.labels .instance2 .inst_leftBox{
    /*border:1px solid green;*/
    width:469px;
    margin: 132px 0 0 249px;
    box-sizing: border-box;
}
.labels .inst2_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
}
.labels .headinfo{
    background-color: #F6F8E3;
    padding: 10px 10px 5px;
    font-size: 1.3rem;
}
.labels .headinfo span{
    font-size: 1rem;
    line-height: 1.5;
}
.labels .headinfo div:first-child{
    display: flex;
    align-items: center;
    background-color: white;
    padding: 3px;
    margin-bottom: 5px;
}
.labels .headinfo div img{
    width:126px;
    padding: 0 5px 2px 0;
    margin-right: 5px;
}
.labels .instance1 .headinfo div:first-child img,
.labels .instance2 .headinfo div:first-child img,
.labels .instance3 .headinfo div:first-child img{border-right: 1px solid #009A9D;}
.labels .instance5 .headinfo div:first-child img,
.labels .instance6 .headinfo div:first-child img{border-right: 1px solid #D98310;}
.labels .instance7 .headinfo div:first-child img{border-right: 1px solid #0095CB;}
.labels .instance8 .headinfo div:first-child img{border-right: 1px solid #D98310;}
.labels .instance10 .headinfo div:first-child img{border-right: 1px solid #B8347A;}



.labels .instance7 .headinfo div:last-child,
.labels .instance6 .headinfo div:last-child,
.labels .instance8 .headinfo div:last-child,
.labels .instance10 .headinfo div:last-child{
    letter-spacing: -0.1rem;
}
.labels .instance8 .headinfo span,
.labels .instance10 .headinfo span{
    text-indent: -0.5rem;
}

.labels .instance2 .newlogo{
    margin-left: 50px;
}




.labels .inst_leftBox p{
    font-size: 1.3rem;
    margin: 5px 0 5px 10px;
}
.labels .inst2_product{
    font-size: 1.2rem;
    display: flex;
    padding: 0 10px;
    justify-content: space-around;
}
.labels .inst2_product >div{
    width: 212px;
}
.labels .inst2_product div:first-child{
    margin-right: 10px;
}
.labels .inst2_product .title_squareline{
    line-height: 1.2;
    text-indent: -1rem;
}

.labels .inst2_product .inst2_box{
    position: relative;
    padding-top: 5px;
    margin-bottom: 15px;
}
.labels .inst2_product .inst2_kyoyonizyu{
    position: absolute;
    top:5px;
    right: 0;
    display: flex;
    align-items: flex-end;
    flex-flow: column;
}

.labels .inst2_product .inst2_kyoyonizyu .kyoyonizyu{
    margin-right: 0;
    margin-bottom: 5px;
}
.labels .inst2_product .inst2_kyoyonizyu .kyoyonizyu2{
    margin-bottom:5px;
}
.labels .inst2_product .btn_outlink_gen{
    margin-top: 15px;
}


/*instance3*/
.labels .instance3 .inst_leftBox{
    /*border:1px solid green;*/
    width:467px;
    margin: 100px 0 0 271px;
    box-sizing: border-box;
}
.labels .inst3_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
}
.labels .inst3_product{
    padding: 10px;
}

.labels .inst3_product ul{
    display: flex;
    flex-flow: row wrap;
    padding: 10px 30px;
    justify-content: space-around;
}
.labels .inst3_product ul li{
    flex:0 1 30%;
    margin-bottom: 5px;
    width: 104px;
    padding: 0 5px;
    box-sizing: border-box;
}

.labels .inst3_product .inst3_box{
    display: flex;
    justify-content: space-around;
}
.labels .inst3_product .inst3_box > div{
    width: 212px;
    position: relative;
}
.labels .inst3_product .inst3_box > div:first-child{
    margin-right: 20px;
}
.labels .inst3_product .inst3_box .title_squareline{
    margin-bottom: 5px;
    position: relative;
}

.labels .inst3_product .inst3_kyoyonizyu{
    position: absolute;
    bottom:0;
    right: 0;
}
.labels .instance3 .inst_rightBox{
    width:295px;
    margin: 313px 0 0 120px;
}
.labels .instance3 .inst_rightBox .openModal_btn{
    width: 104px;
    height: 95px;
}



/*instance4*/
.labels .instance4 .inst_leftBox{
    /*border:1px solid green;*/
    width:415px;
    margin: 315px 0 0 84px;
    display: flex;
    justify-content: space-between;
}

.labels .instance4 .inst_leftBox .openModal_btn:first-child{
    width: 104px;
    height: 95px;
}
.labels .instance4 .inst_leftBox .openModal_btn:last-child{
    width: 102px;
    height: 95px;
}

/*instance5*/
.labels .instance5 .inst_leftBox{
    /*border:1px solid green;*/
    width:295px;
    margin: 84px 0 0 9px;
    box-sizing: border-box;
}
.labels .inst5_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
}
.labels .inst5_product{
    padding: 10px;
}
.labels .inst5_product .inst5_box{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}
.labels .inst_leftBox .inst5_product p{
    font-size: 1.3rem;
    margin: 0 0 5px 0;
}
.labels .instance5 .inst_rightBox{
    width:107px;
    margin: 289px 0 0 303px;
}
.labels .instance5 .inst_rightBox .openModal_btn{
    width: 102px;
    height: 95px;
}


/*instance6*/
.labels .inst6_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
    line-height: 1;
}
.labels .inst6_header span {
    font-size:1.2rem;
}
.labels .instance6 .inst_leftBox{
    /*border:1px solid green;*/
    width:295px;
    margin: 126px 0 0 0;
    box-sizing: border-box;
}
.labels .instance6 .inst_rightBox{
    width:100px;
    margin: 309px 0 0 245px;
}
.labels .instance6 .inst_rightBox .openModal_btn{
    width: 100px;
    height: 90px;
}

/*instance7*/

.labels .instance7 .inst_leftBox{
    /*border:1px solid green;*/
    width:296px;
    margin: 84px 0 0 0;
    box-sizing: border-box;
}
.labels .inst7_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
}
.labels .inst7_product{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
.labels .inst7_sousaLT{position: absolute;top:10px;left:10px;}
.labels .inst7_sousaRT{position: absolute;top:10px;left:155px}
.labels .inst7_sousaLB{position: absolute;top:125px;left:10px;}
.labels .inst7_sousaRB{position: absolute;top:125px;left:155px;}

.labels .inst7_product2{
    display: flex;
    justify-content: space-between;
    padding: 0 10px
}
.labels .inst7_product2 img{
     width: 86px;
 }
.labels .instance7 .inst_rightBox{
    width:100px;
    margin: 290px 0 0 262px;
}
.labels .instance7 .inst_rightBox .openModal_btn{
    width: 103px;
    height: 94px;
}

/*instance8*/
.labels .instance8 .inst_leftBox{
    /*border:1px solid green;*/
    width:296px;
    margin: 125px 0 0 0;
    box-sizing: border-box;
}
.labels .inst8_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
}
.labels .inst8_product{
    padding: 10px
}
.labels .inst8_product > div{
    margin-bottom: 7px;
}
.labels .inst8_product .inst8_subtitle{
    color: white;
    background-color: #D98310;
    width:100%;
    height: 14px;
    text-indent: 0.5rem;
    padding: 0 0 1px 0;
    font-weight: 400;
    font-size: 1.2rem;
}
.labels .inst8_box{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding:5px 0 0;
}
.labels .inst8_circre{
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    width: 56px;
    margin-top: 5px;
}
.labels .inst8_img{
    margin-left: 30px;
    width: 128px;
}

/*instance10*/
.labels .inst10_header {
    display: flex;
    margin:7px 0;
    font-size:1.6rem;
    align-items: center;
    line-height: 1;
}
.labels .inst10_header span {
    font-size:1.2rem;
}
.labels .instance10 .inst_leftBox{
    /*border:1px solid green;*/
    width:295px;
    margin: 84px 0 0 0;
    box-sizing: border-box;
}
.labels .inst10_product{
    padding: 5px 10px;
}
.labels .inst10_box{
    display: flex;
    justify-content: space-around;
}
.labels .inst10_box > div{
    flex:0 1 48%;
    width: 140px;
}
.labels .inst10_subtitle{
    text-indent: -1rem;
    padding-left: 1rem;
    line-height: 1.1;
}
.labels .inst10_circle{
    color: #B8347A;
}
.labels .inst10_code{
    margin-top: 5px;
    font-size:1.3rem;
    display: flex;
    align-items: center;
}
.labels .inst10_code img{
    width: 24px;
    margin-left: 5px;
    margin-bottom: 2px;
}

.labels .inst10_product ul{
    display: flex;
    flex-flow: row wrap;
}
.labels .inst10_product ul li{
    margin-bottom: 3px;
    margin-right: 3px;
}
.labels .inst10_product ul li img{
    width: 56px;
}
.labels .inst10_box2{
    display: flex;
    justify-content: space-around;
}
.labels .inst10_box2 > div{
    display: flex;
    justify-content: space-between;
    flex-flow: column;
    font-size: 1.2rem;
    margin-left: 5px;
}
.labels .inst10_product .letter{
    margin-top: 10px;
    letter-spacing: -0.1rem;
    margin-bottom: 5px;
}
.labels .inst10_product .btn_outlink_ppl{
    margin:0 0 0 auto;
}
.labels .instance10 .inst_rightBox{
    width:100px;
    margin: 290px 0 0 262px;
}
.labels .instance10 .inst_rightBox .openModal_btn{
    width: 103px;
    height: 94px;
}


/*instance18*/
.labels .instance18 .inst_rightBox{
    width:99px;
    margin: 290px 0 0 262px;
}
.labels .instance18 .inst_rightBox .openModal_btn{
    width: 100px;
    height: 94px;
}

.labels .instance18 .inst_leftBox{
    /*border:1px solid green;*/
    width:295px;
    margin: 82px 0 0 182px;
}
.labels .instance18 .inst_rightBox{
    width:426px;
    margin: 355px 0 0 -382px;
    display: flex;
    justify-content: space-between;
}

















.labels img.ya{
    width:6px;
}


.labels .instance9 .inst9_info{
    width: 300px;
    padding-top: 100px;
    margin-right: 116px;
    display: flex;
    align-items: center;
    flex-flow: column;
}

.labels .instance9 .inst9_info div{
    margin-bottom: 70px;
    font-size: 1.4rem;
    
    line-height: 2;
}
.labels .instance9 .inst9_info img{
    width: 200px;
}
.labels .instance9 .inst9_kanban{
    font-weight: initial;
    width:490px;
    margin-right: 95px;
}
.labels .instance9 .inst9_kanban_header img,
.labels .instance9 .inst9_kanban_header2 img{
    width: 88px;
}
.labels .instance9 .inst9_kanban2{
    /*border:1px solid green;*/
    font-weight: initial;
    width:358px;
    margin-right: 86px;
}
.labels .instance9 .inst9_kanban .inst9_kanban_header{
    margin-top: 20px;
    width: 300px;
    position: relative;
}
.labels .instance9 .inst9_kanban .inst9_kanban_header2{
    margin-top: 20px;
    width: 361px;
    position: relative;
}
.labels .instance9 .inst9_kanban .inst9_kanban_header div,
.labels .instance9 .inst9_kanban .inst9_kanban_header2 div{
    position: absolute;
    font-size: 1.6rem;
}
.labels .instance9 .inst9_kanban .inst9_kanban_header div.kanban_header_title{
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 2rem;
    height: 40px;
    top:3px;
    left:120px;
}
.labels .instance9 .inst9_kanban .inst9_kanban_header2 div.kanban_header_title{
    font-weight: bold;
    display: flex;
    align-items: center;
    line-height: 2rem;
    height: 40px;
    top:3px;
    left:120px;
}
.inst9_kanban .kanban_midasi{
    font-size: 1.5rem;
    border-left: 7px solid #969696;
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    
}
.inst9_kanban .kanban_midasi2{
    font-size: 1.5rem;
    border-left: 7px solid #969696;
    padding-left: 5px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    
}
.inst9_kanban .kanban_samplecatalog {
    padding: 3px;
}
.inst9_kanban .kanban_samplecatalog a{
    display: block;
    margin-top: 3px;
}
.inst9_kanban .kanban_samplecatalog img{
    width: 146px !important;
}
.inst9_kanban .kanban11_banner{
    height: 24px !important;
}
.inst9_kanban .kanban_midasi2 a:after,
.inst9_kanban .kanban_box2 > div  > a:after{
    content: '';
    display: inline-block;
    background-image: url('../image/02/modal_gray.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    padding-top: -3px;
    margin-left: 5px;
}
.inst9_kanban .kanban_midasi2 + .kanban_box div{
    margin-right: 10px;

    width: 100%;
}
.inst9_kanban .kanban_body_first{
    padding: 55px 10px 10px;
}
.inst9_kanban .kanban_body{
    padding: 0 10px 8px;
}
.inst9_kanban .kanban_mb50{
    margin-bottom: 50px;
}
.inst9_kanban .kanban_mb20{
    margin-bottom: 20px;
}
.inst9_kanban .kanban_box{
    font-size: 1.3rem;
    display: flex;
    padding-top: 5px;
}
.inst9_kanban .kanban_box5{
    font-size: 1.3rem;

    letter-spacing: -0.05em;
    padding-top: 5px;
}
.inst9_kanban .kanban_box5 img{
    width: 154px;
}
.inst9_kanban .kanban_box5 div:first-child{
    margin-right: 10px;
}
.inst9_kanban .kanban_box img{
    width: 296px;
    margin-right: 12px;
}
.inst9_kanban .kanban_box2{
    display: flex;
    font-size: 1.3rem;
    padding: 5px 0;
    justify-content: space-between;
}
.inst9_kanban .kanban_box2 div{
    font-size: 1.3rem;
    margin-bottom: 5px;
    line-height: 1;
}
.inst9_kanban .kanban_box2 div  img{
    width: 140px;
}

.inst9_kanban .kanban_box3,
.inst9_kanban .kanban_box6{
    display: flex;
    padding:5px 0;
    align-items: flex-end;
    font-size: 1.3rem;
}
.inst9_kanban .kanban_box3 img{
    width: 240px;
    margin-right: 12px;
}
.inst9_kanban .kanban_box3 a img{
    width: 148px;
}
.inst9_kanban .kanban_box6 > div:first-child{
    margin:0 10px;
}
.inst9_kanban .kanban_box6 > div:first-child a{
    width: 94px;
    display: block;
}

.inst9_kanban .kanban_box6 .kanban11_banner {

    width: 148px;
}

.inst9_kanban .kanban_box4{
    display: flex;
    justify-content: space-around;
    font-size: 1.3rem;
    padding:15px 0 0;
}

.inst9_kanban .kanban_box4 div img{
    width: 133px;
}
.inst9_kanban .kanban_box3 div:first-child{
    margin-right: 20px;
    width: 150px;
}

.inst9_kanban .kanban_box4 div:last-child{
    margin-left: 20px;
    width: 300px;
}



.inst9_kanban .kanban_ball{
    font-size: 1.1rem;
    font-weight: bold;
    background-color: #f0f0f0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin-right: 10px;
    text-align: center;
    line-height: 1.2;
}
.inst9_kanban .kanban_noball{
    width: 64px;
}
.inst9_kanban .kanban_ball span{
    color:#009a9d;
    display: inline !important;
}

.inst9_kanban .kanban_items{
    width: 180px;
}
.inst9_kanban .kanban_item2{
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}
.inst9_kanban .kanban_item2 div:first-child{
    flex:0 1 60%
}
.inst9_kanban .kanban_item2 img{
    width: 100px;
}
.inst9_kanban .item_info_btn a{
    font-size: 1.2rem;
    display: flex;
    width: 80px;
    height: 26px;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #009a9d;
    color: white;
    border-radius: 13px 13px 13px 13px;
    margin: 0 auto;
}
.inst9_kanban .item_info_btn a:after{
    content: '';
    display: inline-block;
    background-image: url('../img/02/modal_white.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 7px;
    height: 8px;
    margin-left: 10px;
}

.labels .instance9 .inst9_kanban img{
    /*width: 100%;*/
}
.labels .instance9 .inst9_kanban3{
    /*width: 1000px;*/
}

.labels .instance9 .inst9_kanban3 .wrapper{
    margin-left: 290px;
    display: flex;
}

.labels .instance9 .inst9_kanban3 .inst9_kanban3_left{
    margin-right: 100px;
}
.labels .instance9 .inst9_kanban3 .kanban3_thx{
    /*width:195px;*/
    /*height: 320px;*/
}
.labels .instance9 .inst9_kanban3 .kanban_header_title{
    font-size: 1.5rem;
    
    display: flex;
    align-items: center;
    height: 43px;
    margin:10px 0 0 120px;
}
.labels .instance9 .inst9_kanban3 .kanban_header_title + div{
    font-size: 1.4rem;
    padding:20px 22px;
    line-height: 2.5rem;
    width: 212px;
}

.labels .instance9 .inst9_kanban3 .kanban_header_click a{
    width: 73px;
    height: 140px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}
.labels .instance9 .inst9_kanban3 .kanban_header_anket{
    width: 249px;
    margin: 68px 0 0;
    padding: 15px 20px;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.labels .instance9 .inst9_kanban3 .inst9_kanban3_right{
    width: 480px;
    display: flex;
    flex-flow: column;
    font-size: 1.4rem;
    margin-right: 50px;
    margin-top: 10px;
    letter-spacing: 0.3rem;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_head{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    justify-content: flex-start;
    width: 100%;
    font-size: 1.4rem;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_head div{
    margin-right: 10px;
}

.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_title{
    font-size: 2.6rem;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_title span{
    font-size: 1.4rem;
    margin-bottom: 20px;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_subtitle{
    font-size: 1.3rem;
    text-align: center;
    display: flex;
    align-items: center;
    flex: 0 1 30%;
    margin-bottom: 20px;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .subtitle_body{
    margin: 0 20px;
}

.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .subtitle_line{
    border-top: 1px solid black;
    width: 90px;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #c8c8c8;
    width: 100%;
    height: 110px;
    line-height: 2rem;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_txt {
    line-height: 2.5rem;
    font-size: 1.4rem;
    margin:30px 0 20px;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_info {
    display: flex;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_img {
    margin-right: 5px;
}
.labels .instance9 .inst9_kanban3 .inst9_kanban3_right .banner_img img{
    width:90px;
}


.labels .inst_b a {
    display: block;
    opacity: .7;
    transition: opacity .5s;
    width: 111px;
    height: 101px;
}

.labels .inst_b a:hover {
    opacity: 1;
}

/*.anket{*/
/*    display: block;*/
/*    position: absolute;*/
/*    top:320px;*/
/*    left:570px;*/
/*    cursor:pointer;*/
/*    width:100px;*/
/*    height: 100px;*/
/*}*/
.mod8{display: block;
    position: absolute;
    top:460px;
    left:810px;
    cursor:pointer;width:330px;height: 110px;
}
.backBtn{
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background-color: #969696;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:1.6rem;
    line-height: 1.4;
    cursor: pointer;
    position: absolute;
    top:50%;
    right: -120px;
}
.backBtn .backBtnArrow{

    border-bottom: solid 2px white;
    border-left: solid 2px white;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    cursor: pointer;

}

.harinezumikun{
    position: absolute;
    left: 35%;
    bottom: 30px;
    z-index: 9000;
}

.hukidashikun_l{
    display: none;
    position: absolute;
    left: 35%;
    bottom: 120px;
    margin-left:-80px;
    transform-origin: right bottom;
    z-index: 9100;
}
.hukidashikun_r{
    display: none;
    position: absolute;
    left: 35%;
    bottom: 120px;
    margin-left:40px;
    transform-origin: left bottom;
    z-index: 9200;
}

.hukidashikun{
    display: none;
}
.hukidashikun_r.hukidashikun_open,
.hukidashikun_l.hukidashikun_open{
    display: block;
    animation: ani_hukidashikun .5s cubic-bezier(.76, 0, .24, 1) alternate;
}

.asiatokun_l{
    position: absolute;
    left: 35%;
    bottom: 30px;
    width:35px;
    height:8px;
    margin-left:-40px;
    background:url(../image/02/step.png) no-repeat;
    z-index: 9300;
}
.asiatokun_r{
    position: absolute;
    left: 35%;
    bottom: 30px;
    width:35px;
    height:8px;
    margin-left:70px;
    background:url(../image/02/step.png) no-repeat;
    transform: rotateY(180deg);
    z-index: 9400;
}
.asiatokun_asianime{
    animation: step 2.9s steps(5) infinite;
}

@keyframes step {
    to{
        background-position: -175px 0;
    }
}


@keyframes ani_hukidashikun {
    0%   { transform: scale(0); }
    100% { transform: scale(1); }
}

.harinezumikun .walk {
    animation: ani_walk .5s cubic-bezier(.76, 0, .24, 1) infinite alternate;
}
.harinezumikun .walk_and_stop {
    animation: ani_walk_stop .5s cubic-bezier(.76, 0, .24, 1) alternate;
}

.harinezumikun .harinezumikun_rotate.rotate_l {
    transform: rotateY(0deg);
}

.harinezumikun .harinezumikun_rotate.rotate_r {
    transform: rotateY(180deg);
}
@keyframes ani_walk {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(20deg); }
}


/*サイドナビ　hanbg
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

#hanbg {
    position: fixed;
    display: inline-block;
    vertical-align: middle;
    top:20px;
    right: 20px;
    z-index: 10050;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
    /*display:none;*/
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 41px;
    height: 37px;
    vertical-align: middle;
    cursor: pointer;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span,
#nav-open span:before,
#nav-open span:after{
    position: absolute;
    height: 2px;/*線の太さ*/
    width: 24px;/*長さ*/
    border-radius: 1px;
    display: block;
    content: '';
    cursor: pointer;
}
/*色違い*/
#nav-open span.hanbg_w,
#nav-open span.hanbg_w:before,
#nav-open span.hanbg_w:after{background: #FFF;}
#nav-open span.hanbg_b,
#nav-open span.hanbg_b:before,
#nav-open span.hanbg_b:after{background: #000;}
#nav-open span:before {bottom: -8px;}/*2本目の線*/
#nav-open span:after {bottom: -16px;}/*3本目の線*/

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;/*はじめは隠しておく*/
    position: fixed;
    z-index: 10099;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 19999;/*最前面に*/
    width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 400px;/*最大幅*/
    height: 100%;
    background: white;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);/*左に隠しておく*/
    padding:0 0 10px 10px;
}

#nav-content .hanbgclose{
    margin:20px 40px 20px auto;
    width:20px;
    height:20px;
    cursor: pointer;

}
#nav-content .hanbgclose img{
    width:20px;
    height:20px;
}

#nav-content a:link { text-decoration: none; }
#nav-content a:visited { text-decoration: none; }
#nav-content a:hover {  text-decoration:none;}
#nav-content a:active { text-decoration: none;}

#nav-content p{margin:0 0 10px;font-size:1.5em;}
#nav-content ul{
    margin:0 0 40px 110px;
    padding-right: 40px;
}

#nav-content li{
    font-size:1.6rem;
    cursor: pointer;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding:4px 0 15px;
}

#nav-content li.hb_grn{
    border-bottom: 2px solid var(--toso_product_color_grn);
}
#nav-content li.hb_org{
    border-bottom: 2px solid var(--toso_product_color_org);
}
#nav-content li.hb_blu{
    border-bottom: 2px solid var(--toso_product_color_blu);
}
#nav-content li.hb_ppl{
    border-bottom: 2px solid var(--toso_product_color_ppl);
}
#nav-content li.hb_gry{
    border-bottom: 2px solid var(--toso_product_color_gry);
}
#nav-content li.hb_mv a,
#nav-content li.hb_info{
   display: flex;
}
#nav-content li.hb_mv img{
    width:26px;
    margin-right: 5px;
    margin-bottom: 3px;
}
#nav-content li.hb_info img{
    width:16px;
    margin-right: 5px;
    margin-bottom: 3px;
}

#nav-content a.wrap{
    display: block;

}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示（スライド）*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

#nav-content .panel_duole{
    margin-top:30px;
    font-size:2rem;
}






















































.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.iframe-wrapper iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

/*
popup
----------------------------------------*/
.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.8s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block{
    display: block !important;
}
.popup.is-show {
    opacity: 1;
    visibility: visible;
}
.popup-inner {
    position: absolute;
    width: calc(90% - 2rem);
    max-height: 80%;
    max-width: 1000px;
    overflow: auto;
    z-index: 9999;
    background-color: #fff;
    font-size: 1.4rem;
}
.popup-inner .type_movie .movie-wrap{
    min-height: 60vh;
    max-height: 90vh;
    width: 90%;
    margin: 0 auto 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.borders{
    border: 1px solid #000;
}
.close-btn {
    margin: 15px 15px 15px auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    background: var(--toso_base_gray);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: var(--toso_base_green);
    border-radius: 10px;
}

.openModal_btn{
    cursor: pointer;
    background-color: white;
    opacity: 0;
    transition: .5s;
}
.openModal_btn:hover{
    opacity: .5;
    transition: .5s;
}
.popup .modal_title{
    font-size: 2.2rem;
    margin-bottom: 20px;
}

.popup-inner .wrap{
    padding:0 50px 50px;
    overflow-y: auto;
    width: calc(100% - 15px);
    /*height: calc(100% - 100px);*/
    box-sizing: border-box;
}
#modal2 .wrap ul,
#modal1 .wrap ul{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

#modal1 .wrap li{
    width: 194px;
    flex:0 1 24%;
    margin-bottom: 24px;
}
#modal2 .wrap li{
    width: 194px;
    flex:0 1 24%;
    margin-bottom: 24px;
}

#modal2 .mdl2_box{
    display: flex;
    justify-content: center;
}
#modal1 .wrap li span{
    font-size: 1.4rem;
    margin-bottom: 5px;
    display: block;
}


#modal4 .wrap .mdl4_box{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    overflow-y: auto;
    margin-bottom: 30px;
}
@media only screen and (max-width: 1140px) {
    #modal4 .wrap .mdl4_box{
        justify-content: center;

    }
}

#modal4 .wrap .modal_subtitle{
    border-bottom: 1px solid var(--toso_base_black);
    margin-bottom: 10px;
}
#modal4 .wrap .mdl4_sub{
    margin-bottom: 20px;
}
#modal4 .wrap .mdl4_sub1box,
#modal4 .wrap .mdl4_sub2box,
#modal4 .wrap .mdl4_sub3box,
#modal4 .wrap .mdl4_sub4box{
    width: 428px;
    margin:10px 0;
    display: flex;
    font-size: 1.2rem;
    justify-content: space-between;
}
#modal4 .wrap .mdl4_sub1box > div{
    width: 200px;
}
#modal4 .wrap .mdl4_sub1box .mdl4_txtright{
    text-align: right;
    margin-bottom: 10px;
}
#modal4 .wrap .mdl4_sub1box .mdl4_sankaku{
    width: 25px;
}
#modal4 .wrap .mdl4_sub1box .mdl4_sankaku div{
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 8px solid #333333;
    width: 8px;
    margin: 45px auto 0 10px;
}
#modal4 .wrap .mdl4_sub1box > div:last-child p,
#modal4 .wrap .mdl4_sub3box + p,
#modal4 .wrap .mdl4_sub > p{
    background-color: #B2E1E1;
    text-indent: -1rem;
    padding: 5px 5px 5px calc(1rem + 5px);
}
#modal4 .wrap .mdl4_color{
    font-size: 1.2rem;
    display: flex;
 }
#modal4 .wrap .mdl4_color div{
    margin-right: 20px;
    display: flex;
    align-items: center;
    flex-flow: column;
}
#modal4 .wrap .mdl4_color div img{
    margin-bottom: 5px;
    width: 40px;
}

#modal4 .wrap .mdl4_sub2box > div:first-child{
    width: 190px;
}
#modal4 .wrap .mdl4_sub2box > div:last-child{
    width: 228px;
}
#modal4 .wrap .mdl4_sub2box > div:last-child p{
   margin-top: 5px;
}

#modal4 .wrap .mdl4_sub3box > div:first-child,
#modal4 .wrap .mdl4_sub4box > div:first-child{
    flex:1 0  272px;
    margin-right: 10px;
}
#modal4 .wrap .mdl4_sub3box > div:last-child,
#modal4 .wrap .mdl4_sub4box > div:last-child{
    display: flex;
    flex-flow: column;
    align-items: center;
    width: auto;
}
#modal4 .wrap .mdl4_sub3box > div:last-child img{
    width: 80px;
    height: 80px;
}
#modal4 .wrap .mdl4_subbox > div:last-child img{
    width: 78px;
}
#modal4 .wrap .mdl4_sub3box > div:last-child p,
#modal4 .wrap .mdl4_sub4box > div:last-child p{
    margin-bottom: 7px;
}

#modal5 .wrap .mdl5_box{
    margin-bottom: 50px;
}
#modal5 .wrap .mdl5_sub1box{
    display: flex;
    margin: 5px 0;
}
#modal5 .wrap .mdl5_wood,
#modal5 .wrap .mdl5_info{
    margin: 0 50px;
}

#modal5 .wrap .mdl5_wood div{
    margin-bottom: 10px;
    line-height: 1.5;
}
#modal5 .wrap .mdl5_info p{

    background-color: #B2E1E1;
    text-indent: -1rem;
    padding: 5px 5px 5px calc(1rem + 5px);
}
#modal5 .wrap .mdl5_modal_title{
    display: flex;
    align-items: flex-end;
    line-height: 1.2;
}
#modal5 .wrap .mdl5_modal_title span{
    font-size: 1.2rem;
    margin: 0 5px;
}
#modal6 .wrap .modal_title,
#modal7 .wrap .modal_title,
#modal8 .wrap .modal_title{
    background-color: var(--toso_product_color_org);
    color: white;
    font-size: 2rem;
    margin:0 auto 5px;
    padding-left: 5px;
    height: 32px;
    line-height: 1.6;
    width: 739px;
    box-sizing: border-box;
}
#modal6 .wrap .mdl6_box,
#modal7 .wrap .mdl6_box,
#modal8 .wrap .mdl6_box{
    width: 739px;
    margin:0 auto;
}

#modal9 .wrap .mdl9_box{
    display: flex;
}

#modal9 .wrap .mdl9_box > div:first-child{
    width: 272px;
    margin-right: 50px;
}

#modal9 .wrap .mdl9_box > div:first-child > div{
    margin-bottom: 20px;
}
#modal9 .wrap .mdl9_box .mdl9_line{
   border-bottom: 1px solid var(--toso_base_text_color);
    margin-bottom: 10px;
}
#modal9 .wrap .mdl9_box > div:last-child{
    width: 584px;
    border: 1px solid var(--toso_base_text_color);
    padding:30px;
}
#modal9 .wrap .mdl9_box > div:last-child img{
    width: 348px;
    margin: 20px auto;
}


#modal10 .wrap .mdl10_box{
    display: flex;
    font-size: 2.2rem;
}


#modal10 .wrap .mdl10_box .mdl10_left span{
    display: inline-block;
    margin-bottom: 10px;
}
#modal10 .wrap .mdl10_box .mdl10_left div:first-child{
    margin-bottom: 20px;
    border-bottom: 1px solid var(--toso_base_text_color);
    padding-bottom: 20px;
}
#modal10 .wrap .mdl10_box .mdl10_center {
    width: 272px;
    height: 238px;
    border: 1px solid var(--toso_base_text_color);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
}


#modal10 .wrap .mdl10_box .mdl10_right .grid_container{
    margin-top: 10px;
    display: grid;
    grid-template-columns:86px 86px 86px;
    grid-template-rows:96px 96px;
    gap: 5px;
}
#modal10 .wrap .mdl10_box .mdl10_right .grid_container > div{

    border-radius: 10px;
    background-color: #D9E3EF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    font-size: 1.6rem;
}
#modal10 .wrap .mdl10_box .mdl10_right .grid_container > div.e6e6e6{
    background-color: #e6e6e6;
}
#modal10 .wrap .mdl10_box .mdl10_right .grid_container div span{
    font-size: 1.2rem;
}


/*.popup-inner .type_movie{*/
/*    min-height: 60vh;*/
/*    max-height: 90vh;*/
/*    overflow-y: auto;*/
/*}*/
/*.popup-inner .type_movie .movie-wrap{*/
/*     min-height: 60vh;*/
/*     max-height: 90vh;*/
/*     width: 90%;*/
/*     margin: 0 auto;*/
/*     display:-webkit-box;*/
/*     display:-ms-flexbox;*/
/*     display:flex;*/
/*     -webkit-box-align: center;*/
/*     -ms-flex-align: center;*/
/*     align-items: center;*/
/*     -webkit-box-pack: center;*/
/*     -ms-flex-pack: center;*/
/*     justify-content: center;*/
/* }*/
/*.sound_select{*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%,-50%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    max-width: 1062px;*/
/*    z-index: 5;*/
/*    background-color: #fff;*/
/*}*/
.modal11{
    position: relative;
}
.sound_select{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    min-width: 100%;
    min-height: 100%;
    max-height: 80%;
    background-color: white;
}
.sound_select div.wrap{
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top:45%;
}
.sound_select div.wrap div{
    margin: 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sound_select div a{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    border-radius: 0.5rem;
    padding: calc(1.5rem - 12px) 3rem 1.5rem;
    background: #009a9d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sound_select div a:before {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 3px solid #000;
    border-radius: 0.5rem;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.sound_select div a:hover {
    padding: calc(1.5rem - 6px) 3rem;
}
.sound_select div a:hover:before {
    top: 0;
    left: 0;
}







.black-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(200,200,200,0.8);
    z-index: 1;
}