@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : education.css                              */
/* update : 2020                                      */
/* -------------------------------------------------- */
#education .h1_wrap_bg {
  background: url(/education/related/img/mv.jpg) no-repeat center bottom/cover;
}

#education .h1_wrap_bg .h1_text {
  width: 75%;
}

#education .h1_wrap_bg .h1_sub span {
  display: block;
}

/* index
--------------*/
#education.index .sec_wrap {
  max-width: 1080px;
}

/* .student */
.student {
  background: url(/education/img/student_bg.jpg) no-repeat center 60%/auto;
}

.student .sec_wrap {
  padding-bottom: 45px;
}

.student_bg {
  background: url(/education/img/graduate_bg02.png) no-repeat 0% 0%/auto;
}

.education_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.education_flex_l {
  width: 53.4%;
}

.education_flex_r {
  width: 42.27%;
}

.education_flex_r .education_h2 {
  margin-top: -18px;
}

.education_flex_l02 {
  width: 44.4%;
}

.education_flex_r02 {
  width: 53.27%;

}

.education_flex_r02 .education_text02 {
  margin-top: 0;
}

.education_h2 {
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 2px;
  margin-top: -18px;
}

.education_text {
  color: #fff;
  margin-top: 40px;
  line-height: 1.7;
}

.education_text02 {
  line-height: 1.7;
  margin-top: 40px;
}

.education_text03 {
	color: #fff;
  line-height: 1.7;
  margin-top: 20px;
}


/* .intern */
.intern {
  background: url(/education/img/intern_bg.jpg) no-repeat top center/cover;
  padding-bottom: 100px;
  border-top: solid 1px #fff;
}

.intern .education_h2 {
  padding: 25px;
  background: url(/education/img/h2_bg.png) no-repeat top left/auto;
  margin-top: 0px;
}

/* .graduate */
.graduate {
  background: url(/education/img/graduate_bg.jpg) no-repeat top center/cover;
}

.graduate .education_h2 {
  margin-top: 0;
  text-align: right;
}

.graduate_bg {
  background: url(/education/img/graduate_bg02.png) no-repeat top left 20px/cover;
  padding-bottom: 40px;
}

.graduate_tit {
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 5px;
}
.graduate_tit02 {
  font-size: 25px;
  color: #2f5080;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 5px;
}

.mb01 {
  margin-bottom: 25px;
}

.mb02 {
  margin-bottom: 80px;
}

.graduate_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.graduate_flex_l {
  width: 34.5%;
  text-align: right;
}

.graduate_flex_r {
  width: 60%;
  line-height: 1.7;
  color: #fff;
}

.graduate_flex_r a {
  color: #fff;
}

/* .study_abroad */
.study_abroad {
  background: url(/education/img/study_abroad_bg.png) no-repeat top 305px center/auto;
  padding-bottom: 40px;
}

.study_abroad .education_h2 {
  margin-top: 0;
  padding: 25px;
  background: url(/education/img/h2_bg.png) no-repeat top left/auto;
}

.study_abroad .catchphrase {
  letter-spacing: 2px;
}

.study_case {
  border: solid 10px #e6ecf0;
  border-bottom: none;
  background: rgba(242, 248, 252, 0.85);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 30px;
}

.study_dl {
  margin-top: 55px;
  border-bottom: solid 10px #e6ecf0;
}

.study_dl dt {
  font-size: 25px;
  font-weight: bold;
  position: relative;
}

.study_dl dt span {
  font-size: 18px;
  color: #2f5080;
  font-weight: bold;
  margin-left: 50px;
  display: inline-block;
}

.study_dl dt:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  border-top: #2f5080 solid 3px;
  border-left: #2f5080 solid 3px;
  right: 32px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 7px;
  right: 10px;
}

.study_dl dt.is-active:after {
  content: '×';
  line-height: 1;
  font-size: 50px;
  color: #2f5080;
  position: absolute;
  top: -5px;
  border: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  font-weight: normal;
}

.study_dl dd {
  border-top: dotted 1px #2f5080;
  margin-top: 15px;
  padding: 20px 30px 0;
  display: none;
}

.study_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}

.study_flex_01 {
  width: 48.9%;
}

.pic_name {
  margin-top: 5px;
}

.related_link {
  padding-bottom: 100px;
  border-bottom: solid 5px #e9edf1;
}

/* related
--------------*/
/*.related .sec_wrap {
  padding: 25px 20px 45px;
  border-bottom: solid 5px #e9edf1;
}*/

.related article {
  background: url(/education/related/img/japan_map.jpg) no-repeat center left;
  padding: 25px 20px 45px;
  border-bottom: solid 5px #e9edf1;
}

.catchphrase {
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  font-size: 3.6vw;
  line-height: 1.3;
  margin: 0px 0 35px;
  font-weight: 500;
  color: #2f5080;
  letter-spacing: -4px;
}

.related_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 45px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.related_flex_l {
  width: 24.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 10px #e6ecf0;
  font-weight: bold;
  text-align: center;
  padding: 6px;
  font-size: 20px;
  background: #fff;
}

.related_flex_r {
  width: 75.5%;
}

.related_flex_r .hospital_li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.related_flex_r .hospital_li.okayama_li .inner_ul, .related_flex_r .hospital_li.hiroshima_li .inner_ul {
  width: calc(calc(100% - 45px) / 3);
  margin-left: 15px;
}

.related_flex_r .hospital_li.okayama_li .inner_ul li, .related_flex_r .hospital_li.hiroshima_li .inner_ul li {
  width: 100%;
  margin-left: 0;
}

.related_flex_r .hospital_li02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.related_flex_r li {
  margin-bottom: 10px;
  margin-left: 15px;
  background: #e6ecf0;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(calc(100% - 45px) / 3);
}

.related_flex_r li a {
  color: #2f5080;
}

/*----------------------------------------------------------*/
/* pc設定以上の横幅用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* pc */
  .catchphrase {
    font-size: 50px;
  }
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* pcホバー用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* pc */
  /*---------------------------------------------------------*/
}

/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 959px) {
  /* tablet */
  /* -------------------tablet END------------------------- */
}

/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  /* sp */
  #education .h1_wrap_bg .h1_text {
    width: 100%;
  }
  #education .h1_wrap_bg .h1_sub span {
    display: inline-block;
  }
  /* index
--------------*/
  #education.index article > .sec_wrap {
    padding-top: 0;
  }
  .education_h2 {
    font-size: 22px;
  }
  .education_flex_r .education_h2 {
    margin-top: 0;
  }
  /* .student */
  .student .education_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .education_flex_l {
    width: 100%;
    margin-top: 10px;
  }
  .education_flex_r {
    width: 100%;
  }
  .education_text {
    margin-top: 20px;
  }
  .education_text02 {
    margin-top: 20px;
  }
  /* .intern */
  .intern {
    padding-bottom: 50px;
  }
  .intern .education_h2 {
    background-size: 100% auto;
    padding: 2px;
  }
  .education_flex_r02 {
    width: 100%;
	background: rgba(255,255,255,.5);
	padding: 10px;
  }
  .education_flex_l02 {
    width: 100%;
    margin-top: 10px;
  }
  /* .graduate */
	
	.graduate_flex {
  background-color: rgba(47,80,128,.7);
  padding: 10px;
}
  .graduate .education_h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .graduate_tit {
    font-size: 16px;
  }
  .mb01 {
    margin-bottom: 15px;
  }
　 .mb02 {
    margin-bottom: 15px;
  }	
  .graduate_flex_l {
    width: 100%;
  }
  .graduate_flex_r {
    width: 100%;
  }
  /* study_abroad */
  .study_abroad {
    background: url(/education/img/study_abroad_bg.png) no-repeat top 160px center/100% auto;
    padding-bottom: 20px;
  }
  .study_abroad .education_h2 {
    background-size: 100% auto;
    padding: 2px;
  }
  .study_dl {
    margin-top: 25px;
  }
  .study_dl dt {
    font-size: 16px;
  }
  .study_dl dt span {
    font-size: 14px;
    margin-left: 10px;
  }
  .study_dl dt:after {
    width: 10px;
    height: 10px;
    top: 7px;
    right: 0px;
  }
  .study_dl dt.is-active:after {
    font-size: 34px;
    top: -4px;
    right: 10px;
  }
  .study_dl dd {
    padding: 15px 15px 0;
  }
  .study_dl dd p {
    font-size: 14px;
  }
  .study_case {
    padding: 12px 15px;
  }
  .study_flex_01 {
    width: 100%;
  }
  .study_flex_01:last-child {
    margin-top: 10px;
  }
  .related_link {
    padding-bottom: 50px;
  }
  /* .related
--------------*/
  .related .sec_wrap {
    padding: 0px 20px 25px;
    /*border-bottom: solid 5px #e9edf1;*/
  }
  .catchphrase {
    font-size: 20px;
    margin: 22px 0;
    letter-spacing: 0px;
  }
  .related_flex {
    margin-bottom: 25px;
  }
  .related_flex_l {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .related_flex_r {
    width: 100%;
  }
  .related_flex_r .hospital_li.okayama_li .inner_ul, .related_flex_r .hospital_li.hiroshima_li .inner_ul {
    margin-left: 0;
    width: 100%;
  }
  .related_flex_r li {
    width: 100%;
    margin-left: 0;
  }
  /*----------------------------------------------------------*/
}