@charset "utf-8";
/* CSS Document */


/*================================
LINE
================================*/ 
#line .register{
  margin-bottom: 60px;
}
#line .register a{
  display: inline-block;
}
#line .register img + p{
  margin-top: 15px;
}
#line .register .qr{
  max-width: 200px;
}
#line .register .search img{
  border-radius: 8px;
  overflow: hidden;
}
#line .notice{
  background-color: #fafaf5;
}
#line .notice h4{
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
  text-align: center;
}
#line .notice li:not(:last-child){
  margin-bottom: 10px;
}
@media (min-width: 768px){
  #line .notice{
    padding: 40px;
  }
  #line .notice h4{
    margin-bottom: 25px;
  }
}
@media (max-width: 767px){
  #line .notice{
    padding: 20px 15px;
  }
  #line .notice h4{
    margin-bottom: 15px;
  }
}

/*================================
アクセス
================================*/ 
#access_map,
#access_on_foot,
#required_time,
#access_by_bus{
  padding-bottom: 0 !important;
}
/*田園調布学園大学
================================*/
#gmap iframe{
  width: 100%;
  border-radius: 8px;
}
@media (min-width: 768px){
  #gmap iframe{
    height: 400px;
  }
}
@media (max-width: 767px){
  #gmap iframe{
    aspect-ratio: 16 / 9;
    height: auto;
  }
}

/*徒歩マップ
================================*/
#access_on_foot .map{
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px){
  #access_on_foot .map{
    margin-top: 50px;
  }
}

/*主な駅から大学への所要時間
================================*/
#required_time .map{
  max-width: 973px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px){
  #required_time .map{
    margin-top: 50px;
  }
}

/*最寄り駅からのバス便
================================*/
#access_by_bus ul li:not(:last-child){
  margin-bottom: 30px;
}

/*併設校紹介
================================*/
#affiliated_school .picture_layout .pl_picture img{
  border-radius: 8px;
}
#affiliated_school .btn_dtl{
  margin-top: 30px;
}
@media (min-width: 768px){
  #affiliated_school .line_ttl + .picture_layout{
    margin-top: 40px;
  }
  #affiliated_school .picture_layout{
    margin-top: 80px;
  }
}
@media (max-width: 767px){
  #affiliated_school .line_ttl + .picture_layout{
    margin-top: 30px;
  }
  #affiliated_school .picture_layout{
    margin-top: 60px;
  }
  #affiliated_school .picture_layout{
    display: flex;
    flex-wrap: wrap;
  }
  #affiliated_school .picture_layout .pl_picture{
    order: 1;
    width: 100%;
    margin-top: 0;
  }
  #affiliated_school .picture_layout .pl_txt{
    order: 2;
    width: 100%;
    margin-top: 20px;
  }
  #affiliated_school .btn_dtl{
    margin-left: auto;
    margin-right: auto;
  }
}