@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
    font-style: normal;
    counter-reset: num;
    color: #231815;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/*\*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

#noScreen2 {
    display: none !important;
}

#noScreen {
    display: none;
}

ul,
ol {
    list-style-type: none;
}

@media (orientation: landscape) {
    body {
        height: 100vh;
    }

    #appScreen {
        background-color: #E4F2F2;
        height: 100vh;
        /* height: calc(var(--vh, 1vh) * 100); */
    }

    #appScreen2 {
        display: none !important;
    }

    #content {
        width: 100%;
        max-width: 1280px;
        /* max-width: 1480px; */
        margin-left: auto;
        margin-right: auto;
        height: calc(100vh - 20px);
    }

    #main {
        width: 88%;
        float: left;
        /* height: 100%; */
        /* height: calc(100% - 10px); */
        background: linear-gradient(#DAEAEA, #5FB5AC);
        box-shadow: 0 5px 5px 0 rgba(172, 182, 181);
        padding-bottom: 10px;
    }

    #outBox {
        width: 95%;
        margin-top: 6%;
        margin-left: auto;
        margin-right: auto;
        /* background-color: #EEF6F9; */
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        height: calc(calc(93% - 20px) - 100px);
        box-sizing: border-box;
        position: relative;
    }

    #inBox {
        /* width: calc(100% - 10px); */
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        border: solid 1px #64BDBB;
        /* height: calc(calc(100% - 5px) - 5px); */
        box-sizing: border-box;
        /* display: flex; */
        margin-bottom: 5px;
        /*新たに追加20230711*/
        /* min-height: 70vh; */
        /*新たに追加20230730*/
        min-height: 75vh;
    }

    #outBoxHeadMenu {
        width: 95%;
        /* margin-top: 7%; */
        margin-left: auto;
        margin-right: auto;
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
    }

    #menu {
        width: 12%;
        float: right;
        height: 100%;
        position: relative;
    }

    #menu ul {
        width: 100%;
        list-style: none;
        font-size: 0px;
        margin-top: 20px;
    }

    #menu ul li {
        width: 100%;
        text-align: center;
    }

    #menu ul li img {
        width: 100%;
        max-width: 110px;
        height: auto;
    }

    #menu ul li:hover {
        opacity: 0.7;
    }

    /*20230825戻るボタン追加*/
    #returnBtn {
        position: absolute;
        bottom: 20px;
        right: 30px;
    }

    #detailMove {
        width: 72% !important;
        margin-top: 15px;
        height: 70%;
        float: left;
    }

    #detailMove video {
        /* width: 100%; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        /* height: 100%;
        max-height: 450px;
        margin-top: 3vh; */
    }

    #detailMove>h1#midashi1 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
    }

    #movieText {
        width: 26%;
        float: right;
        margin-top: 15px;
        padding-right: 0.5%;
        margin-left: 1%;
    }

    #movieText p {
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
    }

    #underMenu1 {
        width: 100%;
        height: 100px;
    }

    #headSubMenu {
        display: flex;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4.5vh;
    }

    #headSubMenu li {
        display: flex;
        position: relative;
    }

    #yoboMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        margin-left: 2.5%;
        height: 100%;
        display: block;
        width: 50%;
        float: left;
    }

    #yoboMenu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #yoboMenu ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    #yoboMenu ul.up {
        height: 68%;
    }

    #yoboMenu ul.down {
        height: 30%;
    }

    #yoboMenu ul li {
        box-sizing: border-box;
    }

    li.fiveBtn {
        width: 17.4%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.oneBtn {
        width: 99%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
    }

    li.oneBtn p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtn {
        width: 3%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }

    .vaioBtn_1_2 {
        text-align: center;
        display: inline-block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#E2E2E4, #BEBEC0);
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        border: solid 1px #929493;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        margin-right: 1.5%;
    }


    #yoboMenu ul li.subBtn2 {
        /* margin-right: 3%; */
        width: 98.2% !important;
    }

    /*下部メニュー枠*/
    .underMenuWaku {
        display: block;
        margin-left: 2.5%;
        width: 95%;
        height: 85px;
        margin-top: 5px;
    }

    /*大きいボタン1つ*/
    .oneBigBtnBack {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        display: block;
        width: 15%;
        float: left;
        height: 100%;
    }

    .oneBigBtnBack::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    .oneBigBtnBack2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        display: block;
        width: 8%;
        float: left;
        height: 100%;
    }

    .oneBigBtnBack2::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }


    .oneBigBtn {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #929493;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 79px;
        margin-top: 3px;
        margin-bottom: 3px;
        position: relative;
    }

    .oneBigBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #underMenuBtn {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 62.5%;
        float: left;
    }

    #underMenuBtn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #underMenuBtn ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
    }

    #underMenuBtn ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
    }

    li.fiveBtn2 {
        width: 17%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn2_1 {
        width: 17%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 85%;
        position: relative;
        margin-top: 1.6%;
    }

    li.fiveBtn2 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.fiveBtn2_1 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #panel1 {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
        padding-bottom: 1%;
    }

    #panel1 h1#midashi1 {
        width: 98%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #CCCCCC;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    #panel1 ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel1 ul li {
        width: 31.3%;
        margin-bottom: 1%;
        margin-top: 1%;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px -1px #929292 inset;
        position: relative;
        float: left;
        background-color: #fff;
    }

    #panel1 ul li img {
        width: 80%;
        text-align: center;
    }

    a.linkArea {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 99;
    }

    /*PMTC*/
    #pmtcMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 36%;
        /* margin-top: 1%; */
        float: left;
    }

    #pmtcMenu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #pmtcMenu ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    #pmtcMenu ul.up {
        height: 68%;
    }

    #pmtcMenu ul.down {
        height: 30%;
    }

    #pmtcMenu ul li {
        box-sizing: border-box;
    }

    li.thirdBtn {
        width: 29%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    .selectBtn {
        background: linear-gradient(#CDE0D5, #8DA095) !important;
        border: solid 2px #809388 !important;
    }

    li.thirdBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtnThird {
        width: 6%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }

    #fullContent {
        width: 100%;
    }

    .panelContent {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .panelContent>h1#midashi1 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #CCCCCC;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        margin-top: 5px;
        box-sizing: border-box;
    }

    .smallText {
        font-size: clamp(14px, 2vw, 18px) !important;
    }

    #panel2 {
        width: 67%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel2 ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel2 ul li {
        width: 47%;
        margin-bottom: 6%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
    }

    #panel2 ul li img {
        width: 85%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    #panel2 h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }

    #panel3 {
        width: 31%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        border: solid 1px #CCCCCC;
        background-color: #fff;
        text-align: center;
        /* height: 100%; */
        padding-bottom: 11.5%;
    }

    #panel3 img {
        width: 86%;
        /* max-width: 250px; */
    }

    #panel4 {
        width: 31%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panel4 ul {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        list-style: none;
    }

    #panel4 ul li {
        width: 100%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 6%;
        padding-bottom: 6%;
        box-sizing: border-box;
        /* box-shadow: -2px -2px -10px #929292 inset; */
        box-shadow: -1px -1px 3px #929292 inset;
        position: relative;
        background-color: #fff;
    }

    #panel4 ul li:not(:last-child) {
        margin-bottom: 6%;
    }

    #panel4 ul li img {
        width: 90%;
    }


    .yobouText1 {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        margin-top: 1%;
        margin-bottom: 2%;
        font-weight: bold;
    }

    #detailMoveFull {
        width: 100% !important;
        /* height: 99%; */
        margin-bottom: 1%;
        margin-top: 1%;
        position: relative;
    }

    #detailMoveFull video {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 10px);
        display: block;
        height: 98%;
        max-height: 73vh;
    }

    #detailMoveFull img {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 10px);
        display: block;
        height: 98%;
        max-height: 73vh;
    }

    .movieText2 {
        position: absolute;
        top: 60%;
        right: 10px;
        width: 28.5%;
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
    }

    #panel2Full {
        width: 100%;
        padding-top: 1.5%;
        padding-left: 0px;
        padding-right: 0px;
        /* height: 90%; */
        border: solid 1px #CCCCCC;
        /* float: right; */
        background-color: #fff;
    }

    #panel2Full ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        /* height: 100%; */
        margin-top: 30px;
    }

    #panel2Full ul li {
        width: 48%;
        margin-bottom: 2%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
    }

    #panel2Full ul li img {
        width: 70%;
        /* max-width: 250px; */
        /* max-width: 180px; */
    }

    #panel2Full h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }

    /*見出し付き動画*/
    #detailMoveTitle {
        width: 72% !important;
        margin-top: 10px;
        /* height: 70%; */
        float: left;
        position: relative;
    }

    #detailMoveTitle video {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
    }

    #detailMoveTitle img {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
    }

    #detailMoveTitle h1#midashi1 {
        position: absolute;
        top: 0px;
        left: 10px;
        /* width: calc(100% - 4px); */
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box !important;
    }

    #pmctContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
        padding-bottom: 30px;
    }

    #pmctContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    #yoboImg {
        position: absolute;
        bottom: 16%;
        left: 40%
    }

    #leftAreaWaku {
        width: 49%;
        float: left;
        margin-top: 42px;
        position: relative;
    }

    #leftArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    #leftArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        max-width: 98%;
    }

    #leftArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #centerArea {
        width: 2%;
        float: left;
        margin-top: 20%;
        text-align: center;
    }

    #rightAreaWaku {
        width: 49%;
        float: right;
        margin-top: 42px;
        position: relative;
    }

    #rightArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    #rightArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        max-width: 98%;
    }

    #rightArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    .pcmtLeftText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
    }

    .pcmtRightText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 20%;
        width: 80%;
        font-weight: bold;
    }

    /*フッ化物*/
    #yobo010Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 13%;
        /* margin-top: 1%; */
        float: left;
        margin-right: 10px;
    }

    #yobo020Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 15%;
        /* margin-top: 1%; */
        float: left;
        margin-right: 20px;
    }

    .yobo020Menu2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 25%;
        /* margin-top: 1%; */
        float: left;
    }

    .btnImg {
        width: 5%;
        background-color: #C3E3E0;
        height: 35%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 1%;
        position: relative;
        padding-top: 10px;
    }

    .btnImg::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    .btnImg2 {
        background-color: #C3E3E0;
        height: 40%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 2%;
        position: relative;
        padding-top: 10px;
    }

    .btnImg2::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    .btnImg2 img {
        width: auto;
        height: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #yobo010Menu::after,
    #yobo020Menu::after,
    .yobo020Menu2::after,
    #brusing010Menu::after,
    #brusing003Menu::after,
    #p001Menu::after,
    #brusing003Menu2::after,
    #brusing012Menu::after,
    .brusing017Menu3::after,
    .brusing017Menu::after,
    .brusing017Menu2::after,
    .brusing030Menu3::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #yobo010Menu ul,
    #yobo020Menu ul,
    .yobo020Menu2 ul,
    .brusing017Menu ul,
    #brusing010Menu ul,
    #brusing003Menu ul,
    #p001Menu ul,
    #brusing003Menu2 ul,
    .brusing030Menu3 ul {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }

    #yobo010Menu ul.upMenu,
    #yobo020Menu ul.upMenu,
    .yobo020Menu2 ul.upMenu,
    #brusing010Menu ul.upMenu {
        height: 68%;
    }

    #yobo010Menu ul.downMenu,
    #yobo020Menu ul.downMenu,
    .yobo020Menu2 ul.downMenu,
    #brusing010Menu ul.downMenu {
        height: 30%;
    }

    #yobo010Menu ul li,
    #yobo020Menu ul li,
    .yobo020Menu2 ul li,
    #brusing010Menu ul li {
        box-sizing: border-box;
    }

    li.twoBtn {
        width: 46%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.twoBtn p {
        width: 100%;
        font-size: clamp(13px, 2vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtnTwo {
        width: 8%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 10%;
    }

    /*yobo_011.html*/
    ul.fussoTop {
        width: 100%;
        list-style: none;
    }

    ul.marginPlus {
        margin-bottom: 1%;
    }

    ul.fussoTop {
        width: 100%;
    }

    ul.fussoTop li {
        width: 32.5%;
        float: left;
        border: solid 1px #ACB1B4;
        background-color: #fff;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 3.5%;
        padding-top: 3%;
    }

    ul.fussoTop li:not(:last-child) {
        margin-right: 1.25%;
    }

    ul.fussoTop li img {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    ul.fussoTop li p {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        font-weight: bold;
    }

    /*フッ素ボトムメニュー*/
    #underMenuBtnFusso {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 52.5%;
        float: left;
    }

    #underMenuBtnFusso::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #underMenuBtnFusso ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
    }

    #underMenuBtnFusso ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
    }

    /*画像*/
    #underMenuBtnImg {
        margin-left: 1%;
        height: 85px;
        display: block;
        width: 12%;
        float: left;
    }

    #underMenuBtnImg ul {
        display: block;
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        height: 98%;
        list-style: none;
        text-align: center;
    }

    #underMenuBtnImg ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
        width: 48%;
        float: left;
        margin-top: 28%;
    }

    #underMenuBtnImg ul li img {
        box-sizing: border-box;
        border: solid 2px #8D9997;
        border-radius: 5px;
    }

    #underMenuBtnImg ul li img.selectImg {
        filter: opacity(0.3) drop-shadow(0 0 0 #8DA095);
    }

    li.fiveBtn3 {
        width: 19%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtn3_1 {
        width: 18.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 85%;
        position: relative;
        margin-top: 1.6%;
    }

    li.fiveBtn3 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.fiveBtn3_1 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    /*yobo_014.html*/
    #fussoContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo014_pic1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
        /* padding-bottom: 20px; */
    }

    #fussoContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    #fussoContent2 {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo014_pic1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
        padding-bottom: 30px;
    }

    #fussoContent2 h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .tab {
        position: absolute;
        top: -4px;
        left: 15%;
        width: 70%;
        font-size: clamp(14px, 2vw, 18px) !important;
        background: linear-gradient(#EAEAEA, #F6F6F6);
        background-color: #EAEAEA;
        border-top: solid 2px #E2E2E2;
        border-left: solid 2px #E2E2E2;
        border-right: solid 2px #E2E2E2;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }

    .megane {
        width: 50%;
        display: block;
        position: absolute;
        top: -10px;
        left: -5px;
        z-index: 99;
    }

    /*yobo_020.html*/
    li.twoBtn2 {
        width: 46%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.twoBtn2 p {
        width: 100%;
        font-size: clamp(12px, 1vw, 14px) !important;
        color: #333333;
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.threeBtn {
        width: 28%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.threeBtn p {
        width: 100%;
        font-size: clamp(12px, 1vw, 14px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #panel5 {
        width: 67%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel5 ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel5 ul li {
        width: 100%;
        margin-bottom: 3.5%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 15px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
        padding-bottom: 5px;
    }

    #panel5 ul li img {
        width: 65%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    #panel5 h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }

    #oneBack {
        width: 100%;
        background-image: url(/img/yobo/yobo021_pic1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
        padding-bottom: 75px;
    }

    #underLeftArea {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px 5px 0px 0px;
        height: 62%;
        display: block;
        width: 40%;
        /* margin-top: 1%; */
        float: left;
        margin-right: 20px;
    }

    #underRightArea {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px 5px 0px 0px;
        height: 62%;
        display: block;
        width: 30%;
        /* margin-top: 1%; */
        float: left;
    }

    #underAllArea {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 0px 0px 5px 5px;
        height: 38%;
        display: block;
        /* width: 70%; */
        width: calc(70% + 20px);
        /* margin-top: 1%; */
        float: left;
    }

    .areaTitle {
        width: 50px;
        float: left;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        text-align: center;
    }

    .leftAreaBtnArea {
        width: 85%;
        float: right;
        height: 100%;
    }

    .rightAreaBtnArea {
        width: 80%;
        float: right;
        height: 100%;
    }

    ul.upBtn {
        height: 40%;
    }

    ul.downBtn {
        height: 60%;
    }

    li.twoBtn3ds {
        width: 45%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.twoBtn3ds p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noBtnTwo3ds {
        width: 9%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }

    li.oneBtn3ds {
        width: calc(100% - calc(1.7% + 51px));
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
        margin-left: calc(1.7% + 50px);
        /* margin-left: 50px; */
    }

    li.oneBtn3ds p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.oneBtn3ds2 {
        width: 99%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
    }

    li.oneBtn3ds2 p {
        width: 100%;
        font-size: 13px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    /*基礎構造*/
    #outBoxLeft {
        width: 57.5%;
        margin-top: 6%;
        margin-left: 2%;
        background-color: #E8F3F9;
        border: solid 1px #fff;
        height: calc(calc(93% - 20px) - 100px);
        box-sizing: border-box;
        position: relative;
        float: left;
    }

    #outBoxRightWaku {
        width: 38%;
        margin-top: 6%;
        margin-right: 2%;
        height: calc(calc(93% - 20px) - 100px);
        box-sizing: border-box;
        float: right;
    }

    #outBoxRightTop {
        width: 100%;
        background-color: #E8F3F9;
        border: solid 1px #fff;
        /* height: calc(calc(48% - 20px) - 100px); */
        height: 52%;
        margin-bottom: 3%;
        box-sizing: border-box;
        position: relative;
    }

    #outBoxRightBottom {
        width: 52%;
        background-color: #E8F3F9;
        border: solid 1px #fff;
        /* height: calc(calc(48% - 20px) - 100px); */
        height: 44%;
        box-sizing: border-box;
        position: relative;
    }

    .inBoxKiso {
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        border: solid 1px #64BDBB;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    h1.kisoTop {
        color: #656600;
        font-size: clamp(20px, 2vw, 30px) !important;
        margin-left: 2%;
        margin-top: 10px;
    }

    ul.kisoImg {
        width: 98%;
        margin-left: 1.5%;
        list-style: none;
        margin-bottom: 5px;
        display: block;
    }

    ul.kisoImg li {
        width: 48%;
        border: solid 2px #DDE1E2;
        background-color: #fff;
        float: left;
        box-sizing: border-box;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 5px;
        position: relative;
    }

    ul.kisoImg li:nth-child(2) {
        margin-left: 2%;
    }

    ul.kisoImg li img {
        width: 87%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 15px;
    }

    ul.kisoImg2 {
        width: 98%;
        margin-left: 1%;
        list-style: none;
        margin-bottom: 5px;
        display: block;
    }

    ul.kisoImg2 li {
        width: 95%;
        border: solid 2px #DDE1E2;
        background-color: #fff;
        float: left;
        box-sizing: border-box;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-top: 10px;
        position: relative;
    }

    ul.kisoImg2 li img {
        width: 87%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 15px;
    }

    ul.kisoImg3 {
        width: 98%;
        margin-left: 1.5%;
        list-style: none;
        margin-bottom: 40px;
        display: block;
    }

    ul.kisoImg3 li {
        width: 32%;
        border: solid 2px #DDE1E2;
        background-color: #fff;
        float: left;
        box-sizing: border-box;
        margin-left: 0.3%;
        margin-right: 0.3%;
        position: relative;
    }

    ul.kisoImg3 li:nth-child(2),
    ul.kisoImg3 li:nth-child(3) {
        margin-left: 1%;
    }

    ul.kisoImg3 li img {
        width: 85%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }

    ul.kisoImg4 {
        width: 98%;
        margin-left: 1.5%;
        list-style: none;
        margin-bottom: 10px;
        display: block;
    }

    ul.kisoImg4 li {
        width: 32%;
        border: solid 2px #DDE1E2;
        background-color: #fff;
        float: left;
        box-sizing: border-box;
        margin-left: 0.3%;
        margin-right: 0.3%;
        position: relative;
    }

    ul.kisoImg4 li:nth-child(2),
    ul.kisoImg4 li:nth-child(3) {
        margin-left: 1%;
    }

    ul.kisoImg4 li img {
        width: 85%;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
    }

    /*100%の枠*/
    /*下部メニュー枠*/
    .underAllWaku {
        display: block;
        margin-left: 1%;
        width: 98%;
        height: 85px;
        margin-top: 5px;
    }

    #underAllMenuBtn {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 97%;
        float: left;
    }

    #underAllMenuBtn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #underAllMenuBtn ul {
        display: block;
        width: 90%;
        height: 98%;
        float: left;
        list-style: none;
    }

    #underAllMenuBtn ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
        float: left;
    }

    #underAllMenuBtn ul li img {
        height: 76px;
        border: solid 2px #979797;
        border-radius: 5px;
        margin-top: 2px;
    }

    #underAllMenuBtn ul li img.selectImg {
        filter: opacity(0.3) drop-shadow(0 0 0 #8DA095);
    }

    .allMenuTitle {
        width: 5%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 1%;
        position: relative;
    }

    /*基礎*/
    #detailImgW {
        width: 96% !important;
        /* height: 99%; */
        margin-bottom: 1%;
        margin-top: 3%;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    .imgAreaLeft {
        width: 48%;
        display: block;
        margin-right: 0.5%;
        float: left;
        background-color: #fff;
        padding-top: 5%;
        padding-bottom: 5%;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px #929292 inset;
    }

    .imgAreaLeft img {
        width: 80%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .imgAreaRight {
        width: 48%;
        display: block;
        margin-left: 0.5%;
        float: right;
        background-color: #fff;
        padding-top: 5%;
        padding-bottom: 5%;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px #929292 inset;
    }

    .imgAreaRight img {
        width: 80%;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    li.ageBtn {
        width: 4.88%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.ageBtn p {
        width: 100%;
        font-size: clamp(16px, 1.5vw, 18px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    span.age {
        font-size: clamp(12px, 1vw, 14px) !important;
    }

    #underAllMenuBtn2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 97%;
        float: left;
    }

    #underAllMenuBtn2::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #underAllMenuBtn2 ul {
        display: block;
        /* width: calc(91.8% + 72px); */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 98%;
        float: left;
        list-style: none;
    }

    #underAllMenuBtn2 ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 2px;
        margin-right: 2px;
        float: left;
    }

    #underAllMenuBtn2 ul.upMenu {
        height: 68%;
    }

    #underAllMenuBtn2 ul.downMenu {
        height: 30%;
    }

    #underAllMenuBtn2 ul li {
        box-sizing: border-box;
    }

    li.oneBtnKiso {
        /* width: 99%; */
        width: calc(100% - 4px);
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
    }

    li.oneBtnKiso p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #detailLeftImg {
        width: 72% !important;
        /* height: 70%; */
        float: left;
        position: relative;
        background-color: #fff;

    }

    #detailLeftImg img {
        /* height: 100%; */
        /* height: calc(100% - 10px);
    width: auto;
    margin-left: 5px; */
        width: auto;
        height: 76vh;
        margin-left: 20px;
    }

    ul#kozoMenu {
        width: 20%;
        position: absolute;
        top: 20px;
        right: 10px;
    }

    ul#kozoMenu li {
        width: 100%;
        border: solid 1px #A5A5A5;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #090001;
        font-weight: bold;
        margin-bottom: 15%;
        position: relative;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px #929292 inset;
        font-size: clamp(16px, 2vw, 20px) !important;
        cursor: pointer;
    }



    .tab2.active {
        background-color: #D5E8DD;
    }

    .panel {
        display: none;
    }

    .panel.active {
        display: block;
    }

    .imgPanel {
        display: none;
    }

    .imgPanel.active {
        display: block;
    }

    /*その他河面追加*/
    #panel3Out {
        width: 31%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        float: left;
        /* height: 100%; */
    }

    #panel3In {
        width: 100%;
        border: solid 1px #CCCCCC;
        background-color: #fff;
        text-align: center;
        /* height: 100%; */
        padding-bottom: 3%;
    }

    #panel3In img {
        width: 100%;
        /* max-width: 250px; */
    }

    #panel3Out p {
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
        margin-top: 10px;
    }

    #panel2_1 {
        width: 67%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel2_1 ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel2_1 ul li {
        width: 47%;
        margin-bottom: 6%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }

    #panel2_1 ul li img {
        width: 85%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    /*ブラッシング*/
    #brusing010Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 20%;
        /* margin-top: 1%; */
        float: left;
        margin-left: 20px;
    }

    li.brusingTwoBtn {
        width: 46%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.brusingTwoBtn p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.brusingOneBtn {
        width: 100%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
    }

    li.brusingOneBtn p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .panel6 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    .panel6 ul {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        list-style: none;
    }

    .panel6 ul li {
        width: 48%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 2%;
        padding-bottom: 2%;
        box-sizing: border-box;
        /* box-shadow: -2px -2px -10px #929292 inset; */
        box-shadow: -1px -1px 3px #929292 inset;
        position: relative;
        background-color: #fff;
        float: left;
    }

    .panel6 ul li:nth-child(2) {
        margin-left: 4%;
    }

    .panel6 ul li img {
        width: 90%;
    }

    .twoBox {
        width: 45%;
        margin-top: 4%;
        margin-bottom: 4%;
        border: solid 1px #A5A5A5;
        box-shadow: -1px -1px 3px #929292 inset;
        box-sizing: border-box;
    }

    .twoBoxLeft {
        margin-left: 4.5%;
        float: left;
    }

    .twoBoxRight {
        margin-right: 4%;
        float: right;
    }

    .mb1 {
        margin-bottom: 10px;
    }

    .oneBigBtnBack3 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        display: block;
        width: 12%;
        float: left;
        height: 100%;
    }

    .oneBigBtnBack3::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #brusing003Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 35%;
        /* margin-top: 1%; */
        float: left;
        margin-left: 20px;
    }

    #brusing003Menu ul {
        height: 100%;
    }

    li.brusingTwoBtn003 {
        width: 25.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.brusingTwoBtn003 p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.brusingTwoBtn003Short {
        width: 23%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 70%;
        position: relative;
        margin-top: 6.5%;
    }

    li.brusingTwoBtn003Short p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .mr1 {
        margin-right: 3%;
    }

    #brusing003Menu2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 25%;
        /* margin-top: 1%; */
        float: left;
        margin-left: 20px;
    }

    #brusing003Menu2 ul {
        height: 100%;
    }

    li.brusingTwoBtn003_2 {
        width: 48%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
    }

    li.brusingTwoBtn003_2 p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .brusing030Menu3 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 15%;
        /* margin-top: 1%; */
        float: left;
        margin-right: 10px;
    }

    .brusing030Menu3 ul {
        height: 100%;
    }

    .oneBtnBrusing030 {
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #929493;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 79px;
        margin-top: 3px;
        margin-bottom: 3px;
        position: relative;
    }

    .oneBtnBrusing030 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .btnImgBrusing {
        width: 5%;
        background-color: #C3E3E0;
        height: 35%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 1%;
        position: relative;
        padding-top: 10px;
        text-align: center;
    }

    .btnImgBrusing::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    #fullContent2 {
        /* width: 100%; */
        width: 100%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #leftAreaWaku2 {
        width: 49%;
        float: left;
        position: relative;
    }

    #leftArea2 {
        width: 100%;
        /* background-color: #fff;
    border: solid 2px #ccc;
    box-sizing: border-box; */
        /* margin-bottom: 20px; */
    }

    #leftArea2 img {
        /* width: 95.5%; */
        /* height: 51vh;
    width: auto; */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 5%;
    margin-bottom: 2%; */
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #leftArea2 video {
        /* width: 93%; */
        /* height: 51vh; */
        /* height: 100%; */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 5%;
    margin-bottom: 2%; */
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #rightAreaWaku2 {
        width: 49%;
        float: right;
        position: relative;
    }

    #rightArea2 {
        width: 100%;
        /* background-color: #fff; */
        /* border: solid 2px #ccc;
    box-sizing: border-box; */
    }

    #rightArea2 img {
        /* width: 95.5%; */
        /* height: 51vh;
    width: auto; */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 5%;
    margin-bottom: 2%; */
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #rightArea2 video {
        /* width: 93%; */
        /* height: 51vh;
    width: auto; */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 5%;
    margin-bottom: 2%;*/
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    .leftText {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 100%;
        font-weight: bold;
    }

    .rightText {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 100%;
        font-weight: bold;
    }

    h1.mainTitle {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: solid 1px #A5A5A5;
        border-left: solid 1px #A5A5A5;
        border-right: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
    }

    .btnImg3 {
        background-color: #C3E3E0;
        height: 50%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .btnImg3::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    .btnImg3 img {
        width: auto;
        height: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    .btnTextBrusing {
        width: 7%;
        background-color: #C3E3E0;
        height: 50%;
        display: block;
        float: left;
        border-radius: 3px 0px 0px 3px;
        font-size: clamp(9px, 1vw, 12px) !important;
        font-weight: bold;
        margin-top: 2px;
        margin-left: 10px;
        position: relative;
        text-align: center;
        line-height: 1.2;
        padding-top: 15px;

    }

    .btnTextBrusing::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.2);
    }

    #brusing012Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 25%;
        /* margin-top: 1%; */
        float: left;
    }

    #brusing012Menu ul {
        height: 100%;
    }

    #panel_012htmlLeft {
        width: 67%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panel_012htmlLeft ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel_012htmlLeft ul li {
        width: 49%;
        margin-bottom: 3%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 4px -1px #929292 inset;
        position: relative;
        background-color: #fff;

    }

    #panel_012htmlLeft ul li img {
        width: 100%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    #panel_012htmlRight {
        width: 31%;
        padding-top: 2.5%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel_012htmlRight ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel_012htmlRight ul li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #panel_012htmlRight ul li img {
        width: 100%;
    }

    .panel_012Text {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(14px, 1.5vw, 18px) !important;
        font-weight: bold;
    }

    .panel_012Title {
        width: 100%;
        font-size: 25px !important;
        margin-top: 2%;
        font-weight: bold;
        text-align: center;
    }

    li.brusingTwoBtn012 {
        width: 48%;
        text-align: center;
        display: block;
        box-sizing: border-box;
        float: left;
        height: 99%;
        position: relative;
        margin-top: 2px;
        margin-left: 2px;
        margin-right: 2px;
    }

    li.brusingTwoBtn012 img {
        height: 100%;
        width: auto;
    }

    .selectImgBtn {
        /* filter: opacity(0.4) drop-shadow(0 0 0 #C2D5CB); */
        filter: opacity(0.3) drop-shadow(0 0 0 #8DA095);
    }

    #panel_017htmlLeft {
        width: 67%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panel_017htmlLeft ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel_017htmlLeft ul li {
        width: 49%;
        margin-bottom: 3%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 4px -1px #929292 inset;
        background-color: #fff;
        padding-bottom: 20px;
    }

    #panel_017htmlRight {
        width: 31%;
        padding-top: 2.5%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #panel_017htmlRight ul {
        list-style: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #panel_017htmlRight ul li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    #panel_017htmlRight ul li img {
        width: 100%;
        height: auto;
    }

    .menuBtn017 {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .menuBtn017 img {
        width: 100%;
    }

    /*マージン*/

    .mLeft {
        margin-left: 10px;
    }

    .pdLR5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .wide60 {
        width: 60px;
        text-align: center;
    }
    .wide50 {
        width: 50px;
        text-align: center;
    }

    ul.upMenu017 {
        height: 50%;
    }

    .wideMenuSubTitle {
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        text-align: center;
        border: solid 1px #A5A5A5;
        background-color: #87C8C2;
        font-weight: bold;
    }

    li.noBtn017 {
        width: 8%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1;
        float: left;
        margin-top: 5%;
    }

    .brusing017Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 23%;
        /* margin-top: 1%; */
        float: left;
    }

    .brusing017Menu2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 25%;
        /* margin-top: 1%; */
        float: left;
    }

    .brusing017Menu2 ul {
        height: 100%;
    }

    ul.downMenu017 {
        height: 30%;
    }

    .brusing017Menu3 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 25%;
        /* margin-top: 1%; */
        float: left;
    }

    .brusing017Menu3 ul {
        height: 100%;
    }

    li.twoBtn017 {
        width: 48%;
        text-align: center;
        display: block;
        padding-top: 20px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 76%;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
    }

    li.twoBtn017_2 {
        width: 31%;
        text-align: center;
        display: block;
        padding-top: 15px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 76%;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
    }

    li.twoBtn017_2Img {
        width: 31%;
        text-align: center;
        display: block;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        float: left;
        height: 76%;
        position: relative;
        margin-left: 1.5%;
        margin-right: 1%;
    }

    li.twoBtn017_2Img img {
        height: 100%;
    }

    #panel_025htmlRight {
        width: 31%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: right;
    }

    #panel_025htmlRight ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel_025htmlRight ul li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border: solid 1px #CCCCCC;
        background-color: #fff;
    }

    #panel_025htmlRight ul li img {
        width: 100%;
    }

    #panel1P {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
        padding-bottom: 1%;
    }

    #panel1P ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel1P ul li {
        width: 24%;
        margin-bottom: 1%;
        margin-top: 1%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px -1px #929292 inset;
        position: relative;
        float: left;
        background-color: #fff;
    }

    #panel1P ul li img {
        width: 85%;
        text-align: center;
    }

    /*歯周病*/
    #p001Menu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 40%;
        /* margin-top: 1%; */
        float: left;
    }

    #p001Menu ul {
        height: 100%;
    }

    li.p001Btn {
        width: 25.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.p001Btn:last-child {
        margin-left: 0.5%;
    }

    li.p001Btn p {
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    li.p001BtnShort {
        width: 20%;
        text-align: center;
        display: block;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 80%;
        position: relative;
        margin-top: 3.5%;
    }

    li.p001BtnShort img {
        width: 100%;
        height: auto;
    }

    .panel_p001 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #firstline,
    #thirdline {
        border: solid 1px #CCCCCC;
        background-color: #fff;
        box-sizing: border-box;
        width: 32%;
    }

    #secondline {
        box-sizing: border-box;
        width: 34%;
    }

    #firstline ul {
        padding-top: 40px;
    }

    #thirdline ul {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #secondline ul li {
        padding-top: 20px;
        background-color: #fff;
        border: solid 1px #ccc;
    }

    .panel_p001 ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .panel_p001 ul li {
        width: 90%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    #firstline img,
    #thirdline img {
        width: 100%;
    }

    #secondline img {
        width: 100%;
    }

    h1.pageTitle {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
    }

    #p_leftArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    #p_leftArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }

    #p_leftArea video {
        /* width: 93%; */
        max-width: 100%;
        height: 52vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        margin-bottom: 3%;
        border: solid 2px #BDBDBD;
        box-sizing:border-box;
    }

    #p_rightArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    #p_rightArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
    }

    #p_rightArea video {
        /* width: 93%; */
        max-width: 100%;
        height: 52vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 3%;
        margin-bottom: 3%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #pContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center 62vh;
        background-repeat: no-repeat;
        background-size: 20% auto;
        display: block;
    }

    #pMenu01 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        margin-left: 2.5%;
        height: 100%;
        display: block;
        width: 40%;
        float: left;
    }

    #pMenu01::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #pMenu01 ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    #pMenu01 ul.up {
        height: 68%;
    }

    #pMenu01 ul.down {
        height: 30%;
    }

    #pMenu01 ul li {
        box-sizing: border-box;
    }

    li.fourBtn {
        width: 22.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fourBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #panel2P {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
    }

    #panel2P ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel2P ul li {
        width: 24%;
        margin-bottom: 0.5%;
        margin-top: 1%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px -1px #929292 inset;
        position: relative;
        float: left;
        background-color: #fff;
    }

    #panel2P ul li img {
        width: 85%;
        text-align: center;
    }

    .underMenuBtnAuto {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        float: left;
    }

    .underMenuBtnAuto::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    .underMenuBtnAuto ul {
        display: block;
        width: 100%;
        height: 98%;
    }

    .underMenuBtnAuto ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 0.25%;
        margin-right: 0.25%;
    }

    li.p10Btn {
        width: 9.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.p10Btn p {
        width: 100%;
        font-size: clamp(16px, 1.5vw, 18px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #pRiskLeftArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
    }

    #pRiskLeftArea img {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #pRiskLeftArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #pRiskRightArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
    }

    #pRiskRightArea img {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #pRiskRightArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    .riskAddMenu {
        width: 40%;
        position: absolute;
        bottom: -5px;
        left: 30%;
        text-align: center;
        height: 50px;
        padding-top: 5px;
        background-color: #5FB5AC;
    }

    .riskAddMenu ul {
        display: block;
        width: 95%;
        height: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .riskAddMenu ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 0.25%;
        margin-right: 0.25%;
    }

    li.p4Btn {
        width: 24.5%;
        text-align: center;
        display: block;
        padding-top: 2px;
        padding-bottom: 2px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 100%;
        position: relative;
    }

    li.p4Btn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 15px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .riskLeftText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
    }

    .riskRightText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 40%;
        width: 60%;
        font-weight: bold;
    }

    #pRiskContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 18% auto;
        display: block;
    }

    #pRiskContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    #pMoveTitle {
        width: 72% !important;
        margin-top: 10px;
        /* height: 70%; */
        float: left;
        position: relative;
    }

    #pMoveTitle video {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        margin-top: 40px;
    }

    #pMoveTitle img {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        margin-top: 40px;
    }

    #pMoveTitle h1#midashi1 {
        position: absolute;
        top: 0px;
        left: 10px;
        /* width: calc(100% - 4px); */
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
    }

    #pStresContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 22% auto;
        display: block;
        padding-bottom: 65px;
    }

    #pStresContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .panelShinko {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
    }

    .panelShinko h1#midashi1 {
        width: 96%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #CCCCCC;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }

    .panelShinko ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    .panelShinko ul li {
        width: 31.3%;
        margin-left: 1%;
        margin-right: 1%;
        text-align: center;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px -1px #929292 inset;
        position: relative;
        float: left;
        background-color: #fff;
    }

    .panelShinko ul li img {
        width: 100%;
        text-align: center;
        margin-top: 0.5vh;
    }

    .mbvh1 {
        margin-bottom: 2vh;
    }

    .imgText1 {
        position: absolute;
        top: 53%;
        right: 10px;
        width: 32%;
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
    }

    li.p25Btn {
        width: 24.5%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.p25Btn p {
        width: 100%;
        font-size: clamp(16px, 1.5vw, 18px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    h1.panelTitle {
        width: 100%;
        text-align: center;
        font-size: clamp(20px, 2vw, 22px) !important;
        font-weight: bold;
    }

    #panel3P {
        width: 100%;
        margin: 0 auto;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 95%; */
    }

    #panel3P ul {
        display: -webkit-box;
        display: block;
        list-style: none;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }

    #panel3P ul li {
        width: 32.33%;
        margin-bottom: 0.5%;
        margin-top: 0.5%;
        margin-left: 0.5%;
        margin-right: 0.5%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 3px -1px #929292 inset;
        position: relative;
        float: left;
        background-color: #fff;
    }

    #panel3P ul li img {
        width: 85%;
        text-align: center;
    }

    li.p9Btn {
        width: 10.7%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.p9Btn p {
        width: 100%;
        font-size: clamp(16px, 1.5vw, 18px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #movieTextFull {
        width: 27%;
        float: right;
        margin-top: 10px;
        padding-right: 1%;
        box-sizing: border-box;
        /* margin-left: 1%; */
    }

    #movieTextFull p {
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
        width: 98%;
        margin-left: 2%;
    }

    li.p3Btn {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 70%;
        margin-top: 23px;
        position: relative;
    }

    li.p3Btn p {
        width: 100%;
        font-size: clamp(13px, 1vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 60%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.noWideBtn {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.noWideBtn p {
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    #moveArea {
        width: 72% !important;
        margin-top: 10px;
        /* height: 70%; */
        float: left;
        position: relative;
    }

    #moveArea video {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        margin-top: 45px;
    }

    #moveArea img {
        /* height: 100%; */
        /* height: calc(100% - 10px);
        width: auto;
        margin-left: 5px; */
        width: 100%;
        height: auto;
        margin-left: 10px;
        margin-top: 45px;
    }

    #moveArea h1#midashi1 {
        position: absolute;
        top: 0px;
        left: 10px;
        /* width: calc(100% - 4px); */
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
    }

    #noImgContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 30px;
    }

    #noImgContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .noMargeLeftText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 100%;
        font-weight: bold;
    }

    .noMargeRightText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 100%;
        font-weight: bold;
    }

    #underImgMenuBtn {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        margin-left: 1.5%;
        height: 85px;
        display: block;
        width: 90.5%;
        float: left;
    }

    #underImgMenuBtn::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    #underImgMenuBtn ul {
        display: block;
        width: 90%;
        height: 98%;
        float: left;
        list-style: none;
    }

    #underImgMenuBtn ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
        float: left;
    }

    #underImgMenuBtn ul li img {
        height: 76px;
        border: solid 2px #979797;
        border-radius: 5px;
        margin-top: 2px;
    }

    #underImgMenuBtn ul li img.selectImg {
        filter: opacity(0.3) drop-shadow(0 0 0 #8DA095);
    }

    #noBackContent {
        /* width: 100%; */
        width: 100%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }


    #noBackContent h1#midashi1 {
        position: absolute;
        top: 5px;
        /* left: 6px; */
        width: calc(98% - 1px);
        /* width: 93%; */
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    ul.nowideUpMenu {
        height: 68% !important;
    }

    ul.nowideDownMenu {
        height: 30% !important;
    }

    li.noWide2btn {
        width: 44.75%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.noWide2btn p {
        width: 100%;
        font-size: clamp(13px, 2vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .panel_p059 {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    .panel_p059 ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .panel_p059 ul li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    #firstline2,
    #thirdline2 {
        box-sizing: border-box;
        width: 32%;
    }

    #secondline2 {
        box-sizing: border-box;
        width: 34%;
        border: solid 1px #CCCCCC;
        background-color: #fff;
    }

    #firstline2 ul li,
    #thirdline2 ul li {
        background-color: #fff;
        border: solid 1px #ccc;
        box-sizing: border-box;
        padding-bottom: 15px;
        padding-top: 12px;
        margin-bottom: 10px;
    }

    #secondline2 ul {
        padding-top: 30px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #firstline2 img,
    #thirdline2 img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #secondline2 img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .upDownBlock {
        display: block;
        float: left;
        height: 100%;
    }

    .oneBtn2 {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 80%;
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
    }

    .oneBtn2 p {
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    .p059Menu1 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 90%;
        display: block;
        width: 5%;
        /* margin-top: 1%; */
        float: left;
    }

    .p059Menu2 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 14%;
        /* margin-top: 1%; */
        float: left;
    }

    .p059Menu3 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 18%;
        /* margin-top: 1%; */
        float: left;
    }

    .underMenuBtnNoMargin {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        /* width: 50%; */
        height: 85px;
        display: block;
        float: left;
    }

    .underMenuBtnNoMargin::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    .underMenuBtnNoMargin ul {
        display: block;
        width: 100%;
        height: 98%;
    }

    .underMenuBtnNoMargin ul li {
        box-sizing: border-box;
        position: relative;
        margin-left: 0.25%;
        margin-right: 0.25%;
    }

    .oneBtn059 {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 70%;
        margin-top: 3px;
        position: relative;
    }

    .oneBtn059 p {
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }

    .p059Menu4 {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        width: 27%;
        /* margin-top: 1%; */
        float: left;
    }

    .p059Menu4 ul {
        height: 100%;
    }

    li.fourBtn059 {
        width: 23%;
        text-align: center;
        display: block;
        padding-top: 15px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 76%;
        position: relative;
        margin-left: 1%;
        margin-right: 1%;
    }

    .noWideMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        margin-left: 2.5%;
        height: 100%;
        display: block;
        float: left;
    }

    .noWideMenu::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    .noWideMenu ul {
        width: 100%;
        margin-left: 0.5%;
        margin-right: 0.5%;
    }

    .noWideMenu ul.up {
        height: 68%;
    }

    .noWideMenu ul.down {
        height: 30%;
    }

    .noWideMenu ul li {
        box-sizing: border-box;
    }

    li.sixBtn {
        width: 14%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.sixBtn p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.fiveBtnP {
        width: 16.15%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.fiveBtnP p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    li.sixBtn2 {
        width: 13%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.sixBtn2 p {
        width: 100%;
        font-size: clamp(13px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    /*むし歯*/
    #panelMushibaLeft {
        width: 63%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panelMushibaLeft ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding-bottom: 20px;
        border-bottom: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        box-sizing: border-box;
        text-align: center;
    }

    #panelMushibaLeft ul li {
        width: 45%;
        margin-bottom: 3%;
        text-align: center;
        border: solid 1px #A5A5A5;
        margin-top: 20px;
        box-sizing: border-box;
        box-shadow: -1px -1px 4px -1px #929292 inset;
        position: relative;
        background-color: #fff;
    }

    #panelMushibaLeft ul li:nth-of-type(1) {
        margin-left: 4%;
    }

    #panelMushibaLeft ul li:nth-of-type(2) {
        margin-right: 4%;
    }

    #panelMushibaLeft ul li img {
        width: 100%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    .panelMushibaTitle {
        width: 100%;
        font-size: 25px !important;
        padding-top: 10px;
        font-weight: bold;
        text-align: center;
        background-color: #fff;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        box-sizing: border-box;
    }

    #panelMushibaRight {
        width: 35%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: right;
        background-color: #fff;
    }

    #panelMushibaRight ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        border-bottom: solid 1px #CCCCCC;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        box-sizing: border-box;
    }

    #panelMushibaRight ul li {
        width: 90%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        padding-top: 20px;
    }

    #panelMushibaRight ul li img {
        width: 100%;
    }

    .mushibaLeftText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
        height: 60px;
        overflow-y: auto;
    }

    .mushibaRightText1 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 20%;
        width: 80%;
        font-weight: bold;
        height: 60px;
        overflow-y: auto;
    }

    #mushibaContent {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/mushiba/mushiba_back1.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 18% auto;
        display: block;
        position: relative;
    }

    #mushibaContent h1#midashi1 {
        position: absolute;
        top: -5px;
        /* left: 6px; */
        /* width: calc(100% - 1px); */
        width: 100%;
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .mushibaLeftText2 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
    }

    .mushibaRightText2 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 20%;
        width: 80%;
        font-weight: bold;
    }

    #mushibaLeftArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
    }

    #mushibaRightArea {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
    }

    #mushibaLeftArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        max-width: 98%;
    }

    #mushibaLeftArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #mushibaRightArea img {
        /* width: 95.5%; */
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        max-width: 98%;
    }

    #mushibaRightArea video {
        max-width: 100%;
        height: 51vh;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5%;
        margin-bottom: 2%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
    }

    #kensabox {
        width: 80%;
        position: absolute;
        top: 10%;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    #kensabox img {
        width: 100%;
    }

    button.button {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        text-align: center;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        position: relative;
        margin-top: 35%;
        margin-left: 0px !important;
        margin-right: 20px;
    }

    button.selectBtn2 {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        text-align: center;
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        background: linear-gradient(#CDE0D5, #8DA095) !important;
        border: solid 2px #809388 !important;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        position: relative;
        margin-top: 35%;
        margin-left: 0px !important;
        margin-right: 20px;

    }
    #mushibaContent2 {
        /* width: 100%; */
        width: 99%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/mushiba/mushiba_risk_daekikan2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 16% auto;
        display: block;
        position: relative;
    }

    #mushibaContent2 h1#midashi1 {
        position: absolute;
        top: -5px;
        /* left: 6px; */
        /* width: calc(98% - 1px); */
        width: 100%;
        /* width: 95%; */
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }
    .tabMushiba {
        position: absolute;
        top: -2px;
        left: 15%;
        width: 70%;
        font-size: clamp(14px, 2vw, 18px) !important;
        background: linear-gradient(#EAEAEA, #F6F6F6);
        background-color: #EAEAEA;
        border-top: solid 2px #E2E2E2;
        border-left: solid 2px #E2E2E2;
        border-right: solid 2px #E2E2E2;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }
    #mushibaLeftBlock {
        border: solid 1px #CCCCCC;
        background-color: #fff;
        box-sizing: border-box;
        width: 32%;
    }

    #mushibaRightBlock {
        border: solid 1px #CCCCCC;
        background-color: #fff;
        box-sizing: border-box;
        width: 66%;
    }
    #mushibaLeftBlock ul {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 67px;
        padding-bottom: 5px;
    }
    #mushibaLeftBlock ul li {
        width: 100%;
        margin-bottom: 20px;
        border: solid 2px #C6C6C6;
        box-sizing: border-box;
        position: relative;
        /* box-shadow:inset 5px 5px 5px #C6C6C6; */
        /* box-shadow: inset 5px 5px 5px  rgba(172, 182, 181); */
    }
    #mushibaLeftBlock ul li img {
        width: 100%;
    }
    #mushibaRightBlock h2 {
        text-align: center;
        font-size: clamp(20px, 2vw, 22px) !important;
        margin-top: 20px;
    }

    ul.mushibaYokoList {
        width: 95%;
        margin-top: 10px;
    }
    ul.mushibaYokoList li {
        width: 48%;
        float: left;
        border: solid 2px #C6C6C6;
        box-sizing: border-box;
        position: relative;
        padding-bottom: 10px;
    }
    ul.mushibaYokoList li:nth-child(1) {
        margin-right: 4%;
    }
    ul.mushibaYokoList li img {
        width: 100%;
    }
    ul.mushibaYokoList2 {
        width: 95%;
        margin-top: 10px;
        padding-bottom: 20px;
    }
    ul.mushibaYokoList2 li {
        width: 32%;
        float: left;
        border: solid 2px #C6C6C6;
        box-sizing: border-box;
        position: relative;
    }
    ul.mushibaYokoList2 li:nth-child(1) {
        margin-right: 0.5%;
    }
    ul.mushibaYokoList2 li:nth-child(2) {
        margin-right: 3.5%;
    }

    ul.mushibaYokoList2 li img {
        width: 100%;
    }
    .mushibaTwoBox {
        width: 100%;
        border: solid 2px #BDBDBD;
        box-sizing: border-box;
        background-color: #fff;
    }
    .mushibaTwoBox img {
        width: 100%;
    }
    h2.mushibaSubTitle1 {
        width: 70%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    .yajirushi {
        text-align: center;
        font-size: clamp(25px, 2.5vw, 30px) !important;
        color: #000;
        opacity: 0.4;
        margin-top: -13px !important;
        margin-bottom: -10px !important;
    }
    li.noWideBtnShort {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 75%;
        position: relative;
        margin-top: 18px;
    }

    li.noWideBtnShort p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    #detailMushibaTitle {
        width: 72% !important;
        margin-top: 10px;
        /* height: 70%; */
        float: left;
        position: relative;
    }
    #detailMushibaTitle img {
        width: 100%;
        height: auto;
    }
    h1.imgTitle {
        text-align: center;
        font-size: clamp(18px, 2vw, 22px) !important;
        margin-top: 20px;
    }
    h2.mushibaSubTitle2 {
        width: 50%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    .yajirushi2 {
        text-align: center;
        font-size: clamp(25px, 2.5vw, 30px) !important;
        color: #000;
        opacity: 0.4;
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .textAreaImg {
        width: 100%;
    }
    /*歯内治療*/
    dl.tiryo2Top {
        width: 49.5%;
        float: left;
    }
    dl.tiryo2Top dt {
        width: 100%;
        border: solid 2px #AFB3B4;
        box-sizing: border-box;
        font-size: 0px;
        text-align: right;
    }
    dl.tiryo2Top dt#back1 {
        background-image: url(/img/tiryo02/img_001_1_back.jpg);
        background-position: top left;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    dl.tiryo2Top dt#back2 {
        background-image: url(/img/tiryo02/img_001_2_back.jpg);
        background-position: top left;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    dl.tiryo2Top dt#back4 {
        background-image: url(/img/tiryo02/img_001_4_back.jpg);
        background-position: top left;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    dl.tiryo2Top dt img {
        width: 100%;
        height: auto;
    }
    dl.tiryo2Top dt video {
        width: auto;
        height: 100%;
        max-height: 263px;
        padding-top: 2px;
        margin-bottom: 3px;
        margin-right: 3px;
    }

    dl.tiryo2Top dd {
        width: 100%;
    }
    dl.tiryo2Top dd p {
        font-size: clamp(16px, 2vw, 18px) !important;
        font-weight: bold;
        line-height: 1.4;
    }
    .mr2 {
        margin-right: 1%;
    }
    .mbvh2 {
        margin-bottom: 5vh;
    }
    .underNoWideImg {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 85px;
        display: block;
        float: left;
    }

    .underNoWideImg::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
    }

    .underNoWideImg ul {
        display: block;
        height: 98%;
        float: left;
        list-style: none;
    }

    .underNoWideImg ul li {
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-right: 5px;
        margin-left: 5px;
    }

    .underNoWideImg ul li img {
        height: 76px;
        border: solid 2px #979797;
        border-radius: 5px;
        margin-top: 2px;
    }

    .underNoWideImg ul li img.selectImg {
        filter: opacity(0.3) drop-shadow(0 0 0 #8DA095);
    }
    #outBoxTab {
        width: 90%;
        /* margin-top: 7%; */
        margin-left: 2.5%;
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
    }
    .my-parts {
        display: inline-block;
        padding-top: .3em;
        padding-left: 0.8em;
        padding-bottom: .2em;
        padding-right: .4em;
        /* padding: .8em 1.6em .4em .8em; */
        position: relative;
        color: #85898A;
        z-index: 1;
        transform: rotate(90deg);
        width: 50px;
        height: 90px;
    }
    .my-parts::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background-color: #E4F3F6;
        opacity: 0.5;
        /* transform: scaleY(1.3) perspective(.6em) rotateX(5deg); */
        transform: scaleY(1) perspective(.5em) rotateX(1deg);
        transform-origin: bottom left;
        border-radius: 8px 8px 0 0;
        border-top: solid 1px #85898A;
        border-left: solid 1px #85898A;
        border-right: solid 1px #85898A;
    }
    .my-parts.selected::before {
        background: linear-gradient(to left, #F4FBFB, #D8EEF0, #F4FBFB);
        opacity: 1;
    }
    .my-parts.selected p {
        color: #333;
    }

    .my-parts p {
        transform: rotate(270deg);
        font-size: clamp(13px, 1.5vw, 15px) !important;
        font-weight: bold;
        line-height: 1.2;
        margin-left:0px;
        margin-top: 0px;
        position: absolute;
    }
    .my-parts p#tabText1 {
        bottom: 25px;
        left: -10px;
    }
    .my-parts p#tabText2 {
        bottom: 16px;
        left: -5px;
    }
    .my-parts p#tabText3 {
        bottom: 20px;
        left: -10px;
    }
    #tabArea1 {
        position: absolute;
        top: 0px;
        right: -85px;
    }
    #tabArea2 {
        position: absolute;
        top: 70px;
        right: -85px;
    }
    #tabArea3 {
        position: absolute;
        top: 140px;
        right: -85px;
    }
    /*Pul*/
    #panelPulLeft {
        width: 65%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panelPulLeft ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding-bottom: 20px;
        text-align: center;
        border: solid 2px #A5A5A5;
        box-sizing: border-box;
    }

    #panelPulLeft ul li {
        margin-bottom: 3%;
        text-align: center;
        background-color: #fff;
    }

    #panelPulLeft ul li:nth-of-type(1) {
        margin-left: 4%;
        margin-top: 18.5%;
        width: 40%;
    }

    #panelPulLeft ul li:nth-of-type(2) {
        margin-right: 4%;
        margin-top: 5%;
        width: 50%;
    }

    #panelPulLeft ul li img {
        position: relative;
        display: block;
        width: 100%;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        box-shadow: -1px -1px 4px -1px #929292 inset;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }
    .panelPulTitle {
        width: 100%;
        font-size: clamp(20px, 2vw, 25px) !important;
        font-weight: bold;
        padding-top: 10px;
        text-align: center;
        background-color: #fff;
    }
    .panelPulRight {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: right;
    }

    .panelPulRight ul {
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .panelPulRight ul li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }
    #pulLine1 {
        box-sizing: border-box;
        width: 34%;
    }

    #pulLine1 ul li {
        background-color: #fff;
        border: solid 1px #ccc;
        box-sizing: border-box;
        padding-bottom: 15px;
        padding-top: 12px;
        margin-bottom: 10px;
    }

    #pulLine1 img {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    #noWideAreaBlock {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px 5px 5px 5px;
        display: block;
        float: left;
        height: 100%;
    }

    .leftAreaBtnArea2 {
        width: 85%;
        height: 100%;
    }
    #underNoWideArea {
        height: 62%;
        display: block;
        /* margin-top: 1%; */
        float: left;
    }

    .leftAreaBtnArea2 {
        width: 85%;
        float: left;
        height: 100%;
    }
    #underNoWideAreaUnder {
        height: 38%;
        display: block;
        float: left;
    }
    li.oneBtnWide {
        width: 100%;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        height: 100%;
        position: relative;
        /* margin-left: 50px; */
    }

    li.oneBtnWide p {
        width: 100%;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .upDownBtn {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 100%;
        position: relative;
    }

    .upDownBtn p {
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        width: 100%;
    }
    .noBtnYajirushi {
        width: 5%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }
    li.noBtnThird2 {
        width: 8%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }

    .noBox {
        width: 15%;
        float: left;
    }
    .noBox img {
        width: 100%;
        margin-top: 25vh;
    }
    .noBox2 {
        width: 5%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }
    .noBox2 img#y1 {
        width: 100%;
        margin-top: 8vh;
    }
    .noBox2 img#y2 {
        width: 100%;
        margin-top: 18vh;
    }
    .noBox2 img#y3 {
        width: 100%;
        margin-top: 18vh;
    }

    #inBoxDubble {
        /* width: calc(100% - 10px); */
        width: 99%;
        border: solid 1px #64BDBB;
        /* height: calc(calc(100% - 5px) - 5px); */
        box-sizing: border-box;
        /* display: flex; */
        margin-bottom: 5px;
        /*新たに追加20230711*/
        /* min-height: 70vh; */
        /*新たに追加20230730*/
        /* min-height: 75vh; */
    }
    #outBoxDubble {
        width: 53%;
        /* margin-top: 7%; */
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
        float: left;
    }

    #outBoxTabBackG {
        width: 91.5%;
        /* margin-top: 7%; */
        margin-left: 1%;
        /* background-color: #9AD1CD; */
        /* height: 80%; */
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
    }
    .inBoxArea {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    h1.mainTitle2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 1.5vw, 18px) !important;
        padding-top: 3px;
        padding-bottom: 3px;
        border-top: solid 1px #A5A5A5;
        border-left: solid 1px #A5A5A5;
        border-right: solid 1px #A5A5A5;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
    }
    .twoBlock {
        width: 50%;
        float: left;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        font-size: 0px;
        text-align: center;
        background-color: #fff;
        position: relative;
    }
    .twoBlock img {
        width: 98%;
    }
    .inBoxAreaLeft1 {
        width: 46%;
        float: left;
        margin-top: 20px;
    }
    .inBoxAreaRight1 {
        width: 50%;
        float: right;
        margin-top: 20px;
    }

    .oneBlock {
        width: 100%;
        float: left;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        font-size: 0px;
        text-align: center;
        background-color: #fff;
        position: relative;
    }
    .oneBlock img {
        width: 98%;
    }
    #outBoxSingle {
        width: 25%;
        /* margin-top: 7%; */
        background-color: #E8F3F9;
        /* height: 80%; */
        border: solid 1px #fff;
        /* height: calc(calc(93% - 20px) - 110px); */
        box-sizing: border-box;
        position: relative;
        float: left;
    }
    #inBoxSingle {
        width: 99%;
        border: solid 1px #64BDBB;
        box-sizing: border-box;
        margin-bottom: 5px;
    }
    #inBoxSingle ul {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6%;
    }
    #inBoxSingle ul li {
        width: 100%;
        border: solid 1px #A5A5A5;
        margin-bottom: 6.5%;
        box-sizing: border-box;
        font-size: 0px;
        text-align: center;
        background-color: #fff;
        position: relative;
    }
    #inBoxSingle ul li img {
        width: 98%;
    }
    #thirdLine3 {
        box-sizing: border-box;
        width: 31%;
    }

    #thirdLine3 ul li {
        background-color: #fff;
        border: solid 1px #ccc;
        box-sizing: border-box;
        padding-bottom: 15px;
        padding-top: 12px;
        margin-bottom: 10px;
    }

    #thirdLine3 img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #panelPerLeft {
        width: 67%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        float: left;
    }

    #panelPerLeft ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding-bottom: 20px;
        text-align: center;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
    }

    #panelPerLeft ul li {
        margin-bottom: 3%;
        text-align: center;
        background-color: #fff;
    }

    #panelPerLeft ul li:nth-of-type(1) {
        margin-left: 4%;
        margin-top: 18.5%;
        width: 40%;
    }

    #panelPerLeft ul li:nth-of-type(2) {
        margin-right: 4%;
        margin-top: 6.5%;
        width: 50%;
    }

    #panelPerLeft ul li img {
        position: relative;
        display: block;
        width: 100%;
        border: solid 1px #A5A5A5;
        box-sizing: border-box;
        box-shadow: -1px -1px 4px -1px #929292 inset;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }
    #perLine1 {
        box-sizing: border-box;
        width: 23%;
    }

    #perLine1 ul li {
        background-color: #fff;
        border: solid 1px #ccc;
        box-sizing: border-box;
        padding-bottom: 15px;
        padding-top: 12px;
        margin-bottom: 10px;
    }

    #perLine1 img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .bigLeft {
        width: 77%;
        float: left;
    }
    .toothbrushImg {
        width: 52%;
        background-image: url(/img/brusing/back_img.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative;
        float: left;
        min-height: 75vh;
    }
    .brusingImg {
        width: 100%;
        opacity: 0;
        cursor: pointer;
    }
    /* .brisingImg img {
        opacity: 0;
    }
    .brisingImg img.active {
        opacity: 1;
    } */
    .brusingImg.active {
        opacity: 1;
    }

    #brusingImg1 {
        position: absolute;
        top: 0px;
        left: 46%;
        width: 15%;
    }
    #brusingImg2 {
        position: absolute;
        top: 25px;
        right: 10px;
        width: 40%;
    }
    #brusingImg3 {
        position: absolute;
        bottom: 30px;
        left: 20px;
        width: 15%;
    }
    #brusingImg4 {
        position: absolute;
        bottom: -5px;
        left: 8%;
        width: 20%;
    }
    /* #brusingImg5 {
        position: absolute;
        bottom: 145px;
        right: 29%;
        width: 30%;
    } */
    #brusingImg5 {
        position: absolute;
        bottom: 140px;
        right: 26.4%;
        width: 35%;
        max-width: 100%;
        max-height: 100%;
        transform: rotate(-2deg);
    }

    #brusingImg6 {
        position: absolute;
        bottom: -30px;
        left: 48%;
        width: 20%;
    }
    #brusingImg7 {
        position: absolute;
        bottom: -10px;
        right: 13%;
        width: 20%;
    }
    #inBox2 {
        /* width: calc(100% - 10px); */
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        border: solid 1px #64BDBB;
        /* height: calc(calc(100% - 5px) - 5px); */
        box-sizing: border-box;
        /* display: flex; */
        margin-bottom: 0px;
        /*新たに追加20230711*/
        /* min-height: 70vh; */
        /*新たに追加20230730*/
        min-height: 75vh;
    }
    .brusingContent {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #movieArea {
        width: 48%;
        float: right;
        position: relative;
        min-height: 75vh;
    }
    #movieArea video {
        width: 100%;
        height: auto;
        border: solid 2px #A8ADB0;
        box-sizing: border-box;
    }

    #movieArea p.burusingText {
        font-size: clamp(16px, 2vw, 20px) !important;
        font-weight: bold;
        line-height: 1.2;
    }
    #movieArea p#underText {
        position: absolute;
        bottom: 10px;
        /* left: 0px; */
        font-size: clamp(13px, 2vw, 16px) !important;
        line-height: 1.2;
        font-weight: bold;
        text-align: center;
        width: 100%;
    }
    .movePanel {
        display: none;
    }
    .movePanel.active {
        display: block;
    }
    #fckPanel {
        width: 31%;
        padding-top: 5%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 4%;
        float: left;
        border: solid 1px #CCCCCC;
        background-color: #fff;
        text-align: center;
        /* height: 100%; */
    }

    #fckPanel img {
        width: 86%;
        /* max-width: 250px; */
    }
    #fckPanelWide {
        width: 67%;
        padding-top: 2%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        /* height: 100%; */
        border: solid 1px #CCCCCC;
        float: right;
        background-color: #fff;
    }

    #fckPanelWide ul {
        display: -webkit-box;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        list-style: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    #fckPanelWide ul li {
        width: 47%;
        margin-bottom: 6%;
        text-align: center;
        border: solid 1px #A5A5A5;
        padding-top: 5px;
        box-sizing: border-box;
        box-shadow: 1px 1px 4px 1px #929292 inset;
        position: relative;
    }

    #fckPanelWide ul li img {
        width: 90%;
        /* max-width: 200px; */
        /* max-width: 180px; */
    }

    #fckPanelWide h2 {
        width: 100%;
        text-align: center;
        font-size: clamp(16px, 2vw, 20px) !important;
    }
    #fckPanelWide2 {
        width: 67%;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        float: right;
        /* height: 100%; */
    }

    .fckLeftBlock {
        width: 45%;
        float: left;
        background-color: #fff;
        border: solid 1px #CCCCCC;
        box-sizing: border-box;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
        position: relative;
    }
    .fckLeftBlock img {
        width: 95%;
    }

    .fckRightBlock {
        width: 53%;
        float: right;
        text-align: center;
        background-color: #fff;
        border-top: solid 2px #fff;
        margin-top: -2px;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-bottom: solid 1px #CCCCCC;
        box-sizing: border-box;
        padding-bottom: 20px;
    }
    .fckRightBlock img {
        width: 80%;
        border: solid 2px #B1B6B9;
        box-sizing: border-box;
    }
    li.noBtn5 {
        width: 5%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1.1;
        float: left;
        margin-top: 3%;
    }
    .fckNoWideMenu {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 100%;
        display: block;
        /* margin-top: 1%; */
        float: left;
    }

    .fckNoWideMenu ul {
        height: 100%;
    }
    li.fckFourBtn {
        width: 23%;
        text-align: center;
        display: block;
        padding-top: 20px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 76%;
        position: relative;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    li.noWideBtnShort2 {
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 73%;
        position: relative;
        margin-top: 8%;
    }

    li.noWideBtnShort2 p {
        width: 100%;
        font-size: clamp(14px, 1.5vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    ul.fckPriceList {
        width: 100%;
    }
    ul.fckPriceList li {
        width: 32%;
        float: left;
    }
    ul.fckPriceList li:not(:nth-child(3n)) {
        margin-right: 2%;
    }
    ul.fckPriceList li h1 {
        width: 100%;
        text-align: center;
        font-size: clamp(15px, 2vw, 18px) !important;
        padding-top: 5px;
        padding-bottom: 5px;
        border: solid 1px #CCCCCC;
        background: linear-gradient(#E7E7E7, #FCFCFC);
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
    ul.fckPriceList li dl {
        width: 100%;
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-bottom: solid 1px #CCCCCC;
        box-sizing: border-box;
    }
    ul.fckPriceList li dl dt {
        width: 100%;
        font-size: 0px;
    }
    ul.fckPriceList li dl dt img {
        width: 100%;
    }
    ul.fckPriceList li dl dt video {
        width: 100%;
        background-color: #ffffff;
    }

    ul.fckPriceList li dl dd {
        width: 100%;
        text-align: center;
        background-color: #fff;
        padding-bottom: 10px;
    }
    ul.fckPriceList li dl dd img {
        width: 80%;
    }
    .fckPriceText {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: clamp(16px, 2vw, 18px) !important;
        border-bottom: solid 2px #C1C7CA;
        font-weight: bold;
    }
    .fckComment {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
        font-size: clamp(16px, 2vw, 18px) !important;
        font-weight: bold;
    }
    li.noBtn017P {
        width: 12%;
        text-align: center;
        display: block;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.5);
        line-height: 1;
        float: left;
        margin-top: 10%;
    }
    li.twoBtnP {
        width: 43%;
        text-align: center;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
        background: linear-gradient(#F7F7F7, #8A8A8A);
        border: solid 2px #8D9997;
        border-radius: 3px;
        box-sizing: border-box;
        font-weight: bold;
        line-height: 1.1;
        float: left;
        height: 98%;
        position: relative;
    }

    li.twoBtnP p {
        width: 100%;
        font-size: clamp(13px, 2vw, 16px) !important;
        color: #333333;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }
    .p059Menu2New {
        background-color: #C3E3E0;
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 99%;
        display: block;
        width: 11%;
        /* margin-top: 1%; */
        float: left;
    }
    /*20230829追加*/
    #mushibaContent3 {
        width: 99%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(/img/yobo/yobo007_pic2.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 23.5% auto;
        display: block;
        padding-bottom: 10px;
    }
    #leftAreaWakuMushiba {
        width: 49%;
        float: left;
        margin-top: 10px;
        position: relative;
    }
    #rightAreaWakuMushiba {
        width: 49%;
        float: right;
        margin-top: 10px;
        position: relative;
    }
    #rightAreaMushiba {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    #leftAreaMushiba {
        width: 100%;
        background-color: #fff;
        text-align: center;
        border: solid 1px #ccc;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .mushibaLeftText3 {
        font-size: clamp(13px, 2vw, 18px) !important;
        width: 80%;
        font-weight: bold;
        height: 110px;
        overflow-y: auto;
    }

    .mushibaRightText3 {
        font-size: clamp(13px, 2vw, 18px) !important;
        margin-left: 20%;
        width: 80%;
        font-weight: bold;
        height: 110px;
        overflow-y: auto;
    }
}

@media (orientation: portrait) {
    #appScreen {
        display: none;
    }

    #appScreen2 {
        display: none !important;
    }

    .smartphone {
        display: none !important;
    }

    #noScreen {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

    h1 {
        color: black;
        margin-top: 50vh;
        text-align: center;
    }
}