@charset "utf-8";
/* ===============================================
# メイン画像
=============================================== */
/*社会福祉学科*/
#department .welfare .cmn_main_img {
  background-image: url(/department/welfare/img/bg_welfare_main.jpg);
}
/*看護学科*/
#department .nursing .cmn_main_img {
  background-image: url(/department/nursing/img/bg_nursing_main.jpg);
}
/*リハビリテーション学科*/
#department .rehabilitation .cmn_main_img {
  background-image: url(/department/rehabilitation/img/bg_rehabilitation_main.jpg);
}
/*人間総合科*/
#department .human .cmn_main_img {
  background-image: url(/department/human/img/bg_human_main.jpg);
}
/*栄養学科*/
#department .nutrition .cmn_main_img {
  background-image: url(/department/nutrition/img/bg_nutrition_main.jpg);
}
@media screen and (max-width :768px){
  /*社会福祉学科*/
  #department .welfare .cmn_main_img {
    background-image: url(/department/welfare/img/bg_welfare_main_sp.jpg);
  }
  /*看護学科*/
  #department .nursing .cmn_main_img {
    background-image: url(/department/nursing/img/bg_nursing_main_sp.jpg);
  }
  /*リハビリテーション学科*/
  #department .rehabilitation .cmn_main_img {
    background-image: url(/department/rehabilitation/img/bg_rehabilitation_main_sp.jpg);
  }
  /*人間総合科*/
  #department .human .cmn_main_img {
    background-image: url(/department/human/img/bg_human_main.jpg);
  }
  /*栄養学科*/
  #department .nutrition .cmn_main_img {
    background-image: url(/department/nutrition/img/bg_nutrition_main.jpg);
  }
}

/* ===============================================
# common
=============================================== */
/*アコーディオンボックス---------------------*/
.box_acd {
  margin: 0 0 50px 0;
}

/*subject共通見出し---------------------*/
.subject_ttl {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 35px 0 !important;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .subject_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 20px 0 !important;
  }
}
.subject_ttl02 {
  font-size: 28px;
  font-size: 2.8rem;
  margin: 15px 0 !important;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .subject_ttl02 {
      font-size: 16px;
      font-size: 1.6rem;
  }
}

/*pagebnr---------------------*/
.box_pagebnr {
  overflow: hidden;
}
.box_pagebnr > li {
  text-align: center;
  border-bottom: 1px solid #fff;
}
.box_pagebnr > li a {
  display: block;
  color: #fff;
  height: 400px;
}
.box_pagebnr > li a {
  background-size: cover !important;
}
.box_pagebnr .report a {
  padding: 85px 0 0 0;
}
.box_pagebnr .message a {
  padding: 120px 0 0 0;
}
.box_pagebnr .voice a {
  padding: 150px 0 0 0;
}
.box_pagebnr > li .ttl {
  font-size: 66px;
  font-size: 6.6rem;
  line-height: 0.6;
  padding: 0 0 18px 0;
  letter-spacing: 0.03em;
  text-shadow: 0px 0px 25px rgba(0,0,0,.6);
}
.box_pagebnr > li .subttl {
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-shadow: 0px 0px 18px rgba(0,0,0,1);
}
.box_pagebnr > li .subttl {
  display: inline-block;
  line-height: 1.6;
}
.box_pagebnr > li .subttl::before {
  content: '';
  display:block;
  padding: 10px 0 0 0;
  border-top:1px solid #fff;
}
.box_pagebnr > li .subttl::after {
  content: '';
  display:block;
  padding:0 0 10px 0;
  border-bottom:1px solid #fff;
}
.box_pagebnr .report .ttl {
  background: url("/department/img/bg_movie.svg") no-repeat top center;
  background-size: 46px auto;
  padding: 65px 0 18px 0;
}
.box_pagebnr .message .ttl {
  background: url("/department/img/bg_movie.svg") no-repeat top center;
  background-size: 46px auto;
  padding:45px 0 18px 0;
}
/*2列*/
.box_pagebnr.col2 li {
  width: 50%;
}
/*保健福祉学科*/
.welfare .box_pagebnr .report a {
  background-color: #444444;
  background: url("/department/welfare/img/bg_pagebnr_report_long.jpg") no-repeat top center #444444;
}
.welfare .box_pagebnr.col2 .report a {
  background-color: #444444;
  background: url("/department/welfare/img/bg_pagebnr_report.jpg") no-repeat top center #444444;
}
.welfare .box_pagebnr.col2 .message a {
  background-color: #444444;
  background: url("/department/welfare/img/bg_pagebnr_message.jpg") no-repeat top center #444444;
}
.welfare .box_pagebnr.col2 .voice a {
  background-color: #444444;
  background: url("/department/welfare/img/bg_pagebnr_voice.jpg") no-repeat top center #444444;
}
/*看護学科*/
.nursing .box_pagebnr .report a {
  background-color: #444444;
  background: url("/department/nursing/img/bg_pagebnr_report_long.jpg") no-repeat top center #444444;
}
.nursing .box_pagebnr.col2 .report a {
  background-color: #444444;
  background: url("/department/nursing/img/bg_pagebnr_report.jpg") no-repeat top center #444444;
}
.nursing .box_pagebnr.col2 .message a {
  background-color: #444444;
  background: url("/department/nursing/img/bg_pagebnr_message.jpg") no-repeat top center #444444;
}
.nursing .box_pagebnr.col2 .voice a {
  background-color: #444444;
  background: url("/department/nursing/img/bg_pagebnr_voice.jpg") no-repeat top center #444444;
}
/*リハビリ*/
.rehabilitation .box_pagebnr .report a {
  background-color: #444444;
  background: url("/department/rehabilitation/img/bg_pagebnr_report_long.jpg") no-repeat top center #444444;
}
.rehabilitation .box_pagebnr.col2 .report a {
  background-color: #444444;
  background: url("/department/rehabilitation/img/bg_pagebnr_report.jpg") no-repeat top center #444444;
}
.rehabilitation .box_pagebnr.col2 .message a {
  background-color: #444444;
  background: url("/department/rehabilitation/img/bg_pagebnr_message.jpg") no-repeat top center #444444;
}
.rehabilitation .box_pagebnr.col2 .voice a {
  background-color: #444444;
  background: url("/department/rehabilitation/img/bg_pagebnr_voice.jpg") no-repeat top center #444444;
}
/*栄養学科*/
.nutrition .box_pagebnr .report a {
  background-color: #444444;
  background: url("/department/nutrition/img/bg_pagebnr_report_long.jpg") no-repeat top center #444444;
}
.nutrition .box_pagebnr.col2 .report a {
  background-color: #444444;
  background: url("/department/nutrition/img/bg_pagebnr_report.jpg") no-repeat top center #444444;
}
.nutrition .box_pagebnr.col2 .message a {
  background-color: #444444;
  background: url("/department/nutrition/img/bg_pagebnr_message.jpg") no-repeat top center #444444;
}
.nutrition .box_pagebnr.col2 .voice a {
  background-color: #444444;
  background: url("/department/nutrition/img/bg_pagebnr_voice.jpg") no-repeat top center #444444;
}
@media screen and (max-width: 1280px) {
  /*保健福祉学科*/
  .welfare .box_pagebnr .report a {
    background-color: #444444;
    background: url("/department/welfare/img/bg_pagebnr_report_sp.jpg") no-repeat center center #444444;
  }
  .welfare .box_pagebnr.col2 .report a {
    background-color: #444444;
    background: url("/department/welfare/img/bg_pagebnr_report_sp.jpg") no-repeat top center #444444;
  }
  .welfare .box_pagebnr.col2 .message a {
    background-color: #444444;
    background: url("/department/welfare/img/bg_pagebnr_message_sp.jpg") no-repeat center center #444444;
  }
  .welfare .box_pagebnr.col2 .voice a {
    background-color: #444444;
    background: url("/department/welfare/img/bg_pagebnr_voice_sp.jpg") no-repeat center center #444444;
  }
  /*看護学科*/
  .nursing .box_pagebnr .report a {
    background-color: #444444;
    background: url("/department/nursing/img/bg_pagebnr_report_sp.jpg") no-repeat center center #444444;
  }
  .nursing .box_pagebnr.col2 .report a {
    background-color: #444444;
    background: url("/department/nursing/img/bg_pagebnr_report_sp.jpg") no-repeat top center #444444;
  }
  .nursing .box_pagebnr.col2 .message a {
    background-color: #444444;
    background: url("/department/nursing/img/bg_pagebnr_message_sp.jpg") no-repeat center center #444444;
  }
  .nursing .box_pagebnr.col2 .voice a {
    background-color: #444444;
    background: url("/department/nursing/img/bg_pagebnr_voice_sp.jpg") no-repeat center center #444444;
  }
  /*リハビリ*/
  .rehabilitation .box_pagebnr .report a {
    background-color: #444444;
    background: url("/department/rehabilitation/img/bg_pagebnr_report_sp.jpg") no-repeat center center #444444;
  }
  .rehabilitation .box_pagebnr.col2 .report a {
    background-color: #444444;
    background: url("/department/rehabilitation/img/bg_pagebnr_report_sp.jpg") no-repeat top center #444444;
  }
  .rehabilitation .box_pagebnr.col2 .message a {
    background-color: #444444;
    background: url("/department/rehabilitation/img/bg_pagebnr_message_sp.jpg") no-repeat center center #444444;
  }
  .rehabilitation .box_pagebnr.col2 .voice a {
    background-color: #444444;
    background: url("/department/rehabilitation/img/bg_pagebnr_voice_sp.jpg") no-repeat center center #444444;
  }
  /*栄養学科*/
  .nutrition .box_pagebnr .report a {
    background-color: #444444;
    background: url("/department/nutrition/img/bg_pagebnr_report_sp.jpg") no-repeat center center #444444;
  }
  .nutrition .box_pagebnr.col2 .report a {
    background-color: #444444;
    background: url("/department/nutrition/img/bg_pagebnr_report_sp.jpg") no-repeat top center #444444;
  }
  .nutrition .box_pagebnr.col2 .message a {
    background-color: #444444;
    background: url("/department/nutrition/img/bg_pagebnr_message_sp.jpg") no-repeat center center #444444;
  }
  .nutrition .box_pagebnr.col2 .voice a {
    background-color: #444444;
    background: url("/department/nutrition/img/bg_pagebnr_voice_sp.jpg") no-repeat center center #444444;
  }
}
@media screen and (max-width: 1023px) {
  .box_pagebnr.col2 {
    display: block;
  }
  .box_pagebnr.col2 li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .box_pagebnr > li a {
    height: 300px;
  }
  .box_pagebnr .report a {
    padding: 65px 0 0 0;
  }
  .box_pagebnr .message a {
    padding: 85px 0 0 0;
  }
  .box_pagebnr .voice a {
    padding: 100px 0 0 0;
  }
  .box_pagebnr > li .ttl {
    font-size: 50px;
    font-size: 5rem;
  }
  .box_pagebnr > li .subttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .box_pagebnr > li .subttl::before {
    padding: 7px 0 0 0;
  }
  .box_pagebnr > li .subttl::after {
    padding:0 0 7px 0;
  }
  .box_pagebnr .report .ttl {
    background-size: 35px auto;
    padding: 50px 0 12px 0;
  }
  .box_pagebnr .message .ttl {
    background-size: 35px auto;
    padding:40px 0 12px 0;
  }
}

/*注意文---------------------*/
.txt_att {
  text-align: right;
  font-size: 75%;
  margin: 20px 10px 0 0;
}

/* ===============================================
# 学びの特徴
=============================================== */
.sec_learning {
  background: #f4fbf9;
  flex-wrap: wrap;
  padding: 35px 0 30px 0;
  margin: 0 0 45px 0;
}
.sec_learning .box_ttl {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 40px 0;
  text-align: center;
  line-height: 1.3;
  border-bottom: 1px solid #dcdcdc;
  letter-spacing: 0.2em;
}
.sec_learning .box_ttl span {
  display: inline-block;
  border-bottom:2px solid #63c0ab;
  padding: 0 0 33px 0;
}
.sec_learning .box_learning > dl {
  width: 33.3%;
  position: relative;
  height: auto;
  padding: 0 30px;
  border-left:1px solid #dcdcdc;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;  
}
.sec_learning .box_learning > dl:first-child {
  border-left: none;
}
.sec_learning .box_learning > dl > dt {
  position: relative;
  margin: 0 0 10px 0;
  vertical-align: top;
}
.sec_learning .box_learning > dl > dt > .area_ttl{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  margin-bottom: 20px;
}
.sec_learning .box_learning > dl > dt > .area_ttl > span {
  padding: 0 10px 0 0;
}
.sec_learning .box_learning > dl > dt > .area_ttl > span img {
  width: 81px;
  margin: 0;
}
.sec_learning .box_learning .ttl {
  flex: 1;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: bold;
  color: #63c0ab;
}
.sec_learning .box_learning .text {
  clear: both;
  margin:10px 0;
  line-height: 1.6;
}
.sec_learning .box_learning .text .txtRight{
  display: block;
  margin-top: 5px;
}

/*看護学科*/
.nursing .sec_learning {
  background: #fef7fa; 
}
.nursing .sec_learning .box_ttl span{
  border-color: #ef93bb;
}
.nursing .sec_learning .box_learning .ttl{
  color: #ef93bb;
}
/*リハビリ*/
.rehabilitation .sec_learning {
  background: #f7f9fc; 
}
.rehabilitation .sec_learning .box_ttl span{
  border-color: #88abda;
}
.rehabilitation .sec_learning .box_learning .ttl{
  color: #88abda;
}
/*栄養学科*/
.nutrition .sec_learning {
  background: #fef5f4; 
}
.nutrition .sec_learning .box_ttl span{
  border-color: #ec6d65;
}
.nutrition .sec_learning .box_learning .ttl{
  color: #ec6d65;
}
/*資格---------------------*/
.sec_learning .box_nq{
  display: table; 
  table-layout: fixed;
  width: 100%;
  max-width: 408px;
  margin: 10px auto 0;
}
.sec_learning .box_nq li{
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.sec_learning .box_nq .nq_item{
  width:28%;
}
.sec_learning .box_nq .nq_item > span{
  display: block;
  color: #fff;
  padding: 5px 0;
  background: #63c0ab;    
}
.sec_learning .box_nq .nq_plus{
  width: 30px;
  color: #63c0ab;
  font-weight: bold;
  line-height: 40px;
  font-size: 25px;
  font-size: 2.5rem;  
}
.sec_learning .box_nq .nq_list{
  flex: 1;
}
.sec_learning .box_nq .nq_list > span{
  display: block;
  float: left;
  width: 49%;
  padding: 5px 0;
  color: #fff;
  background: #a8a8a8;
}
.sec_learning .box_nq .nq_list > span:nth-of-type(n+3){
  margin-top: 4px;
}
.sec_learning .box_nq .nq_list > span:nth-of-type(even){
  margin-left: 2%;
}
/*看護*/
.nursing .sec_learning .box_nq .nq_item > span{
  background: #ef93bb;
}
.nursing .sec_learning .box_nq .nq_plus{
  color: #ef93bb;
}
@media screen and (max-width: 1280px) {
  .sec_learning .box_learning .ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .sec_learning .box_nq .nq_item,
  .sec_learning .box_nq .nq_list{
    font-size: 13px;
    font-size: 1.3rem;    
  }  
  .sec_learning .box_nq .nq_plus{
    line-height: 30px;
    width: 25px;
    font-size: 20px;
    font-size: 2rem;      
  }
}
@media screen and (max-width: 1550px) {
  .sec_learning .box_nq:not(.col2) .nq_item{
    width: 45%;
  }
  .sec_learning .box_nq:not(.col2) .nq_list > span{
    width: 100%;
    float: none;
  }
  .sec_learning .box_nq:not(.col2) .nq_list > span:nth-child(n+2){
    margin-top: 4px;
    margin-left: 0;
  }     
}
@media screen and (max-width: 1280px) {
  ul.cmn_discList.col3 > li {
      width: 50%;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .sec_learning {
      padding: 35px 0 0 0;
  }  
  .sec_learning .box_ttl {
      margin: 0 0 20px 0;
  }
  .sec_learning .box_learning  {
    display: block;
  }
  .sec_learning .box_learning > dl {
    width: 94.6%;
    padding:20px 0;
    margin: 0 auto;
    flex-direction:row;
    border-left:none;
    border-top: 1px solid #dcdcdc;    
  }
  .sec_learning .box_learning > dl:first-child {
    border-top: none;
    padding: 0 0 20px 0;
  }
  .sec_learning .box_learning > dl > dt {
    width: 60%;
    padding: 0 20px 0 0;
  }  
  .sec_learning .box_learning > dl > dd {
    width: 40%;
    padding: 25px 0 0 0;
  }    
}
@media (min-width: 769px) and (max-width: 1023px) {
  .sec_learning .box_learning > dl {
    flex-direction: column;   
  }
  .sec_learning .box_learning > dl > dt {
    width: 100%;
    padding: 0;
    margin: 0;
  }  
  .sec_learning .box_learning > dl > dd {
    width: 100%;
    padding: 5px 0 0 0;
    text-align: center;
  } 
  .sec_learning .box_learning .text {
      margin: 10px 0;
  }  
}
@media screen and (max-width: 768px) {
  .sec_learning {
      padding: 27px 0 30px 0;
  }
  .sec_learning .box_ttl span {
      padding: 0 0 20px 0;
  }  
  .sec_learning .box_ttl {
      font-size: 19px;
      font-size: 1.9rem;
      margin: 0 0 30px 0;
  }  
  .sec_learning .box_learning > dl {
    padding: 0 10px;
  }
  .sec_learning .box_learning .ttl {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 0 0 0;
  }
  .sec_learning .box_learning .text {
    margin: 3px 0;
  }  
  body.android .sec_learning .box_learning > dl {
    display: block;
  }
  .sec_learning .box_learning > dl > dt > .area_ttl > span{
    padding-right: 7px;
  }
  .sec_learning .box_learning > dl > dt > .area_ttl > span img {
    width:60px;
  }    
  .sec_learning .box_nq .nq_item.col2{
    width: 26%;
  }
}
@media screen and (max-width: 374px) {

}
/*資格表---------------------*/
.sec_learning .box_point_add{
  margin-top: 20px;
}
.sec_learning .box_point_add .ttl{
  padding: 30px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #ef93bb;
}
.sec_learning .box_point_add .defList{
  padding: 20px 3.3%;
  background-color: #fff;
}
.sec_learning .box_point_add .defList dt{
  width: 8em;
}

.sec_learning .box_point_add .box_result{
  padding: 30px 0;
  background-color: #fff;
}
.sec_learning .box_point_add .box_result figure{
  max-width: 618px;
  width: 86.3%;
  margin: 0 auto 20px;
}
.sec_learning .box_point_add .box_result p{
  font-weight: bold;
  line-height: 1.625;
  color: #ec6d65;
  text-align: center;
}
.sec_learning .box_point_add .box_result span{
  color: #c1af51;
  border-bottom: dashed 1px #c1af51;
}

/*栄養学科*/
.sec_learning .box_point_add .ttl{
  background-color: #ec6d65;
}
/*社会福祉学科*/
.welfare .sec_learning .box_point_add .ttl{
  background-color: #63c0ab;
}
.welfare .sec_learning .box_point_add .box_result p{
  color: #63c0ab;
}
@media screen and (max-width: 768px) {
  .sec_learning .box_point_add{
    margin-top: 20px;
  }
  .sec_learning .box_point_add .ttl{
    padding: 15px 3%;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .sec_learning .box_point_add .defList{
    padding: 13px 6%;
  }  
  .sec_learning .box_point_add .defList dt{
    width: 6em;
  }  
  
  .sec_learning .box_point_add .box_result{
    padding: 22px 0;
  }
  .sec_learning .box_point_add .box_result p{
    font-size: 12.5px;
    font-size: 1.25rem;
  }
}
/* ===============================================
# 6つの力
=============================================== */
.box_power {
  margin: 20px 0 60px 0;
}
.box_power .text {
  margin-bottom: 25px;
}

/* ===============================================
# 卒業後の進路
=============================================== */
.box_course .subject_ttl + .cmn_ttl03 {
  margin-top: 15px;
}
.box_course .cmn_discList {
  margin-bottom: 0;  
}
.box_course .cmn_indent1 {
  margin: 10px 0 30px 10px;  
}
.box_course .cmn_indent1 .gray {
  color: #444444;
  font-size: 10px;
  font-size: 1rem;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .box_course .cmn_indent1 {
    margin: 5px 0 15px 10px;
  }
}

/* ===============================================
# 4年間の流れ
=============================================== */
/*step---------------------*/
.area_step {
  overflow-x: scroll;
  margin: 20px 0 0 0;
}
.area_step::-webkit-scrollbar{
  height:5px;
}
.area_step::-webkit-scrollbar{
  background: #cccccc;
  border-radius: 4px;
}
.area_step::-webkit-scrollbar-thumb{
  background: #f56e74;
  border-radius: 4px;
}
.area_step .step_inner {
  width: 1200px;
  overflow: hidden;
}
.area_step .box_step {
  width: 300px;
  float: left;
}
.area_step .box_step dd {
  padding: 0 26px 0 0;
}
.area_step .box_step .ttl_step {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;  
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.area_step .box_step .ttl_step span {
  height: 58px;
  padding: 10px 0 0 0;
  display:block;
  margin-right: 26px;
  background: #bde1d6;
}
.area_step .box_step .ttl_step:before,
.area_step .box_step .ttl_step:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.area_step .box_step .ttl_step:before{
  top:-4px;
  right: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 33px 0 33px 26px;
  z-index: 10;
}
.area_step .box_step .ttl_step:after{
  top:-4px;
  right: 2px;
  border-style: solid;
  border-color: transparent transparent transparent #bde1d6;
  border-width: 33px 0 33px 26px;
  z-index: 10;
}
.area_step .box_step .ttl_step.step01 {
  background: #a3d6ca;
}
.area_step .box_step .ttl_step.step02 span {
  background: #a3d6ca;
}
.area_step .box_step .ttl_step.step02:after {
  border-color: transparent transparent transparent #a3d6ca;
}
.area_step .box_step .ttl_step.step02 {
  background: #85cbbf;
}
.area_step .box_step .ttl_step.step03 span {
  background: #85cbbf;
}
.area_step .box_step .ttl_step.step03:after {
  border-color: transparent transparent transparent #85cbbf;
}
.area_step .box_step .ttl_step.step03 {
  background: #63c0ab;
}
.area_step .box_step .ttl_step.step04 span {
  background: #63c0ab;
}
.area_step .box_step .ttl_step.step04:after {
  border-color: transparent transparent transparent #63c0ab;
}
.area_step .box_step .text {
  margin: 10px 0;
  line-height: 1.6;
}
.area_step .box_step .cmn_ttl03 {
  margin-top: 0;
}

/*看護*/
.nursing .area_step .box_step .ttl_step.step01,
.nursing .area_step .box_step .ttl_step.step02 span{
  background: #f5b8d3;
}
.nursing .area_step .box_step .ttl_step span{
  background: #f7c9dd;
}
.nursing .area_step .box_step .ttl_step::after{
  border-color: transparent transparent transparent #f7c9dd;
}
.nursing .area_step .box_step .ttl_step.step02,
.nursing .area_step .box_step .ttl_step.step03 span{
  background: #f3a9c9;
}
.nursing .area_step .box_step .ttl_step.step02::after{
  border-color: transparent transparent transparent #f5b8d3;
}
.nursing .area_step .box_step .ttl_step.step03,
.nursing .area_step .box_step .ttl_step.step04 span{
  background: #ef93bb;
}
.nursing .area_step .box_step .ttl_step.step03::after{
  border-color: transparent transparent transparent #f3a9c9;
}
.nursing .area_step .box_step .ttl_step.step04::after{
  border-color: transparent transparent transparent #ef93bb;
}
/*リハビリ*/
.rehabilitation .area_step .box_step .ttl_step span{
  background: #aed0ee;
}
.rehabilitation .area_step .box_step .ttl_step::after{
  border-color: transparent transparent transparent #aed0ee;
}
.rehabilitation .area_step .box_step .ttl_step.step01,
.rehabilitation .area_step .box_step .ttl_step.step02 span{
  background: #a2c3e7;
}
.rehabilitation .area_step .box_step .ttl_step.step02::after{
  border-color: transparent transparent transparent #a2c3e7;
}
.rehabilitation .area_step .box_step .ttl_step.step02,
.rehabilitation .area_step .box_step .ttl_step.step03 span{
  background: #95b7e1;
}
.rehabilitation .area_step .box_step .ttl_step.step03::after{
  border-color: transparent transparent transparent #95b7e1;
}
.rehabilitation .area_step .box_step .ttl_step.step03,
.rehabilitation .area_step .box_step .ttl_step.step04 span{
  background: #88abda;
}
.rehabilitation .area_step .box_step .ttl_step.step04::after{
  border-color: transparent transparent transparent #88abda;
}
/*栄養学科*/
.nutrition .area_step .box_step .ttl_step span{
  background: #f5b2b2;
}
.nutrition .area_step .box_step .ttl_step::after{
  border-color: transparent transparent transparent #f5b2b2;
}
.nutrition .area_step .box_step .ttl_step.step01,
.nutrition .area_step .box_step .ttl_step.step02 span{
  background: #f19c97;
}
.nutrition .area_step .box_step .ttl_step.step02::after{
  border-color: transparent transparent transparent #f19c97;
}
.nutrition .area_step .box_step .ttl_step.step02,
.nutrition .area_step .box_step .ttl_step.step03 span{
  background: #ef857d;
}
.nutrition .area_step .box_step .ttl_step.step03::after{
  border-color: transparent transparent transparent #ef857d;
}
.nutrition .area_step .box_step .ttl_step.step03,
.nutrition .area_step .box_step .ttl_step.step04 span{
  background: #ec6d65;
}
.nutrition .area_step .box_step .ttl_step.step04::after{
  border-color: transparent transparent transparent #ec6d65;
}


@media screen and (min-width: 1601px) {
  .area_step {
    overflow: inherit;
  }
  .area_step::-webkit-scrollbar{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .area_step .step_inner {
    width: 900px;
  }
  .area_step .box_step {
      width: 225px;
  }
  .area_step .box_step .ttl_step {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .area_step .box_step .ttl_step span {
    height: 44px;
    margin-right: 15px;
  }
  .area_step .box_step .ttl_step:before{
    top:-4px;
    right: 0;
    border-width: 26px 0 26px 15px;
  }
  .area_step .box_step .ttl_step:after{
    top:-4px;
    right: 2px;
    border-width: 26px 0 26px 15px;
  }
}

/* ===============================================
# 学科長メッセージ
=============================================== */
.area_deanmsg {
  margin: 0 0 50px 0;
}
.area_deanmsg .flex {
  flex-flow: row-reverse;
}
.area_deanmsg .box_deanimg {
  width:375px;
}
.area_deanmsg .box_deanimg figcaption {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  margin: 20px 0 0 0;
  text-align: center;
}
.area_deanmsg .box_deanimg figcaption span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
}
.area_deanmsg .box_deantext {
  width: calc(100% - 375px);
  padding: 0 50px 0 0;
}
@media screen and (max-width: 1280px) {
  .area_deanmsg .box_deanimg {
    width:250px;
  }
  .area_deanmsg .box_deantext {
    width: calc(100% - 250px);
    padding: 0 30px 0 0;
  }
}
@media screen and (max-width: 1100px) {
  .area_deanmsg .flex {
    display: block;
  }
  .area_deanmsg .box_deanimg {
    width:100%;
  }
  .area_deanmsg .box_deanimg figcaption {
      margin: 8px 0 0 0;
      text-align: right;
  }
  .area_deanmsg .box_deanimg figcaption span {
    display: inline-block;
    margin: 0 0 0 10px
  }  
  .area_deanmsg .box_deantext {
    width:100%;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .area_studentmsg {
    margin: 0 0 40px 0;
  }  
  .area_deanmsg .box_deanimg figcaption {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .area_deanmsg .box_deanimg figcaption span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .area_deanmsg .box_deantext .subject_ttl02  {
    margin: 0 0 15px 0 !important;
  }
}
  
/* ===============================================
# 対談
=============================================== */
/*対談背景---------------------*/
.area_talk {
  background: repeating-linear-gradient(-90deg, #fff, #fff 2px, #f6f5f5 2px, #f6f5f5 100px);
  margin: 0 0 45px 0;
}
.area_talk::before {
  content: '';
  display: block;
  height: 500px;
  background-size: cover !important;  
}
/*社会福祉学科*/
.welfare .area_talk::before {
  background: url("/department/welfare/message/img/bg_talk.jpg") no-repeat top center;
}
/*看護学科*/
.nursing .area_talk::before {
  background: url("/department/nursing/message/img/bg_talk.jpg") no-repeat top center;
}
/*栄養学科*/
.nutrition .area_talk::before {
  background: url("/department/nutrition/message/img/bg_talk.jpg") no-repeat top center;
}
/*リハビリ*/
.rehabilitation .pt .area_talk::before {
  background: url("/department/rehabilitation/message/img/bg_talk.jpg") no-repeat top center;
}
.rehabilitation .ot .area_talk::before {
  background: url("/department/rehabilitation/message/img/bg_talk02.jpg") no-repeat top center;
}

@media screen and (max-width: 1280px) {
  .area_talk::before {
    height: 400px;
  }  
  /*社会福祉学科*/
  .nursing .area_talk::before {
    background: url("/department/nursing/message/img/bg_talk_sp.jpg") no-repeat top center;
  }
  /*看護学科*/
  .nursing .area_talk::before {
    background: url("/department/nursing/message/img/bg_talk_sp.jpg") no-repeat top center;
  }  
  /*栄養学科*/
  .nutrition .area_talk::before {
    background: url("/department/nutrition/message/img/bg_talk_sp.jpg") no-repeat top center;
  }    
  /*リハビリ*/
  .rehabilitation .pt .area_talk::before {
    background: url("/department/rehabilitation/message/img/bg_talk_sp.jpg") no-repeat top center;
  }      
  .rehabilitation .ot .area_talk::before {
    background: url("/department/rehabilitation/message/img/bg_talk02_sp.jpg") no-repeat top center;
  }    
}
@media screen and (max-width: 768px) {
  .area_talk::before {
    height: 250px;
  }
}

/*対談タイトル---------------------*/
.area_talk .inner {
  padding-bottom: 65px;
}
.area_talk .box_ttl {
  margin: 0 auto;
}
.area_talk .box_ttl .intro {
  vertical-align: middle;
  width: calc( (100% - 200px) / 2); 
}
.area_talk .box_ttl .intro dl {
  overflow: hidden;
}
.area_talk .box_ttl .intro dt {
  width: 134px;  
  padding: 30px 0 0 0;
  float: left;
}
.area_talk .box_ttl .intro dd {
  padding:80px 15px 0 15px;
  line-height: 1.4;
  text-align: left;
  float:left;  
}
.area_talk .box_ttl .intro .status {
  color: #63c0ab;
}
.area_talk .box_ttl .intro .name {
    font-size: 23px;
    font-size: 2.3rem;
}
.area_talk .box_ttl .intro.right dt,
.area_talk .box_ttl .intro.right dd {
  text-align: right;
  float:right;
}
.area_talk .box_ttl .ttl {
  position: relative;
  font-size: 60px;
  font-size: 6rem;  
  overflow: hidden;
  width: 200px;
  height: 200px;
}
.area_talk .box_ttl .ttl span {
  position: absolute;
  top:10px;
  bottom:0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  line-height: 1.5;
  width: 85px;
  letter-spacing: 0.3em;
  vertical-align: middle;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.area_talk .box_ttl .ttl::before,
.area_talk .box_ttl .ttl::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 200px;
  height: 1px;
  background: #626262;
}
.area_talk .box_ttl .ttl::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.area_talk .box_ttl .ttl::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
@media screen and (max-width: 1280px) {
  .area_talk .inner {
    width: 94.6%;
    padding-right: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .area_talk .box_ttl .intro {
    margin: -30px 0 0 0;
  }  
  .area_talk .box_ttl .intro dt {
    padding:10px 0 0 0;
  }  
  .area_talk .box_ttl .intro dd {
    clear: both !important;
    padding:15px 0;
    float:none !important;
  }    
}
@media screen and (max-width: 1023px) {
  .area_talk .box_ttl .intro {
    width: calc( (100% - 100px) / 2);
    margin: -30px 0 0 0;
  }
  .area_talk .box_ttl .ttl {
    font-size: 30px;
    font-size: 3rem;  
    width: 100px;
    height: 100px;
  }
  .area_talk .box_ttl .ttl span {
    width: 45px;
  }  
  .area_talk .box_ttl .ttl::before,
  .area_talk .box_ttl .ttl::after {
    width: 100px;
  }  
}
@media screen and (max-width: 768px) {
  .area_talk .inner {
    padding-bottom: 17px;
  }  
  .area_talk .box_ttl .intro {
    margin: -25px 0 0 0;
  }
  .area_talk .box_ttl .intro dt {
    width: 67px;  
  }
  .area_talk .box_ttl .intro dd {
    padding:5px 0 12px 0;
  }    
  .area_talk .box_ttl .intro .status {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .area_talk .box_ttl .intro .name {
      font-size: 14px;
      font-size: 1.4rem;
  }  
  .area_talk .box_ttl .ttl {
    margin: -5px 0 0 0;
  }
  body.android .area_talk .box_ttl .intro {
    width: auto;
  }
}

/*内容（アコーディオン）---------------------*/
.area_talk .box_interview .interview {
  position: relative;
  z-index: 0;
}
.area_talk .box_interview .ttl.js-acd{
  cursor: pointer;
}
.area_talk .box_interview .ttl {
  background: #63c0ab;
  color: #fff;
  border-radius: 50px;
  font-size: 20px;
  font-size: 2rem;
  margin: 15px 0 0 0 ;
  padding: 0 28px 0 0;
  position: relative;
  line-height: 1.6;
}
.area_talk .box_interview .interview:first-child .ttl {
  margin: 0;
}
.area_talk .box_interview .ttl.open::after {
  content: '';
  background: #fff;
  height: 30px;
  width: 100%;
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  z-index: -1;
}
.area_talk .box_interview .ttl span {
  display: block;
  background: url(/common/img/ico_plus_w.svg) no-repeat right center;
  background-size: 14px 14px;
  padding:11px 20px 11px 50px;
}
.area_talk .box_interview .ttl.open span {
  background: url(/common/img/ico_minus_w.svg) no-repeat right center;
  background-size: 14px 2px;
}
body.android .area_talk .box_interview .ttl span {
  background: url(/common/img/ico_plus_w.svg) no-repeat right center;
}
.area_talk .box_interview .ttl.open span {
  background: url(/common/img/ico_minus_w.svg) no-repeat right center;
}
.area_talk .box_interview .cont {
  background: #fff;
  border-radius:0 0  20px 20px;
  padding: 55px 40px 30px 40px;
  overflow: hidden;
  margin-top:-25px;
}
.area_talk .box_interview .box_ivimg {
  width: 110px;
  text-align: center;
  float: left;
  margin:0 30px 5px 0;
}
.area_talk .box_interview .box_ivimg figcaption {
  color: #63c0ab;
  font-size: 15px;
  font-size: 1.5rem;
  margin: 3px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .area_talk .box_interview .ttl {
    padding: 0 14px 0 0;
  }
  .area_talk .box_interview .ttl span {
    background: url(/common/img/ico_plus_w.svg) no-repeat right center;
    background-size: 11px 11px;
    padding: 10px 20px 10px 20px;
  }
  .area_talk .box_interview .ttl.open span {
    background: url(/common/img/ico_minus_w.svg) no-repeat right center;
    background-size: 11px 11px;
  }   
}
@media screen and (max-width: 768px) {
  .area_talk .box_interview .cont {
    padding: 25px 25px 20px 25px;
    margin-top:-10px;
  }  
  .area_talk .box_interview .ttl {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    margin: 5px 0 0 0;
  }
  .area_talk .box_interview .box_ivimg {
    width: 55px;
    margin:0 20px 5px 0;
  } 
  .area_talk .box_interview .box_ivimg figcaption {
    font-size: 11px;
    font-size: 1.1rem;
  } 
}

/*VTR---------------------*/
.area_talk .box_vtr .ttl {
  text-align: center;
  font-size: 48px;
  font-size: 4.8rem;
  letter-spacing: 0.025em;
  line-height: 1;
  background: url("/department/img/bg_movie_b.svg") no-repeat top center;
  background-size: 31px auto;
  padding: 40px 0 0 0;
}
.area_talk .box_vtr .ttl span {
  color: #63c0ab;
}
.area_talk .box_vtr .subttl {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 0 30px 0;
}
.area_talk .box_vtr .box_vtrlink li {
  width: 50%;  
}
.area_talk .box_vtr .box_vtrlink .cmn_movie {
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .area_talk .box_vtrlink  {
    display: block;
  }
  .area_talk .box_vtr .box_vtrlink li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 768px) {
  .area_talk .box_vtr .ttl {
    font-size: 33px;
    font-size: 3.3rem;
    background-size: 23px auto;
    padding: 25px 0 0 0;
  }
  .area_talk .box_vtr .subttl {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 3px 0 15px 0;
  }
}


/*看護学科*/
.nursing .area_talk .box_ttl .intro .status,
.nursing .area_talk .box_interview .box_ivimg figcaption,
.nursing .area_talk .box_vtr .ttl span{
  color: #ef93bb;
}
.nursing .area_talk .box_interview .ttl{
  background: #ef93bb;
}
/*栄養学科*/
.nutrition .area_talk .box_ttl .intro .status,
.nutrition .area_talk .box_interview .box_ivimg figcaption,
.nutrition .area_talk .box_vtr .ttl span{
  color: #ec6d65;
}
.nutrition .area_talk .box_interview .ttl{
  background: #ec6d65;
}
/*リハビリ*/
.rehabilitation .pt .area_talk .box_ttl .intro .status,
.rehabilitation .pt .area_talk .box_interview .box_ivimg figcaption,
.rehabilitation .pt .area_talk .box_vtr .ttl span{
  color: #88abda;
}
.rehabilitation .pt .area_talk .box_interview .ttl{
  background: #88abda;
}
.rehabilitation .ot .area_talk .box_ttl .intro .status,
.rehabilitation .ot .area_talk .box_interview .box_ivimg figcaption,
.rehabilitation .ot .area_talk .box_vtr .ttl span{
  color: #a59aca;
}
.rehabilitation .ot .area_talk .box_interview .ttl{
  background: #a59aca;
}
/* ===============================================
# 在学生メッセージ
=============================================== */
.area_studentmsg {
  margin: 0 0 80px 0;
}
@media print,screen and (min-width: 769px) {
  .area_studentmsg .cmn_voice_link{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;  
  }
}
@media screen and (max-width: 768px) {
  .area_studentmsg {
    margin: 0 0 40px 0;
  }
  .area_studentmsg .cmn_voice_link {
    flex-wrap: nowrap;
    border-bottom: none;
  }
  .area_studentmsg .cmn_voice_link li {
    border-top: none;
  }
}

/* ===============================================
# class report
=============================================== */
.box_report.haw{
  margin-bottom: 60px;
}
.box_report .report_inner {
  max-width: 1360px;
  margin: 0 auto;
}
/*タイトル---------------------*/
.box_report .ttl_page {
  text-align: center;
  margin: 0 0 25px 0;
}
.box_report .ttl_page .ttl {
  font-size: 66px;
  font-size: 6.6rem;
  line-height: 0.6;
  padding: 0 0 18px 0;
  letter-spacing: 0.03em;
}
.box_report .ttl_page .subttl {
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  min-width: 191px;
}
.box_report .ttl_page .subttl::before {
  content: '';
  display: block;
  padding: 3px 0 0 0;
  border-top: 1px solid #000;
}
/*その他の動画*/
.box_report .otherttl {
  font-size: 23px;
  font-size: 2.2rem;
  letter-spacing: 0.03em;
  text-align: center;
  margin: 60px 0 0 0;
}
/*movie*/
.box_report .intro .ttl {
  font-size: 53px;
  font-size: 5.3rem;
  letter-spacing: 0.03em;
  line-height: 1;
  margin: 10px 0 -10px 33px;
}
.box_report .intro .ttl > span{
  display: none;
  font-size: 20px;
  font-size: 2rem;
  margin-left: 15px;
  vertical-align: middle;
  letter-spacing: 0;
}
.box_report.haw .intro .ttl > span{
  display: inline-block;
}
@media screen and (max-width :1280px){
  .box_report .intro .ttl {
    margin: 0 0 -20px 33px;
  }
}
@media screen and (max-width :768px){
  .box_report .ttl_page .ttl {
    font-size: 39px;
    font-size: 3.9rem;
    padding: 0 0 10px 0;
  }
  .box_report .ttl_page .subttl {
    font-size: 12px;
    font-size: 1.2rem;  
  }
  .box_report .ttl_page .subttl::before {
    padding: 5px 0 0 0;
  }  
  .box_report .otherttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 18px 0 0 0;
  }
  .box_report .intro .ttl {
    font-size: 39px;
    font-size: 3.9rem;    
    margin: 0 0 -15px 14px;
  }  
  .box_report .intro .ttl > span{
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/*class紹介---------------------*/
/*PICKUPとSwiper共通*/
.box_report .report_cont .subttl {
  font-size: 22px;
  font-size: 2.2rem;  
  line-height: 1.18;
}
.box_report .report_cont .subttl span{
  font-size: 14px;
  font-size: 1.4rem;
}
.box_report .report_cont .subttl.mv {
  display: table-cell;
  vertical-align: middle;
  background: url(/department/img/bg_movie_b.svg) no-repeat center left;
  background-size: 46px auto;
  padding: 0 0 0 55px;
  height: 38px;  
}
.box_report .report_cont .subttl.mv span{
  font-size: 18px;
  font-size: 1.8rem;
}
.box_report .report_cont .status {
  margin: 8px 0 0 0;
  padding: 0 0 13px 0;
  border-bottom: 1px solid #dcdcdc;
}
.box_report .report_cont .status > li {
  display: inline-block;
  line-height: 1;
}
.box_report .report_cont .status .tag {
  background: #fff;
  padding: 9px 22px 9px 19px;
  border-left: 3px solid #63c0ab;
  box-shadow: 0px 0px 7px 0px rgba(29, 29, 29, 0.24);  
  margin: 0 10px 0 0;
}
.box_report .report_cont .status .year {
  color: #fff;
  background: #464646;
  padding: 9px 20px;
}
.box_report .report_cont .catch {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
  margin: 10px 0;
}
.box_report .report_cont .text {
  line-height: 1.6;
} 
@media screen and (max-width :768px){
  .box_report .report_cont .subttl.mv {
    background: url(/department/img/bg_movie_b.svg) no-repeat center left;
    background-size: 35px auto;
    padding: 0 0 0 44px;
    height: 29px;
  }  
  .box_report .report_cont .subttl.mv span{
    font-size: 12px;
    font-size: 1.2rem;
  }    
  .box_report .report_cont .subttl {
    font-size: 16px !important;
    font-size: 1.6rem !important;  
  }
  .box_report .report_cont .catch {
    font-size: 17px !important;
    font-size: 1.7rem !important;
    margin: 8px 0;      
  }
  .box_report .report_cont .status {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0px 0 12px 0;
  }
  .box_report .report_cont .status .tag {
    padding: 7px 18px 7px 15px;
  }
  .box_report .report_cont .status .year {
    padding: 7px 15px;
  }  
}

/*PICKUP（動画）*/
.box_report .box_movie.pickup .movie {
  width: calc(100% - 560px);
}
.box_report .box_movie.pickup .intro {
  width: 560px;
}
.box_report .box_movie.pickup .intro .report_cont {
  background: #f4fbf9;
  padding: 48px 20px 28px 33px;
}
.box_report .box_movie.pickup .intro .report_cont .catch {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.4;
    margin: 25px 0 10px 0;
}
.box_report .box_movie.pickup .intro .report_cont .status {
  margin: 30px 0 0 0;
  padding: 0;
  border-bottom: none;
}
.box_report .box_movie.pickup .movie .cmn_movie {
    margin: 0 auto;
}
@media screen and (max-width :1360px){
  .box_report .box_movie.pickup .movie {
    width: calc(100% - 450px);
  }
  .box_report .box_movie.pickup .intro {
    width: 450px;
  }
}
@media screen and (max-width :1280px){
  .box_report .box_movie.pickup {
    display: block;
  }
  .box_report .box_movie.pickup .movie {
    width: 100%;
  } 
  .box_report .box_movie.pickup .intro {
    width: 94.6%;
    margin: 0 auto;
  }
}
@media screen and (max-width :768px){
  .box_report .box_movie.pickup .intro .report_cont {
      padding: 20px 14px
  }
  .box_report .box_movie.pickup .intro .report_cont .catch {
      margin: 17px 0 10px 0;
  }
  .box_report .box_movie.pickup .intro .report_cont .status {
    margin: 20px 0 0 0;
  }  
}
/*PICKUP（静止画）*/
.box_report .box_movie.pickup .img_still img {
  width: 100%;
}
.box_report .box_movie.pickup .intro.ttl_still .report_cont {
  margin-top: 53px ;
  padding-top:  28px;
}
.box_report .box_movie.pickup .intro.ttl_still .ttl {
  display: none;
  margin-bottom: 0;  
}
@media screen and (max-width :1280px){
  .box_report .box_movie.pickup .intro.ttl_still .report_cont {
    margin-top: 15px ;
  }  
}
@media screen and (max-width :768px){
  .box_report .box_movie.pickup .intro.ttl_still .report_cont {
    padding-top:  20px;
  }
}


/*Swiper*/
.swiper_movie{
  position: relative;
  margin: 37px 0;
  background: #f4fbf9;
}
.swiper_movie dl {
  position: relative;
  height: auto;
  box-sizing: border-box;
/*  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;*/
}
.swiper_movie dl > dt {
  position: relative;
  overflow: hidden;
  vertical-align: top;
}
.swiper_movie dl > dt .report_cont {
  padding: 35px 55px 0 55px;
}
.swiper_movie  .swiper-slide dt img {
  width: 100%;
}
.swiper_movie dl > dd {
  padding: 0 55px 75px 55px;
}
.swiper_movie.swiper-container-horizontal > .swiper-pagination-bullets{
  position: absolute;
  text-align: center;
  line-height: 1;
  bottom: inherit;
  top: -34px;
}
.swiper_movie .swiper-pagination-bullet{
  width: 14px;
  height: 14px;  
  background: #e7e7e7;
  opacity: 1;
}
.swiper_movie .swiper-pagination-bullet-active{
  background: #63c0ab;
  opacity: 1;
}
@media screen and (max-width :1600px){
  .swiper_movie dl > dt .report_cont {
    padding: 30px 30px 0 30px;
  }
  .swiper_movie dl > dd {
    padding: 0 30px 50px 30px;
  }
}
@media screen and (max-width :1280px){
  .swiper_movie dl > dt .report_cont {
    padding: 20px 20px 0 20px;
  }
  .swiper_movie dl > dd {
    padding: 0 20px 40px 20px;
  }
}
@media screen and (max-width :768px){
  .swiper_movie{
    margin: 30px 0;
  }
    .swiper_movie dl > dt .report_cont {
    padding: 25px 20px 0 20px;
  }
  .swiper_movie dl > dd {
    padding: 0 20px 30px 20px;
  }
  .swiper_movie  .swiper-slide　{
    width: auto;
  }
  .swiper_movie.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: inherit;
    top:-27px;
  }
  .swiper_movie .swiper-pagination-bullet{
    width: 7px;
    height: 7px;  
  }
  body.android .swiper_movie dl {
    display: block;
  }
}

/*看護学科*/
.nursing .box_report .box_movie.pickup .intro .report_cont,
.nursing .swiper_movie{
  background: #fef7fa;
}
.nursing .box_report .report_cont .status .tag {
  border-color: #ef93bb;
}
.nursing .swiper_movie .swiper-pagination-bullet-active{
  background: #ef93bb;
}
/*栄養学科*/
.nutrition .box_report .box_movie.pickup .intro .report_cont,
.nutrition .swiper_movie{
  background: #fef5f4;
}
.nutrition .box_report .report_cont .status .tag {
  border-color: #ec6d65;
}
.nutrition .swiper_movie .swiper-pagination-bullet-active{
  background: #ec6d65;
}
/*リハビリ*/
.rehabilitation .pt .box_report .box_movie.pickup .intro .report_cont,
.rehabilitation .pt .swiper_movie{
  background: #f7f9fc;
}
.rehabilitation .pt .box_report .report_cont .status .tag {
  border-color: #88abda;
}
.rehabilitation .pt .swiper_movie .swiper-pagination-bullet-active{
  background: #88abda;
}
.rehabilitation .ot .box_report .box_movie.pickup .intro .report_cont,
.rehabilitation .ot .swiper_movie{
  background: #f9f8fb;
}
.rehabilitation .ot .box_report .report_cont .status .tag{
  border-color: #a59aca;
}
.rehabilitation .ot .swiper_movie .swiper-pagination-bullet-active{
  background: #a59aca;
}
/*人間総合科*/
.human_mv .box_report .box_movie.pickup .intro .report_cont,
.human_mv .swiper_movie{
  background: #f8f8f3;
}
.human_mv .box_report .report_cont .status .tag {
  border-color: #63c0ab;
}


/* ===============================================
# ポイント
=============================================== */
.box_point {
  padding: 40px 0 30px 0;
}
.box_point .box_ttl {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
}
.box_point dl {
  display: table;
  width: 100%;
  margin: 20px 0 0 0;
  position: relative;
  z-index: 0;  
}
.box_point dl dt {
  display: table-cell;
  width: 300px;
  vertical-align: middle;
  position: relative;
  background: #77beb9;
  color: #fff;
  border-radius: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  padding:12px 8px;
}
.box_point dl dt::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  top:0;
  right: 0;
  z-index: -1;
  background: #fff;  
}
.box_point dl dd {
  display: table-cell;
  background: #fff;
  border-radius: 0 25px 25px 0;
  padding: 12px 30px;
  line-height: 1.4;  
}
@media screen and (max-width :1280px){
  .box_point dl dt {
    width: 200px;
  }
}
@media screen and (max-width :1000px){
  .box_point dl {
    display: table;
  }
  .box_point dl dt {
    width: 70%;
    display: block;
  }
  .box_point dl dt::before {
    display: none;
  }
  .box_point dl dd {
    width: 100%;
    display: block;
    border-radius: 25px;
    padding: 30px  20px 10px 20px;
    margin: -20px 0 0 0;
  }  
}
@media screen and (max-width :768px){
  .box_point .box_ttl {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .box_point dl {
    margin: 10px 0 0 0;
  }  
  .box_point dl dt {
    font-size: 14px;
    font-size: 1.4rem;
  } 
}

/*人間総合科*/
.human .box_report {
  background: #f8f8f3;
  padding: 50px 0 0 0;
  margin: 120px 0 0 0;
}
.human .box_report .ttl_page .ttl {
  margin: -115px 0  0 0 ;
}
.human .box_report .ttl_page {
    margin: 0 0 15px 0;
}
.human .swiper_movie {
  background: #f8f8f3;
}
@media screen and (max-width :768px){
  .human .box_report {
    margin: 75px 0 0 0;
  }
  .human .box_report .ttl_page .ttl {
      margin: -88px 0  0 0 ;
  }
}

/* ===============================================
# 専門領域を深める４つの学科
=============================================== */
.box_faculty {
  background: #f3f8fb;
  padding: 25px 0 100px 0;
}
.box_faculty .box_ttl {
    line-height: 1.3;
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin: 0 0 25px 0;
}
@media screen and (max-width :768px){
  .box_faculty {
    background: #f3f8fb;
    padding: 15px 0 100px 0;
  }
  .box_faculty .box_ttl {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 10px 0;
  }
}


/* ===============================================
# 人間総合科 original
=============================================== */
.human .main {
  padding-bottom: 0;
}

/* ===============================================
# tab
=============================================== */
.tab_head {
  max-width: 910px;
  margin: 0 auto 40px;
  border-bottom: solid 5px #f3f3f3;
}
.tab_head li{
  width: 50%;
}
.tab_head li a{
  height: 100%;
  text-align: center;
  color: #9d9d9d;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.025em;
  line-height: 1.3;
  padding: 26px 0 15px;
  border-bottom: solid 1px #e7e7e7;
}

.tab_head li a.active{
  background-color: #f1f5fb;
  color: #88abda;
  border-bottom: solid 1px #88abda;
}
.tab_head li a.active::after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px auto 0;
    border-top: solid 1px #88abda;
    border-right: solid 1px #88abda;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/*作業療法*/
.tab_head li a.ot.active,
.tab_head li a.ot.active::after{
  border-color: #a59aca;
  color: #a59aca;
}
.tab_head li a.ot.active{
  background-color: #f4f3f9;
}
@media screen and (max-width :768px){
  .tab_head {
    max-width: 96.4%;
    margin: 0 auto 25px;
    border-width: 3px;
  }
  .tab_head li a{
    font-size: 14px;
    font-size: 1.4rem;
    padding: 11px 0 10px;
  }
  .tab_head li a.active::after{
      width: 5px;
      height: 5px;
      margin: 5px auto 0;
  }  
}