@charset "shift_jis";

/* top */

@media screen and (max-width: 767px) {
#top #content h1 {
  padding-left: 20px;
  margin-top: 20px;
}
#top #content h1 img {
  width: 100%;
  height: auto;
}
#top #content #contentTopMain div {
  width: 300px;
}
#top #content #contentTopMain ul li {
  padding-right: 20px;
}
#contentTopColumn img {
  width: 100%;
  height: auto;
}
#top #content #boxInner ul li {
  float: left;
  padding: 15px;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
}

#content ul li p img {
    width: 100%;
}
#facultyBar ul li.sp-menu-btn {
  display: none;
}
}

@media screen and (max-width: 400px) {
#top #content #boxInner ul li {
  width: 100%;
}
#top #content #boxInner ul li img {
  max-width: 270px;
}
}

/***** article *****/
@media screen and (max-width: 767px) {
#contentHeader {
  display: none;
}
#contentHeader img {
  width: 100%;
  height: auto;
}
.page #container #contentMain {
  width: 100%;
}
#contentMain h1 {
  margin-top: 20px;
}
#contentMain h1 img {
  width: 100%;
  max-width: 320px;
  height: auto;
}
#content #introduce .bottomArea {
  float: none;
  width: 100%;
}
#content #interview_02 {
  margin-top: -50px;
}
#content #interview_02 .interview_box ul li {
  width: 100%;
  box-sizing: border-box;
}
#content #interview_02 #interview_box01 ul li {
  padding: 0 20px 20px;
}
#content #interview_02 #interview_box02 ul li {
  padding: 0 20px 20px;
}
#content #interview .interview_box ul li {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px 20px;
}  
#content #interview #interview_box01 {
    padding-top: 50px;
}  
}

@media screen and (max-width: 500px) {
#container .photoL {
  float: none;
  margin-right: 0;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
#container .photoR {
  float: none;
  margin-left: 0;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}  
#container .photoL img,
#container .photoR img {
  max-width: 300px;
}
#content #introduce .bottomArea h2 img {
  width: 100%;
  max-width: 321px;
  height: auto;
}
.interview_box01_item01 img {
  width: 100%;
  max-width: 296px;
  height: auto;
}
.interview_box01_item02 img {
  width: 100%;
  /*max-width: 259px;*/
  max-width: 225px;
  height: auto;
}
.interview_box01_item03 img {
  width: 100%;
  max-width: 296px;
  height: auto;
}
.interview_box01_item04 img {
  width: 100%;
  max-width: 225px;
  height: auto;
}

}

/* article  arashi/index.html */

@media screen and (max-width: 767px) {
#content #introduce #arashi_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #arashi_img img {
  width: 90%;
  max-width: 150px;
  height: auto;
}
#arashi #content #interview_02 .interview_ph01 {
    position: static;
    text-align: right;
  width: 50%;
  float: right;
}
#arashi #content #interview_02 .interview_ph01 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#arashi #content #interview_02 .interview_ph02 {
    position: static;
    text-align: left;
  width: 50%;
  float: left;
}
#arashi #content #interview_02 .interview_ph02 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}    
  
}

/* article  yasue/index.html */

@media screen and (max-width: 767px) {
#content #introduce #yasue_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #yasue_img img {
  width: 90%;
  max-width: 150px;
  height: auto;
}
#yasue #content #interview_02 .interview_ph01 {
    position: static;
    text-align: right;
  width: 50%;
  float: right;
}
#yasue #content #interview_02 .interview_ph01 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#yasue #content #interview_02 .interview_ph02 {
    position: static;
    text-align: left;
  width: 50%;
  float: left;
}
#yasue #content #interview_02 .interview_ph02 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}    
  
}

/* article  iwamoto/index.html */

@media screen and (max-width: 767px) {
#iwamoto #introduce {
    padding-bottom: 0;
}  
#content #introduce #iwamoto_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #iwamoto_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#iwamoto #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#iwamoto #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
  
#iwamoto .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#iwamoto .interview_fbox div {
  width: 100%;
}  
#iwamoto .interview_fbox--top div {
  width: 100%;
}
#iwamoto .interview_fbox div {
  padding: 10px;
}
#iwamoto .interview_fbox_img {
  text-align: center;
}  
  
}

/* article  usami/index.html */

@media screen and (max-width: 767px) {
#usami #introduce {
    padding-bottom: 0;
}  
#content #introduce #usami_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #usami_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#usami #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#usami #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}    
}

/* article  saito/index.html */

@media screen and (max-width: 767px) {
#saito #introduce {
    padding-bottom: 0;
}  
#content #introduce #saito_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #saito_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#saito #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#saito #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
  
#saito .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#saito .interview_fbox div {
  width: 100%;
}  
#saito .interview_fbox--top div {
  width: 100%;
}
#saito .interview_fbox div {
  padding: 10px;
}
#saito .interview_fbox_img {
  text-align: center;
}    
}

/* article  jimbo/index.html */

@media screen and (max-width: 767px) {
#jimbo #introduce {
    padding-bottom: 30px;
}  
#content #introduce #jimbo_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #jimbo_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#jimbo #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#jimbo #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
#jimbo .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#jimbo .interview_fbox div {
  width: 100%;
}  
#jimbo .interview_fbox--top div {
  width: 100%;
}
#jimbo .interview_fbox div {
  padding: 10px;
}
#jimbo .interview_fbox_img {
  text-align: center;
}
  
}

/* article  sen/index.html */

@media screen and (max-width: 767px) {
#sen #introduce {
    padding-bottom: 0;
}  
#content #introduce #sen_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #sen_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#sen #content #introduce .bottomArea {
  width: 100%;
}  
#sen #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#sen #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}

#sen #content #interview .interview_box ul li {
  width: 100%;
  margin-top: 40px;
  padding: 0 20px;
  box-sizing: border-box;
}
#sen #content #interview .interview_box {
  padding-left: 0;
}
.sen_student_img img {
  width: 100%;
  max-width: 190px;
  height: auto;
  padding: 30px 0;
}  
}

/* article  chino/index.html */

@media screen and (max-width: 767px) {
#chino #introduce {
    padding-bottom: 0;
}  
#content #introduce #chino_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #chino_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#chino #content #introduce .bottomArea {
  width: 100%;
}  
#chino #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#chino #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}

#chino #content #interview .interview_box ul li {
  width: 100%;
  margin-top: 40px;
  padding: 0 20px;
  box-sizing: border-box;
}
#chino #content #interview .interview_box {
  padding-left: 0;
}
.chino_student_img img {
  width: 100%;
  max-width: 190px;
  height: auto;
  padding: 30px 0;
}  
}

/* article  noguchi/index.html */

@media screen and (max-width: 767px) {
#noguchi #introduce {
    padding-bottom: 0;
}  
#content #introduce #noguchi_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #noguchi_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#noguchi #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#noguchi #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}    
}

/* kurabayashi  kurabayashi/index.html */

@media screen and (max-width: 767px) {
#content #introduce #kurabayashi_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #kurabayashi_img img {
  width: 90%;
  max-width: 150px;
  height: auto;
}
#kurabayashi #content #interview_02 .interview_ph01 {
    position: static;
    text-align: right;
  width: 50%;
  float: right;
}
#kurabayashi #content #interview_02 .interview_ph01 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#kurabayashi #content #interview_02 .interview_ph02 {
    position: static;
    text-align: left;
  width: 50%;
  float: left;
}
#kurabayashi #content #interview_02 .interview_ph02 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}    
}

/* article  mano/index.html */

@media screen and (max-width: 767px) {
#content #introduce #mano_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #mano_img img {
  width: 90%;
  max-width: 150px;
  height: auto;
}
#mano #content #interview_02 .interview_ph01 {
    position: static;
    text-align: right;
  width: 50%;
  float: right;
}
#mano #content #interview_02 .interview_ph01 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#mano #content #interview_02 .interview_ph02 {
    position: static;
    text-align: left;
  width: 50%;
  float: left;
}
#mano #content #interview_02 .interview_ph02 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}    
  
}

@media screen and (max-width: 767px) {
#chou #introduce {
    padding-bottom: 0;
}  
#content #introduce #chou_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #chou_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#chou #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#chou #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
  
#chou .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#chou .interview_fbox div {
  width: 100%;
}  
#chou .interview_fbox--top div {
  width: 100%;
}
#chou .interview_fbox div {
  padding: 10px;
}
#chou .interview_fbox_img {
  text-align: center;
}  
  
}

@media screen and (max-width: 767px) {
#nishiyama #introduce {
    padding-bottom: 0;
}  
#content #introduce #nishiyama_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #nishiyama_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#nishiyama #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#nishiyama #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
  
#nishiyama .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#nishiyama .interview_fbox div {
  width: 100%;
}  
#nishiyama .interview_fbox--top div {
  width: 100%;
}
#nishiyama .interview_fbox div {
  padding: 10px;
}
#nishiyama .interview_fbox_img {
  text-align: center;
}  
  
}
/* article  arakawa/index.html */

@media screen and (max-width: 767px) {
#content #introduce #arakawa_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #arakawa_img img {
  width: 90%;
  max-width: 150px;
  height: auto;
}
#arakawa #content #interview_02 .interview_ph01 {
    position: static;
    text-align: right;
  width: 50%;
  float: right;
}
#arakawa #content #interview_02 .interview_ph01 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
#arakawa #content #interview_02 .interview_ph02 {
    position: static;
    text-align: left;
  width: 50%;
  float: left;
}
#arakawa #content #interview_02 .interview_ph02 img {
  width: 100%;
  max-width: 200px;
  height: auto;
}    
  
}

/* article  seki/index.html */

@media screen and (max-width: 767px) {
#seki #introduce {
    padding-bottom: 0;
}  
#content #introduce #seki_img {
  bottom: -194px;
  left: 18px;
  position: static;
  text-align: center;
}
#content #introduce #seki_img img {
  width: 90%;
  max-width: 220px;
  height: auto;
}
#seki #content #interview {
  /*background-image: none;
  width: 100%;
  height: auto;
  background-color: #FDFFE7;*/
}  
#seki #content #interview {
  background: url("../images/interviewBg.gif") no-repeat scroll center top #FDFFE7;
  padding: 0;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box;
}
  
#seki .interview_fbox {
  display: flex;
  flex-wrap: wrap;
}
#seki .interview_fbox div {
  width: 100%;
}  
#seki .interview_fbox--top div {
  width: 100%;
}
#seki .interview_fbox div {
  padding: 10px;
}
#seki .interview_fbox_img {
  text-align: center;
}  
  
}