@charset "utf-8";
body{position: relative;}

/*#dummy_head{width: 100%; background: #a78908; height: 120px;position: fixed; top: 0; left: 0;z-index: 9999;}*/
#granola_plus {margin: 0;padding: 0; color: #000000;font-size: 15px;line-height: 1;font-family: sans-serif;font-weight: normal;text-align: center;}

#granola_plus p,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}

#granola_plus img {vertical-align:bottom;}

#granola_plus ul {margin: 0;padding: 0;}

#granola_plus a {text-decoration: none; color: #000000;}

#granola_plus li{list-style: none;margin: 0;padding: 0;}

#granola_plus .clearfix:after {content: "";clear: both;display: block;}

#granola_plus {background-color:#FF0119 !important; width: 100%; position: relative;}
#granola_plus.fixed {position: fixed; width: 100%;height: 100%;left: 0;}
#granola_plus img.sp{display: none;}
#granola_plus br.sp{display: none;}
.g_plus_modal_box img.sp{display: none;}
.g_plus_modal_box01 img.sp{display: none;}
.g_plus_modal_box02 img.sp{display: none;}
.g_plus_modal_box br.sp{display: none;}
.g_plus_modal_box .rel{position: relative; bottom:3%;left:47%;}

#granola_plus .plus_wrap{background: #ffffff;max-width: 1366px; margin: 0 auto;}
#granola_plus h1{text-align: center;width: 100%; background: url(../images/mv_bg.png) no-repeat top center; height: 704px;}
#granola_plus .bnr{position: absolute; top: 6.7%; right: 0;}
#granola_plus .read{margin: 80px 0 120px;font-size: 0;}
#granola_plus .read h2{padding-bottom: 50px;}
#granola_plus .read .date{font-size: 36px;font-family: sans-serif; color: #222222;padding-top: 40px;}
#granola_plus .read .date span{font-size: 30px;}
#granola_plus .read a{display: inline-block; text-align: center;padding: 0 23px;}
#granola_plus .read a:hover{opacity: 0.8;}
#granola_plus .read a img:first-child{display: block; padding-bottom: 20px; margin: 0 auto;}
#granola_plus .icon_R{font-size: 80%; vertical-align: 22%;}
.g_plus_modal_box .icon_R{font-size: 80%; vertical-align: 22%;}

#granola_plus #sec1{background: url(../images/sec01.jpg) no-repeat top center; width: 1366px; height: 1297px; margin: 0 auto;position: relative;margin-bottom: 80px;}
#granola_plus #sec1 p .modal_open{position: absolute; bottom:45px; right: 270px;}
#granola_plus #sec1 p .modal_open:hover{cursor: pointer; opacity: 0.8;}

#granola_plus #sec2{background: url(../images/sec02.jpg) no-repeat top center; width: 1366px; height: 1318px; margin: 0 auto;position: relative;margin-bottom: 80px;}
#granola_plus #sec2 p .modal_open{position: absolute; bottom:45px; right: 252px;}
#granola_plus #sec2 p .modal_open:hover{cursor: pointer; opacity: 0.8;}

#granola_plus #sec3{background: url(../images/sec03.jpg) no-repeat top center; width: 1366px; height: 1319px; margin: 0 auto;position: relative;margin-bottom: 80px;}
#granola_plus #sec3 p .modal_open{position: absolute; bottom:45px; right: 270px;}
#granola_plus #sec3 p .modal_open:hover{cursor: pointer; opacity: 0.8;}

#granola_plus #sec5{background: url(../images/sec05.jpg) no-repeat top center; width: 1366px; height: 1319px; margin: 0 auto;position: relative;margin-bottom: 20px;}
#granola_plus #sec5 p .modal_open{position: absolute; bottom:45px; right: 270px;}
#granola_plus #sec5 p .modal_open:hover{cursor: pointer; opacity: 0.8;}

#granola_plus #sec4{height: auto; margin: 0 auto;padding-bottom: 100px;}
#granola_plus #sec4 .sec04_h3{margin-top: 50px;}
#granola_plus #sec4 .sec04_text{margin: 30px 0 40px 0; font-size: 24px; line-height: 1.7;}
#granola_plus #sec4 .sec04_menu{margin-top: 40px; position: relative; height: 342px;}
#granola_plus #sec4 .sec04_menu .btn{position: absolute; bottom: 12%; right: 22%;}
#granola_plus #sec4 .sec04_menu .btn:hover{cursor: pointer; opacity: 0.8;}



#granola_plus .excuse{padding: 0 0 100px; font-size: 18px; text-align: left; display: inline-block;line-height: 1.6;}
/* #granola_plus .excuse._sec05{padding: 0 0 50px 50px; font-size: 18px; text-align: left; display: block;line-height: 1.6;} */
#granola_plus .excuse._sec05{position: absolute; bottom:3%; left: 27%;}


.g_plus_modal_box {position: fixed; z-index: 77777;display: none;width: 1197px;margin: 0;padding: 40px 0 35px;text-align: center;background: #fff;box-sizing: border-box; height: 90vh;}
.g_plus_modal_box::-webkit-scrollbar {display: none;}
.g_plus_modal_box .modal_inner{width: calc(100% - 200px); height:calc(100% - 70px); overflow-y: scroll; overflow-x: hidden;position: relative; margin: 0 auto;}
.g_plus_modal_box .modal_inner_cover{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);width: calc(100% - 200px); height:calc(100% - 104px); position: absolute; pointer-events: none; top:0; left: 0;right: 0; margin: 0 auto; z-index: 77755;}
.g_plus_modal_box .deco{ position: fixed; top:40px; left: calc(50% - 750px); pointer-events: none;z-index: 77766;}
.g_plus_modal_box .deco_sec05{ position: fixed; top:10px; left: 50%; transform: translateX(-50%); pointer-events: none;z-index: 77766;}
.g_plus_modal_box h3{font-size: 32px; font-weight: bold; padding-bottom: 30px;}
.g_plus_modal_box h4{padding:0 0 20px;}
.g_plus_modal_box .modal_inner .modal_text{text-align: left; padding-left: 40px; padding-bottom: 80px;}
.g_plus_modal_box .modal_inner .modal_text._sec05{text-align: left; padding-left: 40px; padding-bottom: 0;}
.g_plus_modal_box .modal_inner .img_btm{padding-bottom: 50px;}
.g_plus_modal_box p{margin: 0; }
.g_plus_modal_box .modal_close {padding-top: 30px;display: inline-block;}
.g_plus_modal_box .modal_close:hover{opacity: 0.8;cursor: pointer;}
.g_plus_modal_box .modal_close img{ width: auto; height: 36px;}
.g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}

#modal1.g_plus_modal_box h3{color: #e60012; padding-bottom: 40px;}
#modal1.g_plus_modal_box .modal_inner .modal_text{padding-bottom: 30px;}
#modal2.g_plus_modal_box h3{color: #ec6d88;}
#modal3.g_plus_modal_box h3{color: #007ac4;}
#modal4.g_plus_modal_box h3{color: #f9c000; padding-bottom:10px; font-size: 28px;}
#modal4.g_plus_modal_box h4{padding-bottom:40px;}

.g_plus_modal_box01 {background: url(../images/modal_3_img01re.jpg);position: fixed; z-index: 77777;display: none;width: 1074px;margin: 0;text-align: center;box-sizing: border-box; height: 90vh;}
/* .g_plus_modal_box01 .modal_inner::-webkit-scrollbar {display: none;}
.g_plus_modal_box01 .modal_inner{overflow: scroll;-ms-overflow-style: none;} */
.g_plus_modal_box01 .modal_inner{width: 100%; height:calc(100% - 90px); overflow-y: scroll; overflow-x: hidden;position: relative; margin: 0 auto;}
.g_plus_modal_box01 .modal_inner_cover{background: url(../images/modal_3_cover.png) no-repeat top center;width: 100%; height:15px; position: absolute; pointer-events: none;bottom:0%; left: 0;right: 0; margin: 0 auto; z-index: 77755;}
.g_plus_modal_box01 p{margin: 0; }
.g_plus_modal_box01 .modal_close {position: absolute;bottom: 5%;left: 43%; z-index: 99999;}
.g_plus_modal_box01 .modal_close:hover{opacity: 0.8;cursor: pointer;}
.g_plus_modal_box01 .modal_close img{ width: auto; height: auto;}
.g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}

.g_plus_modal_box02 {background: url(../images/modal_3_img02re.jpg);position: fixed; z-index: 77777;display: none;width: 1074px;margin: 0;text-align: center;box-sizing: border-box; height: 90vh;}
/* .g_plus_modal_box02 .modal_inner::-webkit-scrollbar {display: none;}
.g_plus_modal_box01 .modal_inner{overflow: scroll; -ms-overflow-style: none; overflow:-moz-scrollbars-none;} */
.g_plus_modal_box02 .modal_inner{width: 100%; height:calc(100% - 90px); overflow-y: scroll; overflow-x: hidden;position: relative; margin: 0 auto;}
.g_plus_modal_box02 .modal_inner_cover{background: url(../images/modal_3_cover02.png) no-repeat top center;width: 100%; height:19px; position: absolute; pointer-events: none;bottom:0%; left: 0;right: 0; margin: 0 auto; z-index: 77755;}
.g_plus_modal_box02 p{margin: 0; }
.g_plus_modal_box02 .modal_close {position: absolute;bottom: 5%;left: 43%; z-index: 99999;}
.g_plus_modal_box02 .modal_close:hover{opacity: 0.8;cursor: pointer;}
.g_plus_modal_box02 .modal_close img{ width: auto; height: auto;}
.g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}
#granola_plus .read .anchor a .sp{display: none;}

.g_plus_modal_box02._modal03 {background: url(../images/modal_3_img03re.jpg);}
.g_plus_modal_box02._modal03 .modal_inner_cover{background: url(../images/modal_3_cover03.png) no-repeat top center;width: 100%; height:14px; position: absolute; pointer-events: none;bottom:0%; left: 0;right: 0; margin: 0 auto; z-index: 77755;}

.btn_wrap{
    max-width: 900px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    right: 0;
}
.btn_wrap._sec02_wrap{
    bottom: 40px;
}
.btn_box{
    width: 40%;
    padding: 20px 0 0 40px;
}
.btn_box img{
    width: 100%;
}
.btn_box_pt{
    padding-top: 33px;
}

@media screen and (max-width: 1030px) {
    #granola_plus img.sp{display: inline;}
    #granola_plus img.pc{display: none;}
    #granola_plus br.sp{display: block;}
    .g_plus_modal_box img.sp{display: inline;}
    .g_plus_modal_box img.pc{display: none;}
    .g_plus_modal_box01 img.sp{display: inline;}
    .g_plus_modal_box01 img.pc{display: none;}
    .g_plus_modal_box02 img.sp{display: inline;}
    .g_plus_modal_box02 img.pc{display: none;}
    .g_plus_modal_box br.sp{display: block;}
    .g_plus_modal_box .plus_wrap{max-width: 750px;}
    .g_plus_modal_box img{max-width: 100%;}
    #granola_plus .icon_R{font-size: 80%; vertical-align: 22%;}
    .g_plus_modal_box .icon_R{font-size: 80%; vertical-align: 22%;}
    #granola_plus .btn_position{position: relative;}

    #granola_plus .plus_wrap{max-width: 750px;}
    #granola_plus img{max-width: 100%;}
    #granola_plus .bnr{position: absolute;top: 4.2%;width: 100%;right: 0;}

    #granola_plus h1{height: auto;background-size: 136%; padding-bottom: 13%;}
    #granola_plus h1 img{width: calc(100% - 16px);}
    #granola_plus .read h2{padding:0 1% 50px;}

    #granola_plus #sec1{background:none; width: 100%; height: auto; margin-bottom: 80px;padding-bottom: 60px;border-bottom: #efefef 1px solid;}
    #granola_plus #sec1 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec1 p .modal_open img{width: 82%;}

    #granola_plus #sec2{background:none; width: 100%; height: auto; padding-bottom: 60px;border-bottom: #efefef 1px solid;}
    #granola_plus #sec2 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec2 p .modal_open img{width: 82%;}

    #granola_plus #sec3{background:none; width: 100%; height: auto; padding-bottom: 60px;border-bottom: #efefef 1px solid;}
    #granola_plus #sec3 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec3 p .modal_open img{width: 82%;}

    #granola_plus #sec3{background:none; width: 100%; height: auto; padding-bottom: 30px;border-bottom: #efefef 1px solid;position: relative;margin-bottom: 30px;}
    #granola_plus #sec3 p .link{position: absolute;bottom:15.3%}
    #granola_plus #sec3 p .link:hover{cursor: pointer; opacity: 0.8;}
    #granola_plus #sec3 p .link01{right: 15%; bottom: 34.8%;width: 70%;}
    #granola_plus #sec3 p .link02{right: 15%; bottom: 11.8%;width: 70%;}
    #granola_plus #sec3 p .link03{right: 54.5%;bottom: 14.5%;width: 19%;}
    #granola_plus #sec3 p .link04{right: 26.7%;bottom: 14.5%;width: 19%;}

    #granola_plus #sec5{background:none; width: 100%; height: auto; padding-bottom: 60px;border-bottom: #efefef 1px solid;}
    #granola_plus #sec5 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec5 p .modal_open img{width: 82%;}

    #granola_plus #sec5{background:none; width: 100%; height: auto; padding-bottom: 30px;border-bottom: #efefef 1px solid;position: relative;margin-bottom: 30px;}
    #granola_plus #sec5 p .link{position: absolute;bottom:15.3%}
    #granola_plus #sec5 p .link:hover{cursor: pointer; opacity: 0.8;}
    #granola_plus #sec5 p .link01{right: 15%; bottom: 34.8%;width: 70%;}
    #granola_plus #sec5 p .link02{right: 15%; bottom: 11.8%;width: 70%;}
    #granola_plus #sec5 p .link03{right: 54.5%;bottom: 14.5%;width: 19%;}
    #granola_plus #sec5 p .link04{right: 26.7%;bottom: 14.5%;width: 19%;}


    #granola_plus #sec4{height: auto; margin: 0 auto;margin-bottom: 30px;}
    #granola_plus #sec4 .sec04_h3{margin-top: 50px;}
    #granola_plus #sec4 .sec04_text{margin: 30px 0 40px 0; font-size: 24px; line-height: 1.7;}
    #granola_plus #sec4 .sec04_menu{margin-top: 40px; position: relative; height: auto;}
    #granola_plus #sec4 .sec04_menu .btn{position: absolute; bottom: 6%; right: 17%;}
    #granola_plus #sec4 .sec04_menu .btn:hover{cursor: pointer; opacity: 0.8;}

    #granola_plus .excuse{padding: 30px 10% 50px; font-size: 18px; text-align: left; display: inline-block;line-height: 1.6;}
    /* #granola_plus .excuse._sec05{padding: 0px 0% 50px; font-size: 18px; text-align: left; display: inline-block;line-height: 1.6;} */
    #granola_plus .excuse._sec05{position: absolute; bottom:9%; left: 8%;}

    .g_plus_modal_box { display: none;width: calc(100% - 50px);margin: 0;padding: 60px 30px 25px;background: #fff;box-sizing: border-box; max-width: 800px;}
    .g_plus_modal_box .modal_inner{width:100%; height:calc(100% - 80px); text-align: center;}
    .g_plus_modal_box .modal_inner_cover{width: calc(100% - 40px); height:calc(100% - 100px); position: absolute; pointer-events: none; top:0; left: 0;right: 0; margin: 0 auto;}
    .g_plus_modal_box .deco{display: none;}
    .g_plus_modal_box .deco_sec05{display: none;}
    .g_plus_modal_box h3{font-size: 34px; padding-bottom: 50px;}
    .g_plus_modal_box h4{padding:60px 0 35px;}
    .g_plus_modal_box .modal_inner .modal_text{text-align: center; padding-left: 0; padding-bottom: 80px;}
    .g_plus_modal_box .modal_inner .modal_text._sec05{text-align: center; padding-left: 0; padding-bottom: 80px;}
    .g_plus_modal_box .modal_inner .img_btm{padding-bottom: 30px;}
    .g_plus_modal_box .modal_close {padding-top: 30px;display: inline-block;}

    #modal4.g_plus_modal_box h3{padding-bottom:0px; font-size: 28px;}
    #modal4.g_plus_modal_box h4{padding:10px 0 50px;}

    .g_plus_modal_box01 {background: none;width: 94%;margin: 0;text-align: center;box-sizing: border-box; height: 80vh;padding: 0;}
    .g_plus_modal_box01 .modal_inner{width:100%; height:calc(100% - 40px); text-align: center;}
    .g_plus_modal_box01 .modal_inner_cover{display: none;}
    .g_plus_modal_box01 .modal_close {position: absolute;bottom: 11%;left: 43%; z-index: 99999;}
    .g_plus_modal_box01 .modal_close:hover{opacity: 0.8;cursor: pointer;}
    .g_plus_modal_box01 .modal_close img{ width: 88px; height: 88px;}
    .g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}

    .g_plus_modal_box02 {background: none;width: 94%;margin: 0;text-align: center;box-sizing: border-box; height: 80vh;padding: 0;}
    .g_plus_modal_box02 .modal_inner{width:100%; height:calc(100% - 40px); text-align: center;}
    .g_plus_modal_box02 .modal_inner_cover{display: none;}
    .g_plus_modal_box02 .modal_close {position: absolute;bottom: 11%;left: 43%; z-index: 99999;}
    .g_plus_modal_box02 .modal_close:hover{opacity: 0.8;cursor: pointer;}
    .g_plus_modal_box02 .modal_close img{ width: 88px; height: 88px;}
    .g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}
    #granola_plus .read .anchor a .pc{display: block;}
    #granola_plus .read .anchor a {margin-top:40px;}

    .g_plus_modal_box02._modal03 .modal_inner{width:100%; height:calc(100% - -6px); text-align: center;}
    .g_plus_modal_box02._modal03 {background: none;width: 94%;margin: 0;text-align: center;box-sizing: border-box; height: 80vh;padding: 0;}

    .btn_wrap{
        width: 80%;
        right: 0;
        left: 0;
        bottom: 4%;
        margin: 0 auto;
    }
    .btn_wrap._sec02_wrap{
        bottom: 40px;
    }
    .btn_box{
        width: 100%;
        padding: 0;
    }
    .btn_box img{
        width: 100%;
    }
    .btn_box_pt{
        padding-top: 10%;
    }

}

@media screen and (max-width:760px) {
    
    #granola_plus .plus_wrap{min-width: 320px;}
    #granola_plus .bnr{position: absolute;top: 3.9%;width: 359px;right: 2.2%;}
    #granola_plus .read{margin: 25px 0 35px;font-size: 0;}
    #granola_plus .read h2{padding:0 2% 19px;}
    #granola_plus .read .date{font-size: 18px;font-family: sans-serif; color: #222222;padding-top: 20px;}
    #granola_plus .read .date span{font-size: 14px;}
    /* #granola_plus .read .anchor{ padding: 0 12%;} */
    #granola_plus .read a{display: inline-block; text-align: center; width: 33%;box-sizing: border-box;}
    #granola_plus .read a img:first-child{display: block; padding-bottom: 10px; width: 100%;margin: 0 auto;}
    #granola_plus .read a img{width:100%;}
    #granola_plus .icon_R{font-size: 80%; vertical-align: 20%;}
    .g_plus_modal_box .icon_R{font-size: 80%; vertical-align: 20%;}

    #granola_plus #sec1{background:none; width: 100%; height: auto; margin-bottom: 40px;padding-bottom: 30px;border-bottom: #efefef 1px solid;}
    #granola_plus #sec1 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec1 p .modal_open img{width: 82%;}

    #granola_plus #sec2{background:none; width: 100%; height: auto; padding-bottom: 30px;border-bottom: #efefef 1px solid;margin-bottom: 30px;}
    #granola_plus #sec2 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec2 p .modal_open img{width: 91%;}

    #granola_plus #sec3{background:none; width: 100%; height: auto; padding-bottom: 30px;border-bottom: #efefef 1px solid;position: relative;margin-bottom: 30px;}
    #granola_plus #sec3 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec3 p .modal_open img{width: 82%;}
    /* #granola_plus #sec3 p .link{position: absolute;bottom:15.3%}
    #granola_plus #sec3 p .link:hover{cursor: pointer; opacity: 0.8;}
    #granola_plus #sec3 p .link01{right: 15%; bottom: 36.8%;width: 70%;}
    #granola_plus #sec3 p .link02{right: 15%; bottom: 13.8%;width: 70%;}
    #granola_plus #sec3 p .link03{right: 54.5%;bottom: 16%;width: 19%;}
    #granola_plus #sec3 p .link04{right: 26.7%;bottom: 16%;width: 19%;} */

    #granola_plus #sec5{background:none; width: 100%; height: auto; padding-bottom: 30px;border-bottom: #efefef 1px solid;position: relative;margin-bottom: 30px;}
    #granola_plus #sec5 p .modal_open{position: static; bottom:0; right: 0;}
    #granola_plus #sec5 p .modal_open img{width: 82%;}

    #granola_plus #sec4{height: auto; margin: 0 auto;margin-bottom: 30px;}
    #granola_plus #sec4 .sec04_h3{margin-top: 50px;}
    #granola_plus #sec4 .sec04_text{margin: 30px 0 40px 0; font-size: 14px; line-height: 1.7;}
    #granola_plus #sec4 .sec04_menu{margin: 40px auto 0; position: relative; height: auto;width: 94%;}
    #granola_plus #sec4 .sec04_menu .btn{position: absolute; bottom: 6%; right: 8%;width: 82%;}
    #granola_plus #sec4 .sec04_menu .btn:hover{cursor: pointer; opacity: 0.8;}

    #granola_plus .excuse{padding: 15px 10% 50px; font-size: 12px; text-align: left; display: inline-block;line-height: 1.6;}
    /* #granola_plus .excuse._sec05{padding: 0px 0% 50px; font-size: 12px; text-align: left; display: inline-block;line-height: 1.6;} */
    #granola_plus .excuse._sec05{position: absolute; bottom:6.5%; left: 50%; transform: translateX(-50%); width:100%; text-align: center;}

    .g_plus_modal_box {display: none;width: calc(100% - 25px); max-width: 375px; margin: 0;padding: 35px 15px 15px;text-align: center;background: #fff;box-sizing: border-box; height: 80vh;}
    .g_plus_modal_box .deco{display: none;}
    .g_plus_modal_box .deco_sec05{display: none;}
    .g_plus_modal_box .modal_inner{width:100%; height:calc(100% - 40px); text-align: center;}
    .g_plus_modal_box .modal_inner_cover{width: calc(100% - 25px); height:calc(100% - 55px); position: absolute; pointer-events: none; top:0; left: 0;right: 0; margin: 0 auto;}
    .g_plus_modal_box h3{font-size: 18px; padding-bottom: 30px;}
    .g_plus_modal_box h4{padding:30px 0 18px;}
    .g_plus_modal_box .modal_inner .modal_text{padding-bottom: 10px;}
    .g_plus_modal_box .modal_inner .modal_text{padding-bottom: 80px;}
    .g_plus_modal_box .modal_inner .modal_text._sec05{padding-bottom: 40px;}
    .g_plus_modal_box .modal_inner .img_btm{padding-bottom: 20px;}
    .g_plus_modal_box .modal_close {padding-top: 15px;display: inline-block;}
    .g_plus_modal_box .modal_close img{ height: 21px;}

    #modal4.g_plus_modal_box h3{padding-bottom:0px; font-size: 18px;}
    #modal4.g_plus_modal_box h4{padding:0px 0 30px;}

    .g_plus_modal_box01 {background: none;width: 94%;margin: 0;text-align: center;box-sizing: border-box; height: 80vh;padding: 0;}
    .g_plus_modal_box01 .modal_inner{width:100%; height:calc(100% - 40px); text-align: center;}
    .g_plus_modal_box01 .modal_inner img{width:100%;}
    .g_plus_modal_box01 .modal_inner_cover{display: none;}
    .g_plus_modal_box01 .modal_close {position: absolute;bottom: 13%;left: 43%; z-index: 99999;}
    .g_plus_modal_box01 .modal_close:hover{opacity: 0.8;cursor: pointer;}
    .g_plus_modal_box01 .modal_close img{ width: 44px; height: 44px;}
    .g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}

    .g_plus_modal_box02 {background: none;width: 94%;margin: 0;text-align: center;box-sizing: border-box; height: 80vh;padding: 0;}
    .g_plus_modal_box02 .modal_inner{width:100%; height:calc(100% - 40px); text-align: center;}
    .g_plus_modal_box02 .modal_inner img{width:100%;}
    .g_plus_modal_box02 .modal_inner_cover{display: none;}
    .g_plus_modal_box02 .modal_close {position: absolute;bottom: 13%;left: 43%; z-index: 99999;}
    .g_plus_modal_box02 .modal_close:hover{opacity: 0.8;cursor: pointer;}
    .g_plus_modal_box02 .modal_close img{ width: 44px; height: 44px;}
    .g_plus_modal_bg {position: fixed;top: 0;left: 0; z-index: 66666;display: none;width: 100%;height: 120%;background-color: rgba(0,0,0,0.7);}
    /* #granola_plus .read .anchor #tetsubun{padding: 0;}
    #granola_plus .read .anchor .tetsubun_img{width: 63%;}
    #granola_plus .read .anchor #text_b{width: 90%;} */
    /* #granola_plus .read .anchor a #pro{width: 73%;}
    #granola_plus .read .anchor a #cl{width: 67%;} */
    #granola_plus .read .anchor a {width: 50%; margin-top:10px;}
    #granola_plus .read .anchor a img{width: 90%;}
    #granola_plus .read a{display: inline-block; text-align: center;padding: 0 8px;}
    #granola_plus .read .anchor a .sp{display: block;}
    #granola_plus .read .anchor a .pc{display: none;}

    .g_plus_modal_box02._modal03 .modal_close {position: absolute;bottom: 8%;left: 43%; z-index: 99999;}
    .g_plus_modal_box02._modal03 .modal_inner{width:100%; height:calc(100% - -6px); text-align: center;}

    .btn_wrap{
        width: 80%;
        right: 0;
        left: 0;
        bottom: 4%;
        margin: 0 auto;
    }
    .btn_wrap._sec02_wrap{
        bottom: 40px;
    }
    .btn_box{
        width: 100%;
        padding: 0;
    }
    .btn_box img{
        width: 100%;
    }
    .btn_box_pt{
        padding-top: 10%;
    }

}

@media screen and (max-width:320px) {
    #granola_plus .excuse{padding: 15px 6% 50px; font-size: 10px;}
    #granola_plus .excuse._sec05{padding: 0px 3% 50px; font-size: 10px;}
    .g_plus_modal_box h3{font-size: 14px; }
    #modal4.g_plus_modal_box h3{padding-bottom:0px; font-size: 14px;}
    #modal4.g_plus_modal_box h4{padding:0px 0 30px;}
    #granola_plus .icon_R{font-size: 80%; vertical-align: 10%;}
    .g_plus_modal_box .icon_R{font-size: 80%; vertical-align: 10%;}
}