/*2020.12.30 追加*/
        
            ::-webkit-input-placeholder {
            /* WebKit, Blink, Edge */
            font-size: 12px;
        }
        
            :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            font-size: 12px;
        }
        
            ::placeholder {
            /* Others */
            font-size: 20px;
        }
        
        .wrap {
            overflow: hidden;
        }
               
        .mark {
            background-color:orange;
            height: auto;
        }

        .fa-laptop {
            color: blue;
        }

        .box01 {
            width: 100%;
            height: auto;
            background: white;
            color: black;
            border: 6px solid yellow;
            border-radius: 8px;
        }
        
        /*body {
            width: 100%;
            height: 100vh;
            background:rgba(251, 239, 86, 0.2);
            color: black;
        }
        @media screen and (max-width: 576px) {
            .body {
                width: 100%;
                height: 100vh;
                background:rgba(251, 239, 86, 0.2);
                color: black;
            }
        }*/
        
        .contact-btn {
            display: inline-block;
            width: 20%;
            margin-right: auto;
            margin-left: auto;
            margin: 0 auto;
            height: 40px;
            padding: auto;
            text-align: center;
            background-color: orange;
            box-shadow: 0px 4px orangered;
            top: -2px;
            color: white;
            border-radius: 5px;
            font-size: 16px;
            outline: none;
            border: none;
        }
        .contact-btn:hover {
            box-shadow: 0 1px orangered;
            top: 1px;
        }
        @media screen and (max-width: 576px) {
            .contact-btn {
                display: block;
                width: auto;
                height: auto;
                font-size: 10px;
            }
        }

        .btn06 {
            display: inline-block;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
            margin: 0 auto;
            height: 50px;
            padding: auto;
            text-align: center;
            background-color: orange;
            box-shadow: 0px 4px orangered;
            top: -2px;
            color: white;
            border-radius: 5px;
            font-size: 12px;
            outline: none;
            border: none;
        }
        .btn06:hover {
            box-shadow: 0 1px orangered;
            top: 1px;
        }


        .btn-style01 {
            display: block;
            width: 80%;
            height: 80px;
            font-size: 24px;
            font-weight: normal;
            color: white;
            background-color: orange;
            border: none;
            border-radius: 20px;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 576px) {
            .btn-style01 {
                font-size: 18px;
            }
        }
        
        .btn-style02 {
            display: block;
            width: 40%;
            height: 80px;
            font-size: 24px;
            font-weight: normal;
            color: white;
            background-color: orange;
            border: none;
            border-radius: 20px;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 576px) {
            .btn-style02 {
                width: 80%;
                font-size: 18px;
            }
        }
        
        .btn-style03 {
            display: block;
            width: 100%;
            height: 80px;
            font-size: x-large;
            font-weight: normal;
            color: white;
            background-color: blue;
            border: none;
            border-radius: 10px;
            margin: 0 auto;
        }
        
        /*@media screen and (max-width: 576px) {
            .btn-style03 {
                width:100%;
                font-size:12px;
            }
        }*/
        
        .btn-style04 {
            display: block;
            width: 100%;
            height: 80px;
            font-size: x-large;
            font-weight: normal;
            color: white;
            background-color: lightgreen;
            border: none;
            border-radius: 10px;
            margin: 0 auto;
        }
        
        /*@media screen and (max-width: 576px) {
            .btn-style04 {
                width:100%;
                font-size:12px;
            }
        }*/
        
        /*.btn-style05 {
            display: block;
            width: 30%;
            height: 40px;
            font-size: 18px;
            font-weight: normal;
            color: white;
            background-color: green;
            border: none;
            border-radius: 10px;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 576px) {
            .btn-style05 {
                width: 60%;
            }
        }*/

        .style-must {
            color: red;
        }
        
        .fontsize17 {
            font-size: 17px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize17 {
                font-size: 13px;
            }
        }
        
        .font-iro01 {
            color: #413F3F;
        }
        
        .fontsize70 {
            font-size: 70px;
            font-weight: bold;
            font-style:italic;
            color:white;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize70 {
                font-size: 22px;
            }
        }
        
        .fontsize61 {
            font-size: 61px;
            font-style: italic;
            font-weight: normal;
            color: white;
        }

        @media screen and (max-width:576px) {
            .fontsize61 {
                font-size:36px;
            }
        }

        .fontsize60 {
            font-size:60px;
            font-style:italic;
            font-weight:normal;
            color:white;
        }
        
        @media screen and (max-width:576px) {
            .fontsize60 {
                font-size:36px;
            }
        }

        .fontsize50 {
            font-size: 50px;
            color: white;
            font-weight: normal;
            font-style: italic;
            font-family: 'Yusei Magic', sans-serif;
        }
        
        .fontsize51 {
            font-size: 51px;
        }
        
        .fontsize26 {
            font-size: 26px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize26 {
                font-size: 48px;
            }
        }
        
        .fontsize48 {
            font-size: 48px;
            font-weight: bold;
            color: #413F3F;
        }
        
        .fontsize44 {
            font-size: 44px;
            font-weight: bold;
            color: #413F3F;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize44 {
                font-size: 22px;
            }
        }
        
        .fontsize42 {
            font-size: 42px;
            font-weight: bold;
            color: #413F3F;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize42 {
                font-size: 20px;
            }
        }
        
        .fontsize40 {
            font-size: 40px;
            font-weight: bold;
            color: blue;
            font-style:italic;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize40 {
                font-size: 24px;
            }
        }
        
        .box02 {
            width: 100%;
            height: auto;
            background: white;
            text-align: center;
            border: 6px solid yellow;
            border-radius: 8px;
            margin-top: 100px;
            margin-bottom: 100px;
        }

        .fontsize14 {
            font-size: 14px;
        }
        
        .fontsize16 {
            font-size: 16px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize16 {
                font-size: 12px;
            }
        }
        
        .fontsize18 {
            font-size: 18px;
        }
        
        .fontsize20 {
            font-size: 20px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize20 {
                font-size: 12px;
            }
        }
        
        .fontsize24 {
            font-size: 24px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize24 {
                font-size: 16px;
            }
        }
        
        .fontsize28 {
            font-size: 28px;
        }
        
        .fontsize29 {
            font-size: 29px;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize29 {
                font-size: 16px;
            }
        }
        
        .fontsize30 {
            font-size: 30px;
        }
        
        .fontsize31 {
            font-size: 31px;
        }
        
        .fontsize32 {
            font-size: 32px;
            color: #413F3F;
            font-weight: bold;
        }
        
        @media screen and (max-width: 576px) {
            .fontsize32 {
                font-size: 16px;
            }
        }
        
        .fontsize36 {
            font-size: 36px;
            color: #413F3F;
            font-weight: bold;
        }
        
        .btn01 {
            width: 70%;
            height: 120px;
            background: #FBEF56;
            color: #1A1A3D;
            font-size: 30px;
            border-radius: 30px;
            margin-bottom: 20px;
        }
        
        @media screen and (max-width: 576px) {
            .btn01 {
                height: 80px;
                width: 84%;
                font-size: 14px;
                font-weight: bold;
            }
        }
        
        .btn02 {
            width: 60%;
            height: 64px;
            background: #FBEF56;
            color: #1A1A3D;
            font-size: 30px;
            border-radius: 20px;
            margin: 0 auto;
            padding-top: 4%;
            padding-bottom: 4%;
        }
        
        @media screen and (max-width: 576px) {
            .btn02 {
                width: 74%;
                font-size: 14px;
                font-weight: bold;
                height: 60px;
                padding-top: 5%;
                padding-bottom: 5%;
                border-radius: 14px;
                text-align: center;
            }
        }
        
        .label01 {
            width: 100%;
            height: 160px;
            background: #FBEF56;
            color: #1A1A3D;
            font-size: 32px;
            font-weight: bold;
            border-radius: 40px;
            margin-top: 54px;
            margin-bottom: 20px;
            margin-right: 20px;
            padding-right: 10px;
            border-style: solid;
        }
        
        @media screen and (max-width: 576px) {
            .label01 {
                width: 100%;
                height: 60px;
                font-size: 16px;
                margin-top: 26px;
                margin-left: 0;
                margin-right: 60px;
                border-radius: 12px;
                font-size: 10px;
            }
        }
        
        .box03 {
            width: 100%;
            height: 1200px;
            background-color: rgba(251, 239, 86, 0.2);
            font-size: 30px;
            color: #413F3F;
            text-align: center;
            border: 1px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box03 {
                height: 1060px;
                padding-top: 12px;
            }
        }
        
        .box04 {
            width: 100%;
            height: auto;
            margin: 0 auto;
            background: white;
            border: 0;
        }
        
        @media screen and (max-width: 576px) {
            .box04 {
                display: none;
            }
        }
        
        /*.box05 {
            width: 100%;
            height: auto;
            margin: 0 auto;
            background: linear-gradient(90deg, lightgreen, #c2e2d2);
            border: 0;
            margin-top: 50px;
        }
        
        @media screen and (max-width: 576px) {
            .box05 {
                width: 100%;
                height: auto;
            }
        }*/
        
        .box06 {
            width: 100%;
            height: 800px;
            color: #413F3F;
            background: white;
        }
        
        @media screen and (max-width: 576px) {
            .box06 {
                height: 1160px;
            }
        }
        
        .box07 {
            width: 84%;
            height: auto;
            background: #FBEF56;
            margin-left: 20%;
            border-radius: 50px 0 0 0;
            border: 1px solid #1A1A3D;
            font-size: 24px;
        }
        
        @media screen and (max-width: 576px) {
            .box07 {
                width: 100%;
                height: auto;
                border-radius: 50px 50px 0 0;
                margin-left: 0;
            }
        }
        
        .box08 {
            width: 50px;
            height: 50px;
            background: #1A1A3D;
            border-radius: 4px;
        }
        
        .box09 {
            width: 84%;
            height: auto;
            background: #FBEF56;
            margin-left: 0;
            border-radius: 0 50px 0 0;
            border: 1px solid #1A1A3D;
            font-size: 24px;
        }
        
        @media screen and (max-width: 576px) {
            .box09 {
                width: 100%;
                height: auto;
                margin-top: 0;
                margin-left: 0;
                border-radius: 0 0 0 0;
            }
        }
        
        .box10 {
            width: 84%;
            height: auto;
            background: #FBEF56;
            margin-left: 20%;
            border-radius: 0 0 0 50px;
            border: 1px solid #1A1A3D;
            font-size: 24px;
        }
        
        @media screen and (max-width: 576px) {
            .box10 {
                width: 100%;
                height: auto;
                margin-left: 0;
                margin-top: 0;
                border-radius: 0 0 0 0;
            }
        }
        
        .box11 {
            width: 84%;
            height: auto;
            background: #FBEF56;
            margin-left: 0;
            border-radius: 0 0 50px 0;
            border: 1px solid #1A1A3D;
            font-size: 24px;
        }
        
        @media screen and (max-width: 576px) {
            .box11 {
                width: 100%;
                height: auto;
                margin-left: 0;
                margin-top: 0px;
                border-radius: 0 0 50px 50px;
            }
        }
        
        .box12 {
            width: 100%;
            height: 840px;
            background-color: rgba(251, 239, 86, 0.2);
            font-size: 24px;
            border-bottom: 1px solid #413F3F;
        }
        
        @media screen and (max-width: 576px) {
            .box12 {
                height: 980px;
                margin: 0 auto;
            }
        }
        
        .box13-01 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-01 {
                width: 100%;
                height: 180px;
                padding-left: 20px;
                margin-left: 0px;
            }
        }
        
        .box13-02 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-02 {
                width: 100%;
                height: 180px;
                padding-left: 20px;
                margin-left: 0;
                margin-top: 30px;
                margin-left: 0px;
            }
        }
        
        .box13-03 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-03 {
                width: 100%;
                height: 180px;
                padding-left: 20px;
                margin-top: 8px;
                margin-left: 0px;
            }
        }
        
        .box13-04 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-04 {
                width: 100%;
                height: 180px;
                padding-left: 20px;
                margin-top: 30px;
                margin-left: 0;
            }
        }
        
        .box13-05 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-05 {
                width: 100%;
                border-radius: 20px;
            }
        }
        
        .box13-06 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 5%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 5%;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-06 {
                width: 100%;
                margin-top: 45px;
                border-radius: 20px;
                margin-bottom: 0;
            }
        }
        
        .box13-07 {
            width: 100%;
            height: auto;
            background: white;
            font-size: 16px;
            padding-top: 3%;
            padding-left: 2%;
            padding-right: 3%;
            padding-bottom: 0;
            border-radius: 30px;
            border: 3px solid #1A1A3D;
        }
        
        @media screen and (max-width: 576px) {
            .box13-07 {
                border-radius: 20px;
                margin-top: 0;
            }
        }
        
        .box14 {
            background: #FBEF56;
            width: 100%;
            height: 700px;
            padding-top: 7%;
            border-right: 1px solid #413F3F;
            border-bottom: 1px solid #413F3F;
            border-left: 1px solid #413F3F;
        }
        
        .box15 {
            background: white;
            width: 100%;
            height: auto;
            font-size: 20px;
            color: #413F3F;
        }
        
        @media screen and (max-width:576px) {
            .box15 {
                font-size: 18px;
            }
            .thumbnail img {
                width: 60%;
            }
        }
        
        .box16 {
            width: 100%;
            height: 800px;
            background: #FBEF56;
            color: #413F3F;
        }
        
        @media screen and (max-width: 576px) {
            .box16 {
                height: 870px;
            }
        }
        
        .box17 {
            width: 100%;
            height: 100vh;
            background: #413F3F;
            padding-top: 80px;
        }
        
        .box18-01 {
            width: 18%;
            height: auto;
            background: #FBEF56;
            color: #413F3F;
        }
        
        .box18-02 {
            width: 18%;
            height: auto;
            background: #FBEF56;
            color: #413F3F;
        }
        
        .box18-03 {
            width: 24%;
            height: 80px;
            background: #FBEF56;
            color: #413F3F;
            font-size: 50px;
            font-weight: bold;
            margin: 0 auto;
        }
        
        @media screen and (max-width: 576px) {
            .box18-03 {
                width: 60%;
                font-size: 40px;
            }
        }
        
        .box19 {
            width: 140px;
            height: 120px;
            background: #E3E7F9;
            margin: 0 auto;
            margin-top: 68px;
            margin-left: 110px;
        }
        
        @media screen and (max-width: 576px) {
            .box19 {
                width: 80%;
                margin-top: 0;
                margin-left: 10px;
                margin-right: 0;
            }
        }
        
        .box20 {
            width: 20%;
            height: 30px;
            background: #E3E7F9;
            margin-top: 20px;
            margin-left: 16px;
            padding-bottom: 26px;
            text-align: left;
        }
        
        @media screen and (max-width: 576px) {
            .box20 {
                margin-bottom: 50%;
                margin-top: 0;
                margin-right: 9px;
                text-align: left;
                width: 21%;
            }
        }
        
        .box21 {
            width: 60%;
            height: auto;
            margin-left: 30px;
            margin-top: 96px;
            background: #FBEF56;
        }
        
        @media screen and (max-width: 576px) {
            .box21 {
                width: 100%;
                margin-top: 70px;
                margin-left: 0;
            }
        }
        
        .box22 {
            width: 60%;
            height: 105px;
            margin-left: 0;
            margin-top: 72px;
            background: #FBEF56
        }
        
        @media screen and (max-width: 576px) {
            .box22 {
                width: 60%;
                height: auto;
                margin-top: 60px;
                margin-left: 0;
                margin-right: 50px;
            }
        }
        
        .box23 {
            width: 80%;
            height: 105px;
            margin-left: 10%;
            margin-top: 76px;
            background: #FBEF56;
        }
        
        @media screen and (max-width: 576px) {
            .box23 {
                width: 50%;
                height: auto;
                margin-left: 0;
                margin-right: 100px;
                margin-top: 60px;
            }
        }
        
        .sp-only {

        }

        .balloon1 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 14px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon1:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon1 p {
            margin: 0;
            padding: 0;
        }
        
        .balloon2 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 14px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon2:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon2 p {
            margin: 0;
            padding: 0;
        }
        
        .balloon3 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 13px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon3:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon3 p {
            margin: 0;
            padding: 0;
        }
        
        .balloon4 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 14px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon4:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon4 p {
            margin: 0;
            padding: 0;
        }
        
        .balloon5 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 14px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon5:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon5 p {
            margin: 0;
            padding: 0;
        }
        
        .balloon6 {
            position: relative;
            display: inline-block;
            margin: 1.5em 0;
            padding: 7px 10px;
            max-width: 160px;
            max-width: 100%;
            height: 72px;
            color: black;
            font-size: 14px;
            font-weight: bold;
            background: white;
            border-radius: 5px;
        }
        
        .balloon6:before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -15px;
            border: 10px solid transparent;
            border-top: 10px solid white;
        }
        
        .balloon6 p {
            margin: 0;
            padding: 0;
        }
        
        @media screen and (max-width: 786px) {
            .pc-only01 {
                display: none !important;
            }
            .sp-only01 {
                display: block !important;
            }
        }
        
        @media screen and (min-width: 786px) {
            .pc-only01 {
                display: block !important;
            }
            .sp-only01 {
                display: none !important;
            }
        }
        
        @media screen and (max-width: 576px) {
            .pc-only03 {
                display: block !important;
            }
            .sp-only03 {
                display: none !important;
            }
        }
        
        @media screen and (min-width: 576px) {
            .pc-only03 {
                display: block !important;
            }
            .sp-only03 {
                display: none !important;
            }
        }
        
        @media screen and (max-width: 576px) {
            .pc-only {
                display: none !important;
            }
            .sp-only {
                display: block !important;
            }
        }
        
        @media screen and (min-width: 576px) {
            .pc-only {
                display: none !important;
            }
            .sp-only {
                display: block !important;
            }
        }

        .pr-10 {
            padding-right: 10%;
        }
        
        .pt-6 {
            padding-top: 6%;
        }
        
        .pt-8 {
            padding-top: 8%;
        }
        
        .pt-10 {
            padding-top: 10%
        }
        
        .pt-11 {
            padding-top:11%;
        }
        
        .pt-16 {
            padding-top: 16%;
        }
        
        .pb-6 {
            padding-bottom: 6%;
        }
        
        .pb-8 {
            padding-bottom: 8%;
        }
        
        .mb-6 {
            margin-bottom: 6%;
        }
        
        .mb-7 {
            margin-bottom: 7%;
        }

        .mb-8 {
            margin-bottom: 8%;
        }
        
        .mb-10 {
            margin-bottom: 10%;
        }
        
        .mb-20 {
            margin-bottom: 20%;
        }
        
        .mb-30 {
            margin-bottom: 30%;
        }
        
        .mb-40 {
            margin-bottom: 40%;
        }
        
        .mb-50 {
            margin-bottom: 50%;
        }
        
        .mb-80 {
            margin-bottom: 80%;
        }
        
        .mt-22 {
            margin-top: 22%;
        }
        
        .mt-6 {
            margin-top: 6%;
        }
        
        .mt-7 {
            margin-top: 7%;
        }
        
        .mt-8 {
            margin-top: 8%;
        }
        
        .mt-10 {
            margin-top: 10%;
        }

        .mt-11 {
            margin-top: 11%;
        }
        
        .mt-14 {
            margin-top: 14%;
        }

        .mt-18 {
            margin-top: 18%;
        }
        
        .mt-20 {
            margin-top: 20%;
        }
        
        .mt-30 {
            margin-top: 30%;
        }
        
        .mt-34 {
            margin-top: 34%;
        }
        
        .mt-36 {
            margin-top: 36%;
        }
        
        .mt-40 {
            margin-top: 40%;
        }
        
        .mt-44 {
            margin-top: 44%;
        }
        
        .mt-46 {
            margin-top: 46%;
        }
        
        .mt-48 {
            margin-top: 48%;
        }
        
        .mt-54 {
            margin-top: 54%;
        }
        
        .mr-20 {
            margin-right: 20%;
        }
        
        .mr-6 {
            margin-right: 6%;
        }
        
        .mr-7 {
            margin-right: 7%;
        }
        
        .mr-8 {
            margin-right: 8%;
        }
        
        .mr-9 {
            margin-right: 9%;
        }
        
        .mr-10 {
            margin-right: 10%;
        }
        
        .mr-15 {
            margin-right: 15%;
        }
        
        .mr-20 {
            margin-right: 20%;
        }
        
        .ml-10 {
            margin-left: 10%;
        }

        .ml-9 {
            margin-left: 9%;
        }
        
        .ml-13 {
            margin-left: 13%;
        }
        
        .ml-15 {
            margin-left: 15%;
        }
        
        .ml-17 {
            margin-left: 17%;
        }
        
        .ml-20 {
            margin-left: 20%;
        }
        
        .ml-25 {
            margin-left: 25%;
        }
        
        .ml-30 {
            margin-left: 30%;
        }

        .ml-40 {
            margin-left: 40%;
        }

        .ml-45 {
            margin-left:45%;
        }

        .ml-47 {
            margin-left:47px;
        }

        .ml-50 {
            margin-left: 50%
        }
        
        .pl-10 {
            padding-left: 10%;
        }
        
        .pl-5 {
            padding-left: 5%;
        }
        
        .pr-6 {
            padding-right: 6%;
        }
        
        .pr-8 {
            padding-right: 8%;
        }
        
        .pr-10 {
            padding-right: 10%;
        }
        
        .pr-14 {
            padding-right: 14%;
        }
        
        .pr-20 {
            padding-right: 20%;
        }
        
        .pb-10 {
            padding-bottom: 10px;
        }
        
        .pb-20 {
            padding-bottom: 20px;
        }
        
        .pb-30 {
            padding-bottom: 30px;
        }
        
        .pb-80 {
            padding-bottom: 80%;
        }
        
        .ml-6 {
            margin-left: 6%;
        }
        
        .ml-7 {
            margin-left: 7%;
        }
        
        .ml-8 {
            margin-left: 8%;
        }
        
        .ml-3 {
            margin-left: 3%;
        }
        
        .ml-10 {
            margin-left: 10%;
        }
        
        .ml-12 {
            margin-left: 12%;
        }
        
        .ml-13 {
            margin-left: 13%;
        }
        
        .ml-14 {
            margin-left: 14%;
        }
        
        .ml-20 {
            margin-left: 20%
        }
        
        .ml-25 {
            margin-left: 25%
        }
        
        .ml-30 {
            margin-left: 30%;
        }
        
        ml-40 {
            margin-left: 40%;
        }
        
        ml-50 {
            margin-left: 50%;
        }
        
        .ml-80 {
            margin-left: 80%;
        }
        
        .ml-70 {
            margin-left: 70%;
        }
        
        p {
            line-height: 34px;
        }
        
        .txt-right {
            text-align: right;
        }
        
        .txt-left {
            text-align: left;
        }
        
        .txt-center {
            text-align: center;
        }
        
        .pc-haba {
            width: 70%;
            margin: 0 auto;
            margin-left: auto;
            margin-right: auto;
        }