@charset "utf-8";
/*
Theme Name:athenee
Author URI: 作成者のURL（あれば）
Description: original theme
Version:1.0
*/

/*==============================
お知らせ
==============================*/
@media screen and (max-width: 991.98px) {
#news{padding-top:80px;}
}
@media screen and (max-width: 575.98px) {
#news{padding-top:60px;}
}
#news .ttl_month{
border-radius: 5px;
}
#news .month-list li{
border-bottom: 1px solid #d7d5d5;
padding: 1.2rem 0 1.2rem 1.7rem;
}
#news a{
color: #333;
}
#news a:hover{
color: #ED6883;
}
#news .main_wrap dl{
border-bottom: 1px solid #ED6883;
}
#news .category {
color: #fff;
font-size: 1.1rem;
padding: 0.5rem 1rem;
width: 7rem;
text-align: center;
display: inline-block;
line-height: 1.0;
margin: 0 0 0 10px;
}
#news .category.sns {
background-color: #4dc09d;
}
#news .category.news {
background-color: #ED6883;
}
#news .category.event {
background-color: #fa953f;
}

#news article h1{border-bottom: 1px solid;}
#news dt.day{font-weight:normal;}

/*ぱん屑修正*/
#news .breadcrumb{
padding: 0.6rem 0 0 0!important;
margin:0!important;
}
#news .breadcrumb li, #news .breadcrumb li a{
font-size: 90%!important;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 1rem!important;
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">"!important;
padding-right: 1rem!important;
}
#news .breadcrumb-item a{
color: #ED6883;
}
/*一覧へボタン*/
#news .btn_link-main,
#news .btn_link-main:hover{
font-weight: normal;
color:#FFF!important;
}


/*==============================
お知らせのページネーション
==============================*/
/*一覧*/
.nav-links{margin-bottom:3rem;}
.nav-links a,
.nav-links span{
width: 3.2rem;
height: 3rem;
display: inline-block;
text-align: center;
border: 1px solid;
line-height: 2.8rem;
}
.nav-links a i{
line-height:3rem;
}
.nav-links a:hover{
background: #ed68832e!important;
}
/*個別*/
.pager p{
padding: 1rem;
}
.pager p:nth-child(2){
text-align: right;
}

/*==============================
お問合せ[確認]
==============================*/
.contact_confirm #contact-form .form-wrap .form_box {
border-bottom: 1px solid #d7d5d5;
padding: 1rem 0;
margin-bottom: 0;
}
.contact_confirm #contact-form .form-wrap .form_box:last-of-type {
border-bottom: none;
}
.contact_confirm #contact-form .form-wrap .form_box input[name='submitBack']{
background: #999;
width: 350px;
}
/*==============================
お問合せ[完了]
==============================*/
.contact_thanks section p:first-child{
color: #ED6883;
font-weight: 700;
font-size: 2.4rem;
}
.contact_thanks section a{
color: #fff;
background-color: #ED6883;
height: 65px;
width: 300px;
max-width: 95%;
padding: 15px 20px;
border-radius: 0.3em;
}

/*==============================
学生の声
==============================*/
#student_voices .hero {
background-image: url(images/english/hero.jpg);
background-position: center;
}
#student_voices p{
font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS Pゴシック", Helvetica, Arial, Verdana, sans-serif;
letter-spacing: 1px;
transition: 0.3s;
}
#student_voices .mincho p{
font-family: 'Sawarabi Mincho', 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-weight: normal;
}
#student_voices .ls2 {
letter-spacing: 2px;
}
#student_voices .line-h_18 {
line-height: 1.8;
}
#student_voices .tit {
  background: url("../images/sec5_icon.png") no-repeat;
  background-position: center left;
  background-size: auto 85px; }
  @media screen and (max-width: 575.98px) {
    #student_voices .tit {
      background-position: top left 12%;
      background-size: auto 65px; } }
#student_voices .voice {
  padding: 2.0rem 3.0rem;
  border: 1px solid #959595;
  box-shadow: 0px 3px 5px rgba(0, 7, 80, 0.06); }
  #student_voices .voice .box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border-bottom: 1px solid #333;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem; }
    #student_voices .voice .box img {
      width: 140px;
      border-radius: 50%;
      max-width: 40%; }

/*==============================
英語学科本科　専任講師からのメッセージ
==============================*/
#page-english #message .teacher {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid #707070;
  background-color: #fff;
  padding: 2rem 3.5rem; }
  #page-english #message .teacher img {
    border-radius: 50%;
    width: 150px;
    display: block;
    margin-right: 3rem; }
  #page-english #message .teacher .name {
    border-bottom: 1px solid #333;
    line-height: 1.4;
    padding-bottom: 1.0rem;
    margin-bottom: 1.0rem; }
    #page-english #message .teacher .name span {
      font-size: 85%;
      display: inline-block; }
  @media screen and (max-width: 575.98px) {
    #page-english #message .teacher {
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      #page-english #message .teacher img {
        margin-right: 0;
        margin-top: 2rem; }
      #page-english #message .teacher .name {
        text-align: center; } }