@media screen and (max-width:959px){
    #wrapper #main #content #mainarea{width:95%;font-size:16px;word-wrap:break-word;line-height:1.7;margin:0 auto;font-style:normal}
    #wrapper #main #content #mainarea #feature-data-box #feature-data{padding-bottom:10px}
    #wrapper #main #content #mainarea #feature-data-box #feature-data .logo{height:20px;float:left;margin:0px}
    #wrapper #main #content #mainarea #feature-data-box #feature-data .day{display:inline-block;*display:inline;*zoom:1;float:right;text-align:right;font-size:14px;color:#999;padding-top:10px}
    #wrapper #main #content #mainarea #content-innr .mainttl{width:100%; margin-bottom: 30px;}
    #wrapper #main #content #mainarea #content-innr .mainttl h1 {margin:0; padding: 0;}
    #wrapper #main #content #mainarea #content-innr .mainttl h1 img{width:100%;margin:0; padding: 0;}
    #wrapper #main #content #mainarea #content-innr .mainttl .iee_box{background:#EEECE8;padding:20px 30px;}
    #wrapper #main #content #mainarea #content-innr .mainttl .iee_box .iee_title{width: 176px; margin: 0 auto 20px;}
    #wrapper #main #content #mainarea #content-innr .mainttl .iee_box .iee_inner{}

    #wrapper #main #content #mainarea #content-innr .btntp {max-width: 840px; width: 100%; margin: 0 auto 30px;}
    #wrapper #main #content #mainarea #content-innr .btntp img {transition: transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;-webkit-transition: -webkit-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;-ms-transition: -ms-transform 0.2s linear;}
    #wrapper #main #content #mainarea #content-innr .btntp img:hover {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
    #wrapper #main #content #mainarea #content-innr .btntpl {max-width: 400px; width: 47%; float: left; margin-left: 10px;}
    #wrapper #main #content #mainarea #content-innr .btntpr {max-width: 400px; width: 47%; float: right; margin-right: 10px;}

    #wrapper #main #content #mainarea #content-innr .lead,#main #content #mainarea #content-innr .interview{margin-bottom:30px}
    #wrapper #main #content #mainarea #content-innr .lead .lead-title{background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgttl2.png) no-repeat left bottom; margin: 0 0 20px;}
    #wrapper #main #content #mainarea #content-innr .lead .lead-title h2{padding:20px 0 10px 35px;margin:0;background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgttl1.png) no-repeat top left; font-size: 50px; line-height: 1.25;}
    #wrapper #main #content #mainarea #content-innr .lead .lead-txt {margin-left: 30px;}
    #wrapper #main #content #mainarea #content-innr .lead .lead-photo {float: right; width: 300px; margin: 0 0 10px 40px;}
    #wrapper #main #content #mainarea #content-innr .lead .photo {margin: 0 0 20px;}
    #wrapper #main #content #mainarea #content-innr .lead .btn { font-weight: bold; margin-top: 10px; width: 245px;}
    #wrapper #main #content #mainarea #content-innr .lead .btn a {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_out.jpg) no-repeat right; padding: 5px 15px; color: #FFF; line-height: 30px; display: block;}
    #wrapper #main #content #mainarea #content-innr .lead .btn a:hover {background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_over.jpg) no-repeat right; color: #FFF; text-decoration: none;}

    #wrapper #main #content #mainarea #content-innr .interview{width: 95%;margin: 0 auto 30px;padding: 30px 0 10px;background-color: #F6FAFF; background-image: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgtop.png), url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtm.png);background-position: left top, left bottom;background-repeat: no-repeat, no-repeat;background-size: 100% auto, 100% auto; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview h2{position: relative;font-size: 35px;background: #2CB3E6;margin: 0 -16px;padding: 5px 30px;box-shadow: 0 1px 2px rgba(0,0,0,0.4); line-height: 50px;}
    #wrapper #main #content #mainarea #content-innr .interview h2:before,#main #content #mainarea #content-innr .interview h2:after{position: absolute;top: 100%;content: "";width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #1067AA;}
    #wrapper #main #content #mainarea #content-innr .interview h2:before{left: 0;border-right: 8px solid #1067AA;}
    #wrapper #main #content #mainarea #content-innr .interview h2:after{right: 0;border-left: 8px solid #1067AA;}
    #wrapper #main #content #mainarea #content-innr .interview .inner {margin: 0 25px;}
    #wrapper #main #content #mainarea #content-innr .interview .lead-txt {margin: 25px 0 20px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof {border: 1px solid #3A5CC4; background: #FFF; width: 50%; margin-bottom: 20px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof-ttl {background: #3A5CC4; color: #FFF; font-weight: bold; display: inline-block; padding: 0 20px; line-height: 30px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof-txt {display: block; padding: 15px 20px; font-size: 14px;}
    #wrapper #main #content #mainarea #content-innr .interview .left-photo {width: 300px; float: left; margin: 0 40px 0 0;}
    #wrapper #main #content #mainarea #content-innr .interview .right-photo {width: 300px; float: right; margin: 0 0 0 40px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-1 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B8A4; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-2 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B7A3; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-3 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B8A4; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-1 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-2 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-3 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-4 {width: 100px;float: left; margin: 0px 20px 5px 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .txt_wrap{margin-bottom: 20px;}
    #wrapper #main #content #mainarea #content-innr .pcbr {display: contents;}
    #wrapper #main #content #mainarea #content-innr .interview .detail {max-width: 500px; width: 65%; float: left; margin: 0 20px 20px 0; padding: 20px 30px 20px 30px; background: #FFF; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview .detail .ttl {font-weight: bold; margin: 0 30px 5px 0;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .lead { margin: 0 30px 10px 0;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photo1 {width: 100%; margin-bottom: 15px; font-size: 11px; letter-spacing: -1px; line-height: 15px;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photod1 {width: 80px; float: left; margin-top: 15px;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photod2 {width: 200px; margin: 0 11px; float: left;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photod3 {width: 198px; float: right;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photod4 {width: 80px; float: left; margin-top: -30px;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .photod5 {width: 100%; float: left; margin-left: 0; margin-top: -30px;}
    #wrapper #main #content #mainarea #content-innr .interview .detail .clear {clear: both;}
    #wrapper #main #content #mainarea #content-innr .interview .exword {width: 270px; float: right; margin: 0 5px 0 40px; padding: 15px; background: #FFF; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview .exword .caption {font-size: 12px; margin: 8px 15px 0;}
    #wrapper #main #content #mainarea #content-innr .interview .exword .photo {width: 270px; margin: 0 auto 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .btn {font-weight: bold; margin: 10px auto 0; width: 270px;}
    #wrapper #main #content #mainarea #content-innr .interview .btn a {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_out.jpg) no-repeat right; padding: 5px 15px; color: #FFF; line-height: 30px; display: block;}
    #wrapper #main #content #mainarea #content-innr .interview .btn a:hover {background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_over.jpg) no-repeat right; color: #FFF; text-decoration: none;}

    #wrapper #main #content #mainarea #content-innr .point {padding: 0 30px 20px; margin: 0 30px 30px; border: 1px solid #2CB3E6; }
    #wrapper #main #content #mainarea #content-innr .point .point-title {text-align: center; margin-bottom: 20px;}
    #wrapper #main #content #mainarea #content-innr .point .point-title h3 {padding: 8px 0 0 50px; margin: 0; font-weight: bold; color: #2CB3E6; text-align: center; background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_pointico.png) no-repeat left; display: inline-block;}
    #wrapper #main #content #mainarea #content-innr .point_inner {width: 76.875%; margin: 0 auto;color: #FFF;}
    #wrapper #main #content #mainarea #content-innr .btmbtn {margin: 0;}
    #wrapper #main #content #mainarea #content-innr .btmbtnl {width: 520px; margin-left: auto; margin-right: auto; float: inherit;}
    #wrapper #main #content #mainarea #content-innr .btmbtnl img {transition: transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;-webkit-transition: -webkit-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;-ms-transition: -ms-transform 0.2s linear;}
    #wrapper #main #content #mainarea #content-innr .btmbtnl img:hover {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);}
    #wrapper #main #content #mainarea #content-innr .btmbtnr {width: 360px; margin-left: auto; margin-right: auto; float: inherit; border: 1px solid #2CB3E6; background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbl.jpg) repeat bottom; margin-top: 8px;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .ttl {background: #2CB3E6; text-align: center;  font-weight: bold; line-height: 30px;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .inner {padding: 10px 5px;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .btn {font-weight: bold; margin: 0 5%; width: 90%;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .btn a {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_out.jpg) no-repeat right; padding: 5px 15px; color: #FFF; line-height: 30px; display: block;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .btn a:hover {background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtn_over.jpg) no-repeat right; color: #FFF; text-decoration: none;}

    #wrapper #main #content #mainarea .feature-text p{text-align:right;font-size:14px;color:#999;padding:40px 0 20px 0;line-height:1.3}
}
@media screen and (max-width:767px){
    #wrapper #main #content #mainarea{width:95%;font-size:16px;word-wrap:break-word;line-height:1.7;margin:0 auto;font-style:normal}

    #wrapper #main #content #mainarea #content-innr .lead .lead-title h2{padding:20px 0 10px 35px;margin:0;background:url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgttl1.png) no-repeat top left; font-size: 40px; line-height: 1.25;}

    #wrapper #main #content #mainarea #content-innr .interview h2{position: relative;font-size: 30px;background: #2CB3E6;margin: 0 -16px;padding: 10px 30px;box-shadow: 0 1px 2px rgba(0,0,0,0.4); line-height: 40px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof {border: 1px solid #3A5CC4; background: #FFF; width: 45%; margin-bottom: 20px;}
    #wrapper #main #content #mainarea #content-innr .interview .left-photo {width: 50%; float: left; margin: 0 20px 0 0;}
    #wrapper #main #content #mainarea #content-innr .interview .right-photo {width: 50%; float: right; margin: 0 0 0 20px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-1 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B8A4; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-2 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B7A3; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name1-3 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px; color: #FFF;background: #15B8A4; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-1 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-2 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-3 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .name2-4 {width: 100px;float: left; margin: 0px 20px 0 0; line-height: 20px; text-align: center;font-size: 12px;background: #2CB3E6; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .exword {width: 45%; float: right; margin: 0 5px 0 20px; padding: 15px 2.5%; background: #FFF; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview .exword .caption {font-size: 12px; margin: 8px 15px 0;}
    #wrapper #main #content #mainarea #content-innr .interview .exword .photo {max-width: 270px; width: 100%; margin: 0 auto 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .btn {font-weight: bold; margin: 10px auto 0; width: 90%;}

    #wrapper #main #content #mainarea #content-innr .point {padding: 0 30px 20px; margin: 0 15px 30px; border: 1px solid #2CB3E6; }
}
@media screen and (max-width:568px){
    #wrapper #main #content #mainarea{width:98%;font-size:16px;word-wrap:break-word;line-height:1.7;margin:0 auto;font-style:normal}
    #wrapper #main #content #mainarea #content-innr .interview .exword {width: 95%; float: none; margin: 0 auto 20px; padding: 15px 2.5%; background: #FFF; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview .exword .photo {max-width: 270px; width: 100%; margin: 0 auto 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .btn {font-weight: bold; margin: 10px auto 0; width: 100%;}
    #wrapper #main #content #mainarea #content-innr .btmbtnl {width: 90%; margin-left: auto; margin-right: auto; float: inherit;}
}
@media screen and (max-width:415px){
    #wrapper #main #content #mainarea{width:98%;font-size:14px;word-wrap:break-word;line-height:1.7;margin:0 auto;font-style:normal}
    #wrapper #main #content #mainarea #content-innr .btntpl {max-width: 400px; width: 90%; float: none; margin-left: auto; margin-right: auto;}
    #wrapper #main #content #mainarea #content-innr .btntpr {max-width: 400px; width: 90%; float: none; margin-left: auto; margin-right: auto;}
    #wrapper #main #content #mainarea #content-innr .lead .lead-photo {float: none; max-width: 300px; width: 90%; margin: 0 auto 10px;}
    #wrapper #main #content #mainarea #content-innr .lead .lead-txt {margin-left: 10px; margin-right: 10px;}
    #wrapper #main #content #mainarea #content-innr .lead .btn {font-weight: bold; margin-top: 10px; width: 245px; margin-left: auto; margin-right: auto;}
    #wrapper #main #content #mainarea #content-innr .interview{width: 90%;margin: 0 auto 30px;padding: 30px 0 10px;background-color: #F6FAFF; background-image: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgtop.png), url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbtm.png);background-position: left top, left bottom;background-repeat: no-repeat, no-repeat;background-size: 100% auto, 100% auto; box-shadow:1px 2px 2px 1px rgba(0,0,0,0.4);}
    #wrapper #main #content #mainarea #content-innr .interview .inner {margin: 0 15px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof {border: 1px solid #3A5CC4; background: #FFF; width: 98%; margin-bottom: 20px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof-ttl {background: #3A5CC4; color: #FFF; font-weight: bold; display: inline-block; padding: 0 20px; line-height: 30px;}
    #wrapper #main #content #mainarea #content-innr .interview .prof-txt {display: block; padding: 15px 20px; font-size: 14px;}
    #wrapper #main #content #mainarea #content-innr .interview .left-photo {max-width: 300px; width: 100%; float: none; margin: 0 auto 10px;}
    #wrapper #main #content #mainarea #content-innr .interview .right-photo {max-width: 300px; width: 100%; float: none; margin: 0 auto 10px;}
    #wrapper #main #content #mainarea #content-innr .interview .exword .photo {max-width:270px; width: 100%; margin: 0 auto 5px;}
    #wrapper #main #content #mainarea #content-innr .interview .btn {font-weight: bold; margin: 10px auto 0; width: 90%;}
    #wrapper #main #content #mainarea #content-innr .btmbtnl {width: 90%; margin-left: auto; margin-right: auto; float: inherit;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr {width: 90%; margin-left: auto; margin-right: auto; float: inherit; border: 1px solid #2CB3E6; background: url(//s3-ap-northeast-1.amazonaws.com/inter-edu/special/wp-content/uploads/sites/2/exword-180307_bgbl.jpg) repeat bottom; margin-top: 8px;}
    #wrapper #main #content #mainarea #content-innr .btmbtnr .btn { font-weight: bold; margin: 5px 0; width: 100%; float: none;}
}