/*2020.12.12 追加*/
            
             ::-webkit-input-placeholder {
                /* WebKit, Blink, Edge */
                font-size: 12px;
            }
            
             :-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                font-size: 12px;
            }
            
             ::placeholder {
                /* Others */
                font-size: 12px;
            }
            
            .wrap {
                overflow: hidden;
            }
            
            .box01 {
                width: 100%;
                height: 760px;
                background: #FBEF56;
                color: #413F3F;
                border: 20px solid #1A1A3D;
            }
            
            @media screen and (max-width: 576px) {
                .box01 {
                    height: 414px;
                }
            }
            
            @media screen and (max-width: 375px) {
                .box01 {
                    height: 375px;
                }
            }
            
            .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;
            }
            
            @media screen and (max-width: 576px) {
                .fontsize70 {
                    font-size: 22px;
                }
            }
            
            .fontsize50 {
                font-size: 50px;
                color: #413F3F;
            }
            
            @media screen and (max-width: 576px) {
                .fontsize50 {
                    font-size: 26px;
                }
            }
            
            .fontsize51 {
                font-size: 51px;
            }
            
            .fontsize26 {
                font-size: 26px;
            }
            
            @media screen and (max-width: 576px) {
                .fontsize26 {
                    font-size: 48px;
                }
            }
            
            .fontsize27 {
                font-size: 27px;
            }
            
            .fontsize48 {
                font-size: 48px;
                font-weight: bold;
                color: #413F3F;
            }
            @media screen and (max-width:576px) {
                .fontsize48 {
                    font-size: 36px;
                    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: #413F3F;
            }
            
            @media screen and (max-width: 576px) {
                .fontsize40 {
                    font-size: 24px;
                }
            }
            
            .box02 {
                width: 100%;
                height: 160px;
                background: #1A1A3D;
            }
            
            @media screen and (max-width: 576px) {
                .box02 {
                    height: 100px;
                }
            }
            
            .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;
                }
            }
            
            .fontsize29 {
                font-size: 29px;
            }
            
            @media screen and (max-width: 576px) {
                .fontsize29 {
                    font-size: 14px;
                }
            }
            
            .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: 20px;
                    font-weight: bold;
                    height: 60px;
                    padding-top: 5%;
                    padding-bottom: 5%;
                    border-radius: 14px;
                    text-align: center;
                }
            }
            
            .label01 {
                width: 90%;
                height: 160px;
                background: #FBEF56;
                color: #1A1A3D;
                font-size: 32px;
                font-weight: bold;
                border-radius: 40px;
                margin-top: 54px;
                margin-bottom: 20px;
                margin-right: 40px;
                padding-right: 10px;
                border-style: solid;
            }
            
            @media screen and (max-width: 576px) {
                .label01 {
                    width: 70%;
                    height: 60px;
                    font-size: 7px; 
                    margin-top: -88px;
                    margin-left:90px;
                    padding-left:0;
                    margin-right: 60px;
                    border-radius: 12px;
                    font-size: 10px;
                }
            }
            
            .box03 {
                width: 100%;
                height: 2000px;
                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: 80%;
                height: 280px;
                margin: 0 auto;
                background: #E3E7F9;
                border-top: 4px solid #1A1A3D;
                border-right: 4px solid #1A1A3D;
                border-bottom: 100px;
                border-left: 4px solid #1A1A3D;
                font-size: 15px;
                font-weight: bold;
            }
            
            @media screen and (max-width: 576px) {
                .box04 {
                    font-size: 10px;
                    width: 90%;
                    height: 140px;
                }
            }
            
            .box05 {
                width: 80%;
                height: 200px;
                margin: 0 auto;
                background: white;
                border-top: 0;
                border-right: 4px solid #1A1A3D;
                border-bottom: 4px solid #1A1A3D;
                border-left: 4px solid #1A1A3D;
                font-size: 36px;
                font-weight: bold;
                margin-top: 0px;
            }
            
            @media screen and (max-width: 576px) {
                .box05 {
                    font-size: 12px;
                    width: 90%;
                    height: 120px;
                }
            }
            
            .box06 {
                width: 100%;
                height: 780px;
                color: #413F3F;
                background: white;
            }
            
            @media screen and (max-width: 576px) {
                .box06 {
                    height: auto;
                    margin-bottom: 60px;
                }
            }
            
            .box07 {
                width: 85%;
                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: 85%;
                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: 85%;
                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: 85%;
                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;
                padding-bottom: 60px;
            }
            
            @media screen and (max-width: 576px) {
                .box12 {
                    height: 1000px;
                    margin: 0 auto;
                }
            }
            
            .box13-01 {
                width: 100%;
                height: auto;
                background: white;
                font-size: 16px;
                padding-top: 5%;
                padding-left: 3%;
                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;
                    margin-bottom: 0;
                }
            }
            
            .box13-02 {
                width: 100%;
                height: auto;
                background: white;
                font-size: 16px;
                padding-top: 5%;
                padding-left: 3%;
                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: 8px;
                }
            }
            
            .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: 540px;
                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: 250px;
                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: 50px;
            }
            
            @media screen and (max-width: 576px) {
                .box19 {
                    width: 24%;
                    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 {
                    margin-top: 70px;
                    margin-left: -12px;
                }
            }

            @media screen and (max-width: 375px) {
                .box21 {
                    margin-left: -16px;
                }
            }
            
            .box22 {
                width: 60%;
                height: 105px;
                margin-left: 0;
                margin-top: 72px;
                background: #FBEF56
            }
            
            @media screen and (max-width: 576px) {
                .box22 {
                    width: 10%;
                    height: auto;
                    margin-top: 60px;
                    margin-left: 10%;
                }
            }
            
            .box23 {
                width: 32%;
                height: 105px;
                margin-left: 12%;
                margin-top: 42px;
                background: #FBEF56;
            }

            @media screen and (max-width: 576px) {
                .box23 {
                    width: 50%;
                    margin-left:-16%;
                    margin-top: 28%;
                }
            }

            /*@media screen and (max-width: 375px) {
                .box23 {
                
                }
            }*/

            .box24 {
                width: 70%;
                height: auto;
                margin-left: 30px;
                margin-top: 96px;
                background: #FBEF56;
            }
            
            @media screen and (max-width: 576px) {
                .box24 {
                    margin-top: 80px;
                    margin-left: 10px;
                }
            }
            
            .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:414px) {
                .box23 {
                    width:56%;
                }
            }

            .pr-18 {
                padding-right: 18%;
            }

            .pr-14 {
                padding-right: 14%;
            }

            .pr-10 {
                padding-right: 10%;
            }
            
            .pt-6 {
                padding-top: 6%;
            }
            
            .pt-8 {
                padding-top: 8%;
            }
            
            .pt-10 {
                padding-top: 10%
            }
            
            .pt-16 {
                padding-top: 16%;
            }
            
            .pb-6 {
                padding-bottom: 6%;
            }
            
            .pb-8 {
                padding-bottom: 8%;
            }
            
            .mb-6 {
                margin-bottom: 6%;
            }
            
            .mb-8 {
                margin-bottom: 8%;
            }
            
            .mb-10 {
                margin-bottom: 10%;
            }
            
            .mb-50 {
                margin-bottom: 50%;
            }
            
            .mb-80 {
                margin-bottom: 80%;
            }
            
            .mt-20 {
                margin-top: 20%;
            }
            
            .mt-6 {
                margin-top: 6%;
            }
            
            .mt-7 {
                margin-top: 7%;
            }
            
            .mt-8 {
                margin-top: 8%;
            }
            
            .mt-10 {
                margin-top: 10%;
            }
            
            .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%;
            }
            
            .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-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%;
            }
            
            .ml-60 {
                margin-left: 60%;
            }

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

            .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;
            }