@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 .logo{width:120px;height:150px}#wrapper #main #content #mainarea #content-innr .mainttl .logo img{width:95px}#wrapper #main #content #mainarea #content-innr .mainttl h1 span{font-size:18px;padding:0 10px}#wrapper #main #content #mainarea #content-innr .mainttl h1 img{width:280px;margin-right:10px}#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 .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 h1{padding:0 0 20px 110px}#wrapper #main #content #mainarea #content-innr .iee_box{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 10px 30px;margin:0}#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:40px 0 0}#wrapper #main #content #mainarea #content-innr .cont01{display:block}#wrapper #main #content #mainarea #content-innr .cont01 .imgarea a:before{width:92px;height:101px}#wrapper #main #content #mainarea #content-innr .cont01 .txtarea{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);-ms-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{margin-bottom:-30px}#wrapper #main #content #mainarea #content-innr .cont03.titleleft .title_inner{left:20px}#wrapper #main #content #mainarea #content-innr .cont03.titleright .title_inner{right:20px}#wrapper #main #content #mainarea #content-innr .cont03.titletop .title_inner{top:10px}#wrapper #main #content #mainarea #content-innr .cont03.titlebottom .title_inner{bottom:30px}#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 .cont04{padding-bottom:49%}#wrapper #main #content #mainarea #content-innr .cont04 .cont04_inner{width:80%}#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%}}@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{background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/t-es-showa-gkn-220607_titleimg.jpg) right -100px bottom no-repeat;background-size:cover;height:350px}#wrapper #main #content #mainarea #content-innr .mainttl h1{padding:0 0 10px 0;text-align:center}#wrapper #main #content #mainarea #content-innr .mainttl h1 span{font-size:16px;padding:0}#wrapper #main #content #mainarea #content-innr .mainttl .logo{width:100px;height:120px;top:75px;left:5px}#wrapper #main #content #mainarea #content-innr .mainttl .logo img{width:70px;margin:12px auto}#wrapper #main #content #mainarea #content-innr .cont01{padding:0;margin-bottom:0}#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%);-ms-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 .title_inner{position:relative;top:0;left:0;bottom:auto;right:auto;text-align:left}#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 .txtarea{width:100%}#wrapper #main #content #mainarea #content-innr .cont03 .txtarea_right{margin-left:0}#wrapper #main #content #mainarea #content-innr .cont04{padding-bottom:90%}#wrapper #main #content #mainarea #content-innr .btn a{font-size:15px;padding:12px 10px 12px 15px;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}#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 .pc-view{display:none}}