@media screen and (max-width:959px){#wrapper #main #content #mainarea{width:100%}#wrapper #main #content #mainarea #feature-data-box{margin:0 5px}#wrapper #main #content #mainarea #feature-data-box #feature-data{padding-top:10px}#wrapper #main #content #mainarea #content-innr{padding:0 5px}#wrapper #main #content #mainarea #content-innr .sp-view{display:block}#wrapper #main #content #mainarea #content-innr .mainttl:before{width:57%;background-position:center}#wrapper #main #content #mainarea #content-innr .mainttl h1{width:36%}#wrapper #main #content #mainarea #content-innr .mainttl h1 span{font-size:18px;padding:0}#wrapper #main #content #mainarea #content-innr .mainttl .logo{width:35.4%}#wrapper #main #content #mainarea #content-innr .cont01 .introtxt{width:100%;padding:30px 0}#wrapper #main #content #mainarea #content-innr .cont01 .introtxt h2{font-size:30px}#wrapper #main #content #mainarea #content-innr .cont02 .txtarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .txtarea{width:60%}#wrapper #main #content #mainarea #content-innr .cont02 .imgarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .imgarea{width:40%}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea{width:660px}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea_right{margin-left:calc(100% - 660px)}#wrapper #main #content #mainarea #content-innr .cont03.math .qa_block{height:380px}#wrapper #main #content #mainarea .feature-text p{margin:0 5px}}@media screen and (max-width:767px){#wrapper #main{padding-top:51px}#wrapper #main #content #mainarea #content-innr h2{font-size:30px;line-height:40px}#wrapper #main #content #mainarea #content-innr h3{font-size:20px;line-height:30px}#wrapper #main #content #mainarea #content-innr .txtarea{padding:20px}#wrapper #main #content #mainarea #content-innr .mainttl{margin-bottom:70px}#wrapper #main #content #mainarea #content-innr .mainttl:before{background-position:left 20% center;margin-bottom:0;height:380px}#wrapper #main #content #mainarea #content-innr .mainttl h1{margin:0 3%;right:0}#wrapper #main #content #mainarea #content-innr .mainttl h1 span{font-size:14px}#wrapper #main #content #mainarea #content-innr .iee_box{position:relative;top:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;margin-bottom:35px}#wrapper #main #content #mainarea #content-innr .iee_box .btn{right:0}#wrapper #main #content #mainarea #content-innr .iee_box h2{font-size:20px}#wrapper #main #content #mainarea #content-innr .cont02,#wrapper #main #content #mainarea #content-innr .cont03,#wrapper #main #content #mainarea #content-innr .cont04{margin:60px 0 0}#wrapper #main #content #mainarea #content-innr .cont01 .introtxt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;padding:0 20px}#wrapper #main #content #mainarea #content-innr .cont01 .introtxt h2{font-size:30px}#wrapper #main #content #mainarea #content-innr .cont01 .introtxt h2:after{background-size:60%;background-position:center}#wrapper #main #content #mainarea #content-innr .cont01 .imgarea figure:before{background-size:70%}#wrapper #main #content #mainarea #content-innr .cont02{padding:0 20px;background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/t-es-showa-gkn-230620-sec01-bg01.png) no-repeat top 35% left 0,url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/t-es-showa-gkn-230620-sec01-bg02.png) no-repeat bottom right}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea{margin-bottom:30px}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:after,#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:before{width:50px}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:before{left:15%}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:after{right:15%}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea p{font-size:20px}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea:after{background-size:70% 70%;background-position:center top 0}#wrapper #main #content #mainarea #content-innr .img_l,#wrapper #main #content #mainarea #content-innr .img_r{margin-bottom:30px}#wrapper #main #content #mainarea #content-innr .img_l .answer_box,#wrapper #main #content #mainarea #content-innr .img_l figure,#wrapper #main #content #mainarea #content-innr .img_r .answer_box,#wrapper #main #content #mainarea #content-innr .img_r figure{float:none}#wrapper #main #content #mainarea #content-innr .img_l figure,#wrapper #main #content #mainarea #content-innr .img_r figure{width:80%;margin:0 auto 15px}#wrapper #main #content #mainarea #content-innr .img_l .answer_box,#wrapper #main #content #mainarea #content-innr .img_r .answer_box{width:100%}#wrapper #main #content #mainarea #content-innr .cont02 .txtarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .txtarea{width:68%}#wrapper #main #content #mainarea #content-innr .cont02 .imgarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .imgarea{width:32%}#wrapper #main #content #mainarea #content-innr .cont02 .imgarea figure:nth-child(2),#wrapper #main #content #mainarea #content-innr .cont03 .txtright .imgarea figure:nth-child(2){margin-top:20px;-webkit-transform:translateX(-30px);transform:translateX(-30px)}#wrapper #main #content #mainarea #content-innr .txtleft .imgarea{margin-right:0}#wrapper #main #content #mainarea #content-innr .cont03 .title figure{margin-top:0px}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2{font-size:38px}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2 span{font-size:28px}#wrapper #main #content #mainarea #content-innr .cont03 .img_l,#wrapper #main #content #mainarea #content-innr .cont03 .img_r{margin-bottom:0}#wrapper #main #content #mainarea #content-innr .cont03 .img_l figure,#wrapper #main #content #mainarea #content-innr .cont03 .img_r figure{float:none;margin:0 auto;width:80%}#wrapper #main #content #mainarea #content-innr .cont03 .img_l .answer_box,#wrapper #main #content #mainarea #content-innr .cont03 .img_r .answer_box{position:static;float:none;padding:20px;width:100%;max-width:100%}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea{padding:20px;width:450px}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea_right{margin-left:calc(100% - 450px)}#wrapper #main #content #mainarea #content-innr .cont03.math .qa_block{height:auto}#wrapper #main #content #mainarea #content-innr .cont04{padding-bottom:49%}#wrapper #main #content #mainarea #content-innr .cont04 .cont04_inner{width:80%}#wrapper #main #content #mainarea #content-innr .event h2{margin-bottom:30px}#wrapper #main #content #mainarea #content-innr .event .eventbox ul li{width:100%}#wrapper #main #content #mainarea #content-innr .event .eventbox ul li span{padding:10px 20px;line-height:1.3em;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}#wrapper #main #content #mainarea #content-innr .event .eventbox ul li span.bold{display:block;width:100%}#wrapper #main #content #mainarea #content-innr .event .eventbox ul li span.small{padding:0}}@media screen and (max-width:479px){#wrapper #main{padding-top:0px}#wrapper #main #content #mainarea #content-innr h2{font-size:28px}#wrapper #main #content #mainarea #content-innr h3{font-size:18px;line-height:26px;letter-spacing:1px}#wrapper #main #content #mainarea #content-innr .mainttl:before{background-size:136%;padding-top:87.25%;background-position:left;width:74%;height:0}#wrapper #main #content #mainarea #content-innr .mainttl h1{margin:15px auto 20px;position:relative;top:0;width:96%}#wrapper #main #content #mainarea #content-innr .mainttl h1 span{font-size:16px;padding:0}#wrapper #main #content #mainarea #content-innr .mainttl .logo{margin:20px 0 20px 2%;width:24%;right:0}#wrapper #main #content #mainarea #content-innr .mainttl .logo img{margin:10px auto 50px;width:180px}#wrapper #main #content #mainarea #content-innr .cont01{padding:0;margin-bottom:0}#wrapper #main #content #mainarea #content-innr .cont02{background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/t-es-showa-gkn-230620-sec01-bg01.png) no-repeat top 40% left 0,url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/t-es-showa-gkn-230620-sec01-bg02.png) no-repeat bottom right;background-size:120%;padding:0 20px}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:after,#wrapper #main #content #mainarea #content-innr .cont02 .titlearea h2:before{display:none}#wrapper #main #content #mainarea #content-innr .cont02 .titlearea p{font-size:16px}#wrapper #main #content #mainarea #content-innr .cont02 .txtarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .txtarea{width:100%}#wrapper #main #content #mainarea #content-innr .cont02 .imgarea,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .imgarea{width:60%}#wrapper #main #content #mainarea #content-innr .cont02 .imgarea figure:nth-child(2),#wrapper #main #content #mainarea #content-innr .cont03 .txtright .imgarea figure:nth-child(2){-webkit-transform:translateX(66%);transform:translateX(66%)}#wrapper #main #content #mainarea #content-innr .cont02 .txtleft .imgarea figure,#wrapper #main #content #mainarea #content-innr .cont03 .txtright .txtleft .imgarea figure{margin-top:0}#wrapper #main #content #mainarea #content-innr .txtleft .imgarea{float:none;margin-right:0}#wrapper #main #content #mainarea #content-innr .txtleft .txtarea{float:none;margin-right:0}#wrapper #main #content #mainarea #content-innr .txtright .imgarea{float:none;margin-left:0}#wrapper #main #content #mainarea #content-innr .txtright .txtarea{float:none;margin-left:0}#wrapper #main #content #mainarea #content-innr .cont03 .title{margin-bottom:0}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner{position:relative;top:0;left:0;bottom:auto;right:auto;text-align:left;padding:0 15px 15px 20px}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2,#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h3{color:#333;text-shadow:none}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2{font-size:30px;line-height:1}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2 span{font-size:20px}#wrapper #main #content #mainarea #content-innr .cont03 .title .title_inner h2:before{width:50px;height:50px;top:-20px;left:-15px}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea{width:100%}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea_right{margin-left:0}#wrapper #main #content #mainarea #content-innr .cont03 .img_l,#wrapper #main #content #mainarea #content-innr .cont03 .img_r{position:static}#wrapper #main #content #mainarea #content-innr .cont03 .img_l .answer_box,#wrapper #main #content #mainarea #content-innr .cont03 .img_r .answer_box{position:static}#wrapper #main #content #mainarea #content-innr .cont04{background-size:150%}#wrapper #main #content #mainarea #content-innr .btn a{font-size:15px;padding:12px 10px 12px 15px;-webkit-transform:translateY(3px);transform:translateY(3px)}#wrapper #main #content #mainarea #content-innr .btn01{margin-top:0px}#wrapper #main #content #mainarea #content-innr .btn01,#wrapper #main #content #mainarea #content-innr .btn02{margin-right:0}#wrapper #main #content #mainarea #content-innr .event .eventbox ul li span{font-size:15px}#wrapper #main #content #mainarea #content-innr .event .eventbox{margin:0 auto 20px}#wrapper #main #content #mainarea #content-innr .pc-view{display:none}}