@charset "utf-8";

/***********************************************
clfix
***********************************************/
.clfix::before, .clfix::after {
  content: " ";
  display: table;
}
.clfix::after {
  clear: both;
}
/***********************************************
layout
***********************************************/
html, body {
}
@media screen and (min-width: 641px) {
  body {
  	min-width: 1160px;
  }
}

html {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
p {
  color: #333;
}
.inner {
  width: 1120px;
  margin-right: auto;
  margin-left: auto;
}


/***********************************************
header
***********************************************/
#header {
  background-color: #FF6A00;
  height: 80px;
  background-image: url("../../common/images/bg_header.jpg");
  background-position: right;
}
#header .inner {
  height: 80px;
}
#header .title {
  width: 224px;
  height: 41px;
  margin-left: 4px;
  margin-top: 19px;
  float: left;
}
#header .title img:hover {
  opacity: 0.7;
}
#header .gnav {
  margin: 0px 0px 0px 56px;
  float: left;
  padding: 0;
  height: 80px;
}
#header .gnav li {
  float: left;
  list-style: none;
  letter-spacing: 0.1px;
  height: 80px;
}
/*#header .gnav li::after {
  content: url("../../common/images/ico_current.png");
}*/

#header .gnav a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  /*padding: 28px 25px;*/
  padding: 30px 10px;
  display: block;
  font-size: 14px;
	line-height: 1.5;
}
#header .gnav li .current {
  background-image: url("../../common/images/ico_current.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}


#header .share {
  margin: 23px auto 0;
  float: right;
  padding: 0;
}
#header .share li {
  margin-right: 12px;
  list-style: none;
  float: right;
}
#header .share li:first-child {
  margin-right: 0px;
}
#header .share a:hover {
  opacity: 0.7;
}
#header .drawer-hamburger {
	top: 182px;
	width: 3.2rem;
}
/***********************************************
slider
***********************************************/
#slider a:hover {
  opacity: 0.7;
}
#slider .demo-2 .sl-slider-wrapper {
    height: 624px;
    overflow: hidden;
    position: relative;
    width: 1600px;
}
/***********************************************
NEWS
***********************************************/
#news {
}
#news h2 {
  color: #FF6A00;
  font-size:270%;
  line-height: 1.5;
  margin-bottom: 20px;
}
#news .section {
  padding: 15px 0;
  border-top: 1px solid #DDD;
}
#news .section:last-child {
}
#news .inner a {
  color: #333;
  text-decoration: none;
}
#news .inner a:hover {
  color: #FE6A00;
  text-decoration: underline;
}
/***********************************************
h2 span
***********************************************/

#top h2 span {
    font-size: 69%;
}

/***********************************************
curriculum（先輩が選んだmyカリキュラム）
***********************************************/
#top #curriculum {
  background-color: #FFEFE3;
}
#top #curriculum .inner {
  padding: 0;
  position: relative;
  /*height: 360px;*/
  overflow: hidden;
}
#top #curriculum h2 {
  color: #FF6A00;
  font-size:270%;
  line-height:1.2;
  text-align: left;
  margin: 20px 0;
}
#top #curriculum .text {
  width: 660px;
  overflow: hidden;
  padding-bottom: 20px;
  float: left;
  /*position: absolute;
  left: 0px;*/
}
#top #curriculum .text p {
  text-indent: 0em;
}

#top #curriculum .text .button {
  margin-top: 20px;
}
#top #curriculum .photo {
  /*position: absolute;
  bottom: 0px;
  right: 10px;*/
  width: 430px;
  float: right;
}
#top #curriculum .photo img {
  width: 100%;
  height: auto;
}
/***********************************************
essay（教員リレーエッセイ）
***********************************************/
#top #essay {
  background-color: #fff;
}
#top #essay .inner {
  padding: 0;
  position: relative;
  height: 360px;
}
#top #essay h2 {
  color: #FF6A00;
  font-size:270%;
  line-height:1.2;
  text-align: right;
  margin-bottom: 20px;
}
#top #essay .text {
  width: 600px;
  position: absolute;
  right: 0px;
}
#top #essay .text p {
  text-indent: 0em;
}

#top #essay .text .button {
  margin-top: 20px;
}
#top #essay .photo {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 500px;
}

/***********************************************
department（外国語学部の取扱説明書）
***********************************************/
#top #department {
  background-color: #FFEFE3;
}
#top #department .inner {
  padding: 50px 0px;
  position: relative;
  height: 360px;
}
#top #department h2 {
  color: #FF6A00;
  font-size:270%;
  line-height:1.2;
  text-align: left;
  margin-bottom: 20px;
}
#top #department .text {
  width: 600px;
  position: absolute;
  left: 0px;
}
#top #department .text p {
  text-indent: 0em;
}

#top #department .text .button {
  margin-top: 20px;
}
#top #department .photo {
  position: absolute;
  bottom: 0px;
  right: 10px;
  width: 500px;
}
/***********************************************
campus（井の頭キャンパス探訪）
***********************************************/
#top #campus {
  background-color: #FFF0F8;
}
#top #campus .inner {
  padding: 50px 0px;
  position: relative;
  height: 360px;
}
#top #campus h2 {
  color: #FF80C0;
  font-size:270%;
  line-height:1.2;
  text-align: right;
  margin-bottom: 20px;

}
#top #campus .photo {
  position: absolute;
  bottom: 0px;
  left: 10px;
  width: 500px;
}
#top #campus .text {
  width: 600px;
  position: absolute;
  right: 0px;
}
#top #campus .text p {
  text-indent: 0em;
  text-align: right;

}

#top #campus .text .button {
  margin-top: 20px;
}

/***********************************************
column（金田一秀穂先生のコラム）
***********************************************/
#top #column {
  background-color: #E2F5FE;
}
#top #column .inner {
  padding: 50px 0px;
  position: relative;
  height: 360px;
}
#top #column h2 {
  color: #06A5EA;
  font-size:270%;
  line-height:1.2;
  margin-bottom: 20px;

}
#top #column .photo {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 500px;
}
#top #column .text {
  width: 600px;
  position: absolute;
  left: 0px;
}
#top #column .text p {
  text-indent: 0em;
}

#top #column .text .button {
  margin-top: 20px;
}

/***********************************************
teacher（教員紹介）
***********************************************/
#teacher {
  background-color: #FFEFE3;
}
#teacher .inner {
  padding: 50px 0px;
  position: relative;
  height: 360px;
}
#teacher h2 {
  color: #FF6A00;
  font-size:270%;
  line-height:1.2;
  text-align: right;
  margin-bottom: 20px;

}
#teacher .photo {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 500px;
}
#teacher .text {
  width: 600px;
  position: absolute;
  right: 0px;
}
#top #teacher .text p {
  text-indent: 0em;
  text-align: right;
}
#teacher .text .button {
  margin-top: 20px;
}

/***********************************************
button effect
***********************************************/
.button a {
  display: inline-block;
  padding: 12px 61px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
  border-radius: 30px;
}
.button a:hover {
  /*border-radius: 0px;*/
}
#top #curriculum .button a {
  background-color: #FFEFE3;
  border: 1px solid #FF6A00;
  color: #FF6A00;
}
#top #curriculum .button a:hover {
  background-color: #FF6A00;
  color: #fff;
}
#top #essay .button a {
  background-color: #FFEFE3;
  border: 1px solid #FF6A00;
  color: #FF6A00;
}
#top #essay .button a:hover {
  background-color: #FF6A00;
  color: #fff;
}
#top #essay .button a {
  background-color: #fff;
  border: 1px solid #FF6A00;
  color: #FF6A00;
  float: right;
}
#top #department .button a {
  background-color: #FFEFE3;
  border: 1px solid #FF6A00;
  color: #FF6A00;
}
#top #department .button a:hover {
  background-color: #FF6A00;
  color: #fff;
}
#top #campus .button a {
  background-color: #FFF0F8;
  border: 1px solid #FD4CA5;
  color: #FD4CA5;
  float: right;
}
#top #campus .button a:hover {
  background-color: #FD4CA5;
  color: #fff;
}
#top #column .button a {
  background-color: #E2F5FE;
  border: 1px solid #06A5EA;
  color: #06A5EA;
}
#top #column .button a:hover {
  background-color: #06A5EA;
  color: #fff;
}
#top #teacher .button a {
  background-color: #FFEFE3;
  border: 1px solid #FF6A00;
  color: #FF6A00;
  float: right;
}
#top #teacher .button a:hover {
  background-color: #FF6A00;
  color: #fff;
}


#open_campas .button a {
  background-color: #09B39C;
  border: 1px solid #fff;
  padding: 17px 139px;
}
#open_campas .button a:hover {
  background-color: #fff;
  color: #09B39C;
  padding: 17px 159px;
}

#document_request .button a {
  background-color: #FA6663;
  border: 1px solid #fff;
  padding: 17px 139px;
}
#document_request .button a:hover {
  background-color: #fff;
  color: #FA6663;
  padding: 17px 159px;
}


#counseling_party .button a {
  background-color: #06A6EA;
  border: 1px solid #fff;
  padding: 17px 139px;
}
#counseling_party .button a:hover {
  background-color: #fff;
  color: #06A6EA;
  padding: 17px 159px;
}

.button_teacher_list {
  text-align: center;
  overflow: hidden;
  margin-bottom: 50px;
}
.button_teacher_list a {
  display: inline-block;
  padding: 17px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  outline: none;
  transition: all .3s;
  border-radius: 30px;
  background-color: #FF6A00;
  border: 1px solid #FF6A00;
  position: relative;
	line-height: 1.8;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.button_teacher_list a:hover {
  background-color: #fff;
  color: #FF6A00;
}
.button_teacher_list a:after {
  content: "\f101";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 30%;
}

/***********************************************
button effect
***********************************************/

#now_link {
  clear: both;
}
#now_link .foreign_language_now, #now_link .related_link {
  width: 50%;
  float: left;
}
#now_link h2 {
  color: #999999;
  text-align: center;
}
#now_link .related_link div {
  margin-bottom: 30px;
}
#now_link .related_link div a:hover {
  opacity: 0.7;
}


/***********************************************
footer
***********************************************/
#footer {
}
#footer #open_campas {
  background-color: #09B39C;
  /*padding: 60px 0px;*/
  text-align: center;
}
#open_campas .inner {
  /*height: 380px;*/
  /*height: 330px; 20171227*/
  padding-bottom: 30px;
  position: relative;
  padding-top: 65px;
}
#footer #open_campas h2 {
  color: #fff;
  font-size: 250%;
  margin: 0px;
}
#footer #open_campas p.date {
  color: #fff;
  font-size: 160%;
}
#footer #open_campas p .button a {
  font-size: 100%;
}

#footer #document_request {
  background-color: #FA6663;
  width: 50%;
  float: left;
  /*padding: 50px 0px;*/
}
#footer #document_request .inner {
  width: 560px;
  height: 260px;
  float: right;
  text-align: center;
  padding-top: 50px;
}
#footer #document_request h2 {
  color: #fff;
  font-size: 250%;
  margin-bottom: 50px;
  margin-top: 0px;
}
#footer #counseling_party {
  background-color: #06A6EA;
  width: 50%;
  float: right;
  /*padding: 50px 0px;*/
}
#footer #counseling_party .inner {
  width: 560px;
  height: 260px;
  float: left;
  text-align: center;
  padding-top: 50px;
}
#footer #counseling_party h2 {
  color: #fff;
  font-size: 250%;
  margin-bottom: 50px;
  margin-top: 0px;
}
#footer .fnav {
  margin: 0 auto;
  display: block;
  padding: 0;
  margin: 40px auto;
  width: 484px;
}
#footer .fnav li {
  display: inline-block;
}
#footer .fnav a {
  color: #333;
  text-decoration: none;
}
#footer .fnav a:hover {
  text-decoration: underline;
}
#footer .fnav a:after {
  content: "|";
  color: #000;
  padding: 5px 5px 3px;
  margin-left: 5px;
}
#footer .fnav a.end:after {
  content: none;
}
#footer .kyorin_logo {
  text-align: center;
  margin-bottom: 35px;
}
#footer .kyorin_logo a:hover {
  opacity: 0.7;
}
#footer .copyright {
  text-align: center;
  margin-bottom: 30px;
  font-size: 90%;
}

/* 学部紹介 */
/* mv  start */
#mv {
  background-image: url("../../common/images/bg_department.png");
  background-repeat: repeat;
  /*height: 620px;*/
  height: auto;
}
#mv .inner {
  position: relative;
  padding-top: 112px;
  margin-bottom: 100px;
}
#mv .title {
  margin-right: auto;
  margin-left: auto;
  width: 569px;
}
#mv .kindaichi {
  position: absolute;
  top: 50px;
  left: 3px;
}
#mv .sakamoto {
  position: absolute;
  top: 50px;
  right: -28px;
}
/* mv  end */

/* common start */
#department .inner h2 {
  font-size: 528%;
  text-align: center;
  line-height: 1.1;
  letter-spacing: -4px;
  margin: 0;
  color: #FF6A00;
  margin-top: 40px;
}
#department #open_campas .inner h2 {
  letter-spacing: 1px;
  line-height: 1.5;
}
#department #open_campas .inner h2 span {
  font-size: 69%;
}
#department .inner .text p {
  font-size: 168%;
  font-weight: 400;
  text-indent: 1em;
  margin: 0;
  line-height: 2.0;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#department .inner .text .button a {
  background-color: #fff;
  border: 1px solid #353535;
  padding: 12px 61px;
  color: #353535;
}
#department .inner .text .button a:hover {
  background-color: #353535;
  color: #fff;
  padding: 12px 61px;
}
#department .inner .text .button {
  margin-top: 30px;
}

/* common end */


#department .section01 {
  height: 648px;
}
#department .section01 .inner {
  position: relative;
  padding-top: 170px;
}
#department .section01 .text {
  height: auto;
  margin: 75px 0 0 15px;
  position: relative;
  width: 560px;
}
#department .section01 .inner .photo_01 {
  position: absolute;
  top: 99px;
  left: 216px;
  width: 149px;
  height: 133px;
}
#department .section01 .inner .photo_02 {
  position: absolute;
  width: 483px;
  height: 341px;
  top: 296px;
  right: 16px;
}

#department .section02 {
  height: 923px;
}
#department .section02 .inner {
  position: relative;
  padding-top: 90px;
}
#department .section02 h2 {
  margin-bottom: 50px;
}
#department .section02 .text {
}
#department .section02 .text .button {
  text-align: center;
}
#department .section02 .row_33 {
  width: 33%;
  float: left;
  padding: 0 20px;
}
#department .section02 .inner .photo_03 {
  margin-bottom: 20px;
}
#department .section02 .inner .photo_04 {
  margin-bottom: 20px;
}
#department .section02 .inner .photo_05 {
  margin-bottom: 20px;
}

#department .section03 {
  height: 665px;
  background-color: #FFEFE3;
}
#department .section03 .inner {
  position: relative;
  padding-top: 45px;
}
#department .section03 .text {
  height: auto;
  margin: 79px 0 0 72px;
  position: relative;
  width: 560px;
}
#department .section03 .inner .photo_06 {
  position: absolute;
  width: 194px;
  height: 559px;
  top: 41px;
  left: -118px;
}
#department .section03 .inner .photo_07 {
  position: absolute;
  width: 483px;
  height: 340px;
  top: 190px;
  right: -55px;
}
#department .section03 .inner .button a {
  background-color: #FFEFE3;
}
#department .section03 .inner .button a:hover {
  background-color: #353535;
  color: #fff;
}

#department .section04 {
  height: 659px;
}
#department .section04 .inner {
  position: relative;
  padding-top: 55px;
}
#department .section04 .text {
  height: auto;
  margin: 59px 0 0 444px;
  position: relative;
  width: 560px;
}
#department .section04 .button {
  text-align: right;
}

#department .section04 .inner .photo_08 {
  position: absolute;
  width: 388px;
  height: 387px;
  top: 163px;
  left: 22px;
}
#department .section04 .inner .photo_09 {
  position: absolute;
  width: 181px;
  height: 571px;
  top: 14px;
  right: -65px;
}
#department .section04 .inner .button a {
}

#department .section05 {
  height: 640px;
  background-color: #FFEFE3;
}
#department .section05 .inner {
  position: relative;
  padding-top: 55px;
}
#department .section05 .text {
  height: auto;
  margin: 59px 0 0 90px;
  position: relative;
  width: 560px;
}
#department .section05 .inner .photo_10 {
  position: absolute;
  width: 289px;
  height: 538px;
  top: 34px;
  left: -205px;
}
#department .section05 .inner .photo_11 {
  position: absolute;
  width: 483px;
  height: 341px;
  top: 187px;
  right: -43px;
}
#department .section05 .inner .button a {
  background-color: #FFEFE3;
}
#department .section05 .inner .button a:hover {
  background-color: #353535;
  color: #fff;
}

#department .section06 {
  height: 674px;
}
#department .section06 .inner {
  position: relative;
  padding-top: 55px;
}
#department .section06 .text {
  height: auto;
  margin: 65px 0 0 452px;
  position: relative;
  width: 560px;
}
#department .section06 .text .button {
  text-align: right;
}

#department .section06 .inner .photo_12 {
  position: absolute;
  width: 483px;
  height: 341px;
  top: 187px;
  left: -67px;
}
#department .section06 .inner .photo_13 {
  position: absolute;
  width: 173px;
  height: 558px;
  top: 37px;
  right: -65px;
}
#department .section06 .inner .button a {
}

#department .section07 {
  height: 680px;
  background-color: #FFEFE3;

}
#department .section07 .inner {
  position: relative;
  padding-top: 65px;
}
#department .section07 .text {
  height: auto;
  margin: 55px 0 0 84px;
  position: relative;
  width: 560px;
}
#department .section07 .inner .photo_14 {
  position: absolute;
  width: 217px;
  height: 551px;
  top: 50px;
  left: -95px;
}
#department .section07 .inner .photo_15 {
  position: absolute;
  width: 483px;
  height: 341px;
  top: 204px;
  right: -43px;
}
#department .section07 .inner .button a {
  background-color: #FFEFE3;
}
#department .section07 .inner .button a {
  background-color: #FFEFE3;
}
#department .section07 .inner .button a:hover {
  background-color: #353535;
  color: #fff;
}


#department #open_campas .photo_16 {
    position: absolute;
    bottom: 0px;
    left: -69px;
    width: 271px;
    height: 383px;
}
#department #open_campas .photo_17 {
    position: absolute;
    bottom: 0px;
    right: -67px;
    width: 382px;
    height: 463px;
}







/* キャンパス紹介 */
/* mv start */
#campus #mv .inner {
  /*width: 1600px;*/
  max-width: 1600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0px;
}




/* mv end */
/* common start */
#campus .inner h2 {
  font-size: 300%;
  text-align: center;
  line-height: 1.1;
  letter-spacing: -4px;
  margin: 0;
}
#campus #open_campas .inner h2 {
  letter-spacing: 1px;
  line-height: 1.5;
}
#campus #open_campas .inner h2 span {
  font-size: 69%;
}
#campus .inner .text p {
  font-size: 105%;
  text-indent: 1em;
  margin: 0;
  line-height: 2.0;
}
/* common end */

#campus #mv {
  background-image: url('/univ/faculty/foreign/special/cheering/campus/images/img_mv.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 620px;
}

#campus #mv .inner {
  position: relative;
  height: 620px;
}
#campus #mv .inner .photo_25 {
  position: absolute;
  width: 193px;
  height: 341px;
  top: 106px;
  /*left: 286px;*/
  left: 10%;
  z-index: 12;
}
#campus #mv .inner .photo_26 {
  position: absolute;
  width: 780px;
  height: 351px;
  top: 79px;
  /*right: 50%;*/
  z-index: 11;

  left: 50%;
  margin-left: -390px;  
  
}
#campus #mv .inner .photo_27 {
  position: absolute;
  width: 239px;
  height: 328px;
  top: 107px;
  /*right: 240px;*/
  right: 9%;
  z-index: 13;
}

#campus .section01 {
}
#campus .section01 .inner {
  height: 255px;
    position: relative;

}
#campus .section01 .inner .photo_01 {
    position: absolute;
    top: 25px;
    left: -24px;
    width: 266px;
    height: 227px;
}
#campus .section01 .inner .photo_02 {
    margin-right: auto;
    margin-left: auto;
    width: 460px;
    height: 221px;
    padding-top: 30px;
}
#campus .section01 .inner .photo_03 {
    position: absolute;
    top: 30px;
    right: -76px;
    width: 355px;
    height: 225px;
}

#campus .section02 {
}
#campus .section02 .inner {
  height: 666px;
  position: relative;
  padding-top: 90px;
}
#campus .section02 .inner h2 {
  color: #FD4CA5;
}
#campus .section02 .text {
  height: auto;
  margin: 60px 0 0 100px;
  position: relative;
  width: 560px;
}
/* 画像の位置をposition指定　start */
#campus .section02 .inner .photo_04 {
    position: absolute;
    top: 55px;
    left: 194px;
    width: 149px;
    height: 133px;
}
#campus .section02 .inner .photo_05 {
    position: absolute;
    top: 158px;
    left: -87px;
    width: 201px;
    height: 475px;
}
#campus .section02 .inner .photo_06 {
    position: absolute;
    top: 290px;
    right: -59px;
    width: 497px;
    height: 273px;
}
/* 画像の位置をposition指定　end */

#campus .section03 {
  background-color: #FFEEF7;
}
#campus .section03 .inner {
  height: 485px;
  position: relative;
  padding-top: 55px;
}
#campus .section03 .inner h2 {
  color: #FD4CA5;
}
#campus .section03 .text {
  height: auto;
  margin: 50px 0 0 0;
  position: relative;
  width: 560px;
}
/* 画像の位置をposition指定　start */
#campus .section03 .inner .photo_07 {
    position: absolute;
    bottom: 0px;
    right: 21px;
    width: 483px;
    height: 341px;
}
/* 画像の位置をposition指定　end */



#campus .section04 {
  background-color: #FFEEF7;
}
#campus .section04 .inner {
  height: 786px;
  position: relative;
  padding-top: 60px;
}
#campus .section04 .inner h2 {
  color: #FD4CA5;
}
#campus .section04 .text {
  height: auto;
  margin: 52px 0 0 454px;
  position: relative;
  width: 525px;
}
/* 画像の位置をposition指定　start */
#campus .section04 .inner .photo_08 {
    position: absolute;
    top: 160px;
    left: -96px;
    width: 510px;
    height: 575px;
}
#campus .section04 .inner .photo_09 {
    position: absolute;
    top: 212px;
    right: -50px;
    width: 178px;
    height: 495px;
}
/* 画像の位置をposition指定　end */

#campus .section05 {
  background-color: #FFEFE3;
}
#campus .section05 .inner {
  height: 759px;
  position: relative;
  padding-top: 55px;
}
#campus .section05 .inner h2 {
  color: #FF6A00;
}
#campus .section05 .text {
  height: auto;
  margin: 70px 0 0 100px;
  position: relative;
  width: 540px;
}
/* 画像の位置をposition指定　start */
#campus .section05 .inner .photo_10 {
    position: absolute;
    top: 205px;
    left: -50px;
    width: 155px;
    height: 500px;
}
#campus .section05 .inner .photo_11 {
    position: absolute;
    bottom: 0px;
    right: -68px;
    width: 510px;
    height: 576px;
}
/* 画像の位置をposition指定　end */


#campus .section06 {
  background-color: #FFEFE3;
}
#campus .section06 .inner {
  height: 989px;
  position: relative;
  padding-top: 85px;
}
#campus .section06 .inner h2 {
  color: #FF6A00;
}
#campus .section06 .text {
  height: auto;
  margin: 80px 0 0 472px;
  position: relative;
  width: 530px;
}
/* 画像の位置をposition指定　start */
#campus .section06 .inner .photo_12 {
    position: absolute;
    top: 219px;
    left: -67px;
    width: 483px;
    height: 341px;
}
#campus .section06 .inner .photo_13 {
    position: absolute;
    top: 652px;
    left: -46px;
    width: 315px;
    height: 214px;
}
#campus .section06 .inner .photo_14 {
    position: absolute;
    top: 652px;
    left: 316px;
    width: 315px;
    height: 214px;
}
#campus .section06 .inner .photo_15 {
    position: absolute;
    top: 652px;
    left: 677px;
    width: 315px;
    height: 214px;
}
#campus .section06 .inner .photo_16 {
    position: absolute;
    top: 258px;
    right: -55px;
    width: 172px;
    height: 549px;
}
/* 画像の位置をposition指定　end */

#campus .section07 {
  background-color: #FFEEF7;
}
#campus .section07 .inner {
  height: 715px;
  position: relative;
  padding-top: 55px;
}
#campus .section07 .inner h2 {
  color: #FD4CA5;
}
#campus .section07 .text {
  height: auto;
  margin: 70px 0 0 82px;
  position: relative;
  width: 560px;
}
/* 画像の位置をposition指定　start */
#campus .section07 .inner .photo_17 {
    position: absolute;
    bottom: 0px;
    left: -100px;
    width: 207px;
    height: 537px;
}
#campus .section07 .inner .photo_18 {
    position: absolute;
    top: 437px;
    left: 87px;
    width: 239px;
    height: 214px;
}
#campus .section07 .inner .photo_19 {
    position: absolute;
    top: 437px;
    left: 358px;
    width: 239px;
    height: 214px;
}
#campus .section07 .inner .photo_20 {
    position: absolute;
    top: 160px;
    right: -32px;
    width: 483px;
    height: 341px;
}

/* 画像の位置をposition指定　end */


#campus .section08 {
  background-color: #FFEEF7;
}
#campus .section08 .inner {
  height: 548px;
  position: relative;
  padding-top: 35px;
}
#campus .section08 .inner h2 {
  color: #FD4CA5;
}
#campus .section08 .text {
  height: auto;
  margin: 65px 0 0 492px;
  position: relative;
  width: 560px;
}
/* 画像の位置をposition指定　start */
#campus .section08 .inner .photo_21 {
    position: absolute;
    top: 152px;
    left: -31px;
    width: 483px;
    height: 341px;
}
#campus .section08 .inner .photo_22 {
    position: absolute;
    top: 63px;
    right: -45px;
    width: 208px;
    height: 517px;
}
/* 画像の位置をposition指定　end */

#campus #open_campas .photo_23 {
    position: absolute;
    bottom: 0px;
    left: -69px;
    width: 344px;
    height: 420px;
}
#campus #open_campas .photo_24 {
    position: absolute;
    bottom: 0px;
    right: -7px;
    width: 190px;
    height: 338px;
}


@media screen and (max-width: 640px) {
  .inner {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }

  /***********************************************
  header
  ***********************************************/
  #header {
    background-color: #FF6A00;
    background-image: url("../../common/images/bg_header_sp.jpg");
    background-position: right;

    background-size: 220px 60px;
    height: 60px;

  }
  #header .inner {
    height: 80px;
  }
  #header .title {
    width: 168px;
    height: 31px;
    margin-left: 4px;
    margin-top: 14px;
    float: left;
  }
  #header .title img {
    width: 195px;
    height: 31px;
  }

  #header .title img:hover {
    opacity: 0.7;
  }
  #header .gnav {
    display: none;
    margin: 23px 0px 0px 56px;
    float: left;
    padding: 0;
  }
  #header .gnav li {
    float: left;
    list-style: none;
    padding: 5px 27px;
    letter-spacing: 0.1px;
  }
  #header .gnav a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
  }
  #header .share {
    display: none;
    margin: 23px auto 0;
    float: right;
    padding: 0;
  }
  #header .share li {
    margin-right: 12px;
    list-style: none;
    float: right;
  }
  #header .share li:first-child {
    margin-right: 0px;
  }
  #header .share a:hover {
    opacity: 0.7;
  }
  /***********************************************
  slider
  ***********************************************/
  #slider a:hover {
    opacity: 0.7;
  }
  #slider .demo-2 .sl-slider-wrapper {
      height: 624px;
      overflow: hidden;
      position: relative;
      width: auto;
      text-align: center;
  }
  /*.sl-slide-inner {
  }
  #slider img {
    width: 100%;
  }*/
  /***********************************************
  NEWS
  ***********************************************/
  #news {
  }
  #news h2 {
    color: #FF6A00;
    font-size: 150%;
    line-height: 1.5;
    padding-right: 10px;
    padding-left: 10px;
  }
  #news .section {
    padding: 15px 0;
    border-top: 1px solid #DDD;
  }
  #news .section:last-child {
  }
  #news .section {
    padding: 10px 10px;
    border-top: 1px solid #DDD;
  }
  #news .section p {
    font-size: 86%;
  }

  #top h2 span {
    font-size:69%;
  }
  /***********************************************
  curriculum（先輩が選んだmyカリキュラム）
  ***********************************************/
  #top #curriculum {
    background-color: #FFEFE3;
  }
  #top #curriculum .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;
  }
  #top #curriculum h2 {
    color: #FF6A00;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #curriculum .text {
    position: static;;
    width: auto;
  }
  #top #curriculum .text p {
    text-align: left;
  }

  #top #curriculum .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #curriculum .text .button a {
    color: #ff6a00;
    padding: 12px 61px;
  }

  #top #curriculum .photo {
    /*position: static;
    bottom: 0px;
    right: 10px;*/
    width: 100%;
    text-align: center;

  }
  #top #curriculum .photo img {
    width: 239px;
    height: auto;
  }

  /***********************************************
  essay（教員リレーエッセイ）
  ***********************************************/
  #top #essay {
    background-color: #fff;
  }
  #top #essay .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;;
  }
  #top #essay h2 {
    color: #FF6A00;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #essay .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #essay .text .button a {
    color: #FF6A00;
    padding: 12px 61px;
  }
  #top #essay .text p {
    text-align: left;
  }

  #top #essay .photo {
    position: static;
    bottom: 0px;
    left: 10px;
    width: auto;
    text-align: center;
  }

  #top #essay .photo img {
    width: 241px;
    height: 163px;
  }
  #top #essay .text {
    width: auto;
    position: static;
    right: 0px;
  }


/***********************************************
  department（外国語学部のトリセツ）
  ***********************************************/
  #top #department {
    background-color: #FFEFE3;
  }
  #top #department .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;
  }
  #top #department h2 {
    color: #FF6A00;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #department .text {
    position: static;;
    width: auto;
  }
  #top #department .text p {
    text-align: left;
  }

  #top #department .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #department .text .button a {
    color: #ff6a00;
    padding: 12px 61px;
  }

  #top #department .photo {
    position: static;;
    bottom: 0px;
    right: 10px;
    width: auto;
    text-align: center;

  }
  #top #department .photo img {
    width: 239px;
    height: 158px;
  }

  /***********************************************
  campus（井の頭キャンパス探訪）
  ***********************************************/
  #top #campus {
    background-color: #FFF0F8;
  }
  #top #campus .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;
  }
  #top #campus h2 {
    color: #FF80C0;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #campus .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #campus .text p {
    text-align: left;
  }

  #top #campus .photo {
    position: static;
    bottom: 0px;
    left: 10px;
    width: auto;
    text-align: center;
  }

  #top #campus .photo img {
    width: 241px;
    height: 163px;
  }
  #top #campus .text {
    width: auto;
    position: static;
    right: 0px;
  }
  /***********************************************
  column（金田一秀穂先生のコラム）
  ***********************************************/
  #top #column {
    background-color: #E2F5FE;
  }
  #top #column .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;;
  }
  #top #column h2 {
    color: #06A5EA;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #column .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #column .text p {
    text-align: left;
  }

  #top #column .photo {
    position: static;;
    width: auto;
    text-align: center;
  }
  #top #column .photo img {
    width: 250px;
    height: 180px;
  }

  #top #column .text {
    width: auto;
    position: static;
    left: 0px;
  }
  /***********************************************
  teacher（教員紹介）
  ***********************************************/
  #teacher {
    background-color: #FFEFE3;
  }
  #teacher .inner {
    padding: 25px 10px 0px;
    position: relative;
    height: auto;;
  }
  #teacher h2 {
    color: #FF6A00;
    line-height: 1.5;
    font-size:150%;
    letter-spacing: 0px;
    text-align: center;
  }
  #top #teacher .text .button {
    margin: 20px 0;
    text-align: center;
  }
  #top #teacher .text p {
    text-align: left;
  }
  #teacher .photo {
    position: static;;
    bottom: 0px;
    left: 0px;
    width: auto;
    text-align: center;
  }
  #teacher .photo img {
    width: 250px;
    height: 180px;
  }
  #teacher .text {
    width: auto;;
    position: static;;
    right: 0px;
  }


  /***********************************************
  button effect
  ***********************************************/
  #curriculum .inner .text p,
  #essay .inner .text p,
  #column .inner .text p,
  #teacher .inner .text p {
    font-size: 86%;
  }
  #curriculum .inner .text p,
  #essay .inner .text p,
  #department .inner .text p,
  #campus .inner .text p,
  #column .inner .text p,
  #teacher .inner .text p {
    text-align: left;
  }

  /***********************************************
  button effect
  ***********************************************/
  .button a {
    display: inline-block;
    padding: 12px 61px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: none;
    transition: all .3s;
    border-radius: 30px;
  }
  .button a:hover {
    /*border-radius: 0px;*/
  }
  #top #curriculum .button a:hover {
    background-color: #FF6A00;
    color: #fff;
  }
  #top #essay .button a {
    float: none;
  }
  #top #essay .button a:hover {
    background-color: #FF6A00;
    color: #fff;
  }
  #top #department .button a {
    background-color: #FFEFE3;
    border: 1px solid #FF6A00;
    /*color: #FF6A00;*/
  }
  #top #department .button a:hover {
    background-color: #FF6A00;
    color: #fff;
  }
  #top #campus .button a {
    background-color: #FFF0F8;
    border: 1px solid #FD4CA5;
    color: #FD4CA5;
    float: none;
  }
  #top #campus .button a:hover {
    background-color: #FD4CA5;
    color: #fff;
  }
  #top #column .button a {
    background-color: #E2F5FE;
    border: 1px solid #06A5EA;
    color: #06A5EA;
  }
  #top #column .button a:hover {
    background-color: #06A5EA;
    color: #fff;
  }
  #top #teacher .button a {
    background-color: #FFEFE3;
    border: 1px solid #FF6A00;
    color: #FF6A00;
    float: none;
  }
  #top #teacher .button a:hover {
    background-color: #FF6A00;
    color: #fff;
  }
  #open_campas .button a {
    background-color: #09B39C;
    border: 1px solid #fff;
    padding: 9px 70px;
  }
  #open_campas .button a:hover {
    background-color: #09B39C;
    color: #09B39C;
    padding: 9px 70px;
  }
  #document_request .button a {
    background-color: #FA6663;
    border: 1px solid #fff;
    padding: 9px 70px;
  }
  #document_request .button a:hover {
    background-color: #FA6663;
    color: #FA6663;
    padding: 9px 70px;
  }


  #counseling_party .button a {
    background-color: #06A6EA;
    border: 1px solid #fff;
    padding: 9px 70px;
  }
  #counseling_party .button a:hover {
    background-color: #fff;
    color: #06A6EA;
    padding: 9px 70px;
  }




  /***********************************************
  button effect
  ***********************************************/

  #now_link {
    clear: both;
  }
  #now_link .foreign_language_now, #now_link .related_link {
    width: auto;
    float: none;
    padding: 0px 10px 0px 10px;

  }
  #now_link .related_link div {
    margin-bottom: 20px;
    text-align: center;
  }

  #now_link .related_link img {
    width: 275px;
    height: 81px;
  }


  #now_link {
  }
  #now_link .foreign_language_now, #now_link .related_link {
  }
  #now_link h2 {
  }
  #now_link .related_link div {
  }
  #now_link .related_link div a:hover {
  }




  /***********************************************
  footer
  ***********************************************/
  #footer {
  }
  #footer #open_campas {
    background-color: #09B39C;
    /*padding: 60px 0px;*/
    text-align: center;
  }
  #footer #open_campas .inner {
    height: auto;
      /*position: relative;*/
      padding: 28px 0 46px 0;
  }
  #footer #open_campas h2 {
    color: #fff;
    font-size: 140%;
    letter-spacing: 0px;

  }
  #footer #open_campas p.date {
    color: #fff;
    font-size: 90%;
    padding-right: 10px;
    padding-left: 10px;
  }
  #footer #open_campas .button {
    margin: 0;
  }
  #footer #open_campas .button a {
    font-size: 100%;
    background-color: #09b39c;
    color: #fff;
    border: 1px solid #fff;
  }
  #footer #open_campas .button a:hover {
    padding: 9px 70px;
  }


  #footer #document_request {
    background-color: #FA6663;
    width: 50%;
    float: left;
    /*padding: 50px 0px;*/
  }
  #footer #document_request .inner {
    width: 100%;
    height: 260px;
    float: right;
    text-align: center;
    padding-top: 50px;
  }
  #footer #document_request h2 {
    color: #fff;
    font-size: 140%;
    margin-bottom: 50px;
    letter-spacing: 0px;
  }
  #footer #document_request .button {
    margin: 0;
  }
  #footer #document_request .button a {
    font-size: 100%;
    background-color: #FA6666;
    color: #fff;
    border: 1px solid #fff;
    padding: 9px 25px;
  }
  #footer #document_request .button a:hover {
    padding: 9px 25px;
  }




  #footer #counseling_party {
    background-color: #06A6EA;
    width: 50%;
    float: right;
    /*padding: 50px 0px;*/
  }
  #footer #counseling_party .inner {
    width: 100%;
    height: 260px;
    float: left;
    text-align: center;
    padding-top: 50px;
  }
  #footer #counseling_party h2 {
    color: #fff;
    font-size: 140%;
    margin-bottom: 50px;
    letter-spacing: 0px;
  }
  #footer #counseling_party .button {
    margin: 0;
  }
  #footer #counseling_party .button a {
    font-size: 100%;
    background-color: #06A8E9;
    color: #fff;
    border: 1px solid #fff;
    padding: 9px 25px;
  }
  #footer #counseling_party .button a:hover {
    padding: 9px 25px;
  }

  #footer .fnav {
    margin: 0 auto;
    display: block;
    padding: 0;
    margin: 40px auto;
    width: 297px;
  }
  #footer .fnav li {
    display: inline-block;
  }
  #footer .fnav a {
    color: #333;
    text-decoration: none;
    font-size: 58%;
  }
  #footer .fnav a:hover {
    text-decoration: underline;
  }
  #footer .fnav a:after {
    content: "|";
    color: #000;
    padding: 5px 5px 3px;
    margin-left: 5px;
  }
  #footer .fnav a.end:after {
    content: none;
  }
  #footer .kyorin_logo {
    text-align: center;
    margin-bottom: 35px;
  }
  #footer .kyorin_logo a:hover {
    opacity: 0.7;
  }
  #footer .copyright {
    text-align: center;
    margin-bottom: 30px;
    font-size: 90%;
  }


  /* 学部紹介 */
  /* mv  start */
  #mv {
    background-image: url("../../common/images/bg_department.png");
    background-repeat: repeat;
    height: auto;
  }
  #mv .inner {
    position: relative;
    padding-top: 12px;
    margin-bottom: 100px;
  }
  #department #mv .inner {
    height: 360px;
  }
  #mv .title {
    margin-right: auto;
    margin-left: auto;
    width: auto;
    text-align: center;
  }
  #mv .title img {
    width: 285px;
    height: 227px;
  }

  #mv .kindaichi {
    position: absolute;
    top: 200px;
    left: 20px;
  }
  #mv .kindaichi img {
    width: 123px;
    height: 332px;
  }

  #mv .sakamoto {
    position: absolute;
    top: 200px;
    right: 20px;
  }
  #mv .sakamoto img {
    width: 135px;
    height: 332px;
  }

  /* mv  end */

  /* common start */
  #department .inner {
    padding: 0 10px 40px;
  }
  #department .inner h2 {
    font-size: 175%;
    text-align: center;
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 0;
    color: #FF6A00;
    margin-bottom: 20px;
  }
  #department .inner .text p {
    font-size: 86%;
    text-indent: 1em;
    margin: 0;
    line-height: 2.0;
  }
  #department .inner .text .button {
    text-align: center;
    margin-top: 30px;
    text-indent: 0em;
  }


  #department .inner .text .button a {
    background-color: #fff;
    border: 1px solid #353535;
    padding: 7px 67px;
    color: #353535;
    text-indent: 0em;
  }
  #department .inner .text .button a:hover {
    background-color: #fff;
    color: #353535;
    padding: 7px 67px;
  }
  /* common end */


  #department .section01 {
    height: 828px;
  }
  #department .section01 .inner {
    position: relative;
    padding-top: 170px;
  }
  #department .section01 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section01 .inner .photo_01 {
    position: absolute;
    top: 99px;
    left: 20px;
    width: 75px;
    height: 67px;
  }
  #department .section01 .inner .photo_01 img {
    width: 75px;
    height: 67px;
  }
  #department .section01 .inner .photo_02 {
    position: static;
    width: auto;
    height: 171px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section01 .inner .photo_02 img {
    width: 242px;
    height: 171px;
  }
  #department .section02 {
    height: auto;
  }
  #department .section02 .inner {
    position: relative;
    padding-top: 90px;
  }
  #department .section02 h2 {
    /*margin-bottom: 50px;*/
  }
  #department .section02 .row_33 {
    width: auto;
    float: none;
    padding: 0px;
  }
  #department .section02 .inner .photo_03 {
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section02 .inner .text .button {
    margin-bottom: 30px;
  }

  #department .section02 .inner .photo_03 img {
    width: 160px;
    height: 160px;
  }

  #department .section02 .inner .photo_04 {
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section02 .inner .photo_04 img {
    width: 160px;
    height: 160px;
  }

  #department .section02 .inner .photo_05 {
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section02 .inner .photo_05 img {
    width: 160px;
    height: 160px;
  }

  #department .section03 {
    height: auto;
    background-color: #FFEFE3;
  }
  #department .section03 .inner {
    position: relative;
    padding-top: 45px;
  }
  #department .section03 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section03 .inner .photo_06 {
    position: absolute;
    width: 97px;
    height: 280px;
    top: 81px;
    left: 20px;
  }
  #department .section03 .inner .photo_06 img {
    width: 97px;
    height: 280px;
  }

  #department .section03 .inner .photo_07 {
    position: static;
    width: auto;
    height: 170px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section03 .inner .photo_07 img {
    width: 242px;
    height: 170px;
  }

  #department .section03 .inner .button a {
    background-color: #FFEFE3;
  }
  #department .section03 .inner .button a:hover {
    background-color: #ffefe3;
    color: #353535;
  }


  #department .section04 {
    height: auto;
  }
  #department .section04 .inner {
    position: relative;
    padding-top: 55px;
  }
  #department .section04 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section04 .text p {
    text-shadow: 0 0 4px #fff, 0 0 15px #fff, 0 0 0.4px #fff;
  }


  #department .section04 .inner .photo_08 {
    position: static;
    width: auto;
    height: 194px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section04 .inner .photo_08 img {
    width: 194px;
    height: 194px;
  }

  #department .section04 .inner .photo_09 {
    position: absolute;
    width: 91px;
    height: 286px;
    top: 84px;
    right: 20px;
  }
  #department .section04 .inner .photo_09 img {
    width: 91px;
    height: 286px;
  }

  #department .section04 .inner .button a {
  }

  #department .section05 {
    height: auto;;
    background-color: #FFEFE3;
  }
  #department .section05 .inner {
    position: relative;
    padding-top: 55px;
  }
  #department .section05 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section05 .inner .photo_10 {
    position: absolute;
    width: 145px;
    height: 269px;
    top: 94px;
    left: auto;
    right: 20px;
  }
  #department .section05 .inner .photo_10 img {
    width: 145px;
    height: 269px;
  }

  #department .section05 .inner .photo_11 {
    position: static;
    width: auto;
    height: 171px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section05 .inner .photo_11 img {
    width: 242px;
    height: 171px;
  }

  #department .section05 .inner .button a {
    background-color: #FFEFE3;
  }
  #department .section05 .inner .button a:hover {
    background-color: #ffefe3;
    color: #353535;
  }

  #department .section06 {
    height: auto;
  }
  #department .section06 .inner {
    position: relative;
    padding-top: 55px;
  }
  #department .section06 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section06 .inner .photo_12 {
    position: static;
    width: auto;
    height: 171px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section06 .inner .photo_12 img {
    width: 242px;
    height: 171px;
  }

  #department .section06 .inner .photo_13 {
    position: absolute;
    width: 87px;
    height: 279px;
    top: 97px;
    right: 20px;
  }
  #department .section06 .inner .photo_13 img {
    width: 87px;
    height: 279px;
  }

  #department .section06 .inner .button a {
  }

  #department .section07 {
    height: auto;
    background-color: #FFEFE3;

  }
  #department .section07 .inner {
    position: relative;
    padding-top: 65px;
  }
  #department .section07 .text {
    height: auto;
    margin: 0;
    position: relative;
    width: auto;
  }
  #department .section07 .inner .photo_14 {
    position: absolute;
    width: 109px;
    height: 276px;
    top: 110px;
    left: 0px;
  }
  #department .section07 .inner .photo_14 img {
    width: 109px;
    height: 276px;
  }

  #department .section07 .inner .photo_15 {
    position: static;;
    width: auto;;
    height: 171px;
    text-align: center;
    margin-bottom: 20px;
  }
  #department .section07 .inner .photo_15 img {
    width: 242px;
    height: 171px;
  }

  #department .section07 .inner .button a {
    background-color: #FFEFE3;
  }
  #department .section07 .inner .button a:hover {
    background-color: #ffefe3;
    color: #353535;
  }

  #department #open_campas .photo_16 {
    display: none;
  }
  #department #open_campas .photo_17 {
    display: none;
  }















  /* キャンパス紹介 */
  /* mv start */
  #campus #mv .inner {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
  }
  #campus #mv .inner img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  /* mv end */
  /* common start */
  #campus .inner h2 {
    font-size: 140%;
    text-align: center;
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 0;
  }
  #campus .inner .text p {
    font-size: 86%;
    text-indent: 1em;
    margin: 0;
    line-height: 2.0;
  }
  /* common end */


  #campus #mv {
    /*background-image: none;*/
    height: 450px;

  }
  #campus #mv .inner {
    height: 620px;
    text-align: center;
    padding-top: 30px;
  }
  #campus #mv .inner .photo_25 {
    position: absolute;
    width: 145px;
    height: 256px;
    top: 166px;
    left: 0px;
    z-index: 12;
  }
  #campus #mv .inner .photo_25 img {
    width: 145px;
    height: 256px;
  }
  #campus #mv .inner .photo_26 {
    width: 257px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
    top: auto;
    right: auto;
    position: static;
  }
  #campus #mv .inner .photo_26 img {
    width: 257px;
    height: auto;
  }
  #campus #mv .inner .photo_27 {
    position: absolute;
    width: 179px;
    height: 246px;
    top: 155px;
    right: 0px;
    z-index: 13;
  }
  #campus #mv .inner .photo_27 img {
    width: 179px;
    height: 246px;
  }







  #campus .section01 {
  }
  #campus .section01 .inner {
    height: 225px;
      position: relative;

  }
  #campus .section01 .inner .photo_01 {
      position: absolute;
      top: 147px;
      left: 10px;
      width: 133px;
      height: 114px;
  }
  #campus .section01 .inner .photo_01 img {
      width: 133px;
      height: 114px;
  }

  #campus .section01 .inner .photo_02 {
      margin-right: auto;
      margin-left: auto;
      width: 230px;
      height: 110px;
      padding-top: 30px;
  }
  #campus .section01 .inner .photo_02 img {
      width: 230px;
      height: 110px;
  }

  #campus .section01 .inner .photo_03 {
      position: absolute;
      top: 147px;
      right: 10px;
      width: 178px;
      height: 113px;
  }
  #campus .section01 .inner .photo_03 img {
    width: 178px;
    height: 113px;
  }


  #campus .section02 {
  }
  #campus .section02 .inner {
    height: auto;
    position: relative;
    padding-top: 90px;
    padding-bottom: 30px;
  }
  #campus .section02 .inner h2 {
    color: #FD4CA5;
    margin-bottom: 30px;
  }
  #campus .section02 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;

  }
  /* 画像の位置をposition指定　start */
  #campus .section02 .inner .photo_04 {
      position: absolute;
      top: 37px;
      left: 0px;
      width: 75px;
      height: 67px;
  }
  #campus .section02 .inner .photo_04 img {
      width: 75px;
      height: 67px;
  }

  #campus .section02 .inner .photo_05 {
      position: absolute;
      top: 158px;
      left: 0px;
      width: 101px;
      height: 238px;
  }
  #campus .section02 .inner .photo_05 img {
      width: 101px;
      height: 238px;
  }
  #campus .section02 .inner .photo_06 {
      position: static;;
      width: auto;
      height: 137px;
      text-align: center;
      margin-bottom: 30px;
  }
  #campus .section02 .inner .photo_06 img {
      width: 249px;
      height: 137px;
  }
  /* 画像の位置をposition指定　end */

  #campus .section03 {
    background-color: #FFEEF7;
  }
  #campus .section03 .inner {
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #campus .section03 .inner h2 {
    color: #FD4CA5;
    margin-bottom: 30px;

  }
  #campus .section03 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;

  }
  /* 画像の位置をposition指定　start */
  #campus .section03 .inner .photo_07 {
      position: static;;
      width: auto;;
      height: 171px;
      text-align: center;
      margin-bottom: 30px;
  }
  #campus .section03 .inner .photo_07 img {
      width: 242px;
      height: 171px;
  }
  /* 画像の位置をposition指定　end */



  #campus .section04 {
    background-color: #FFEEF7;
  }
  #campus .section04 .inner {
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #campus .section04 .inner h2 {
    color: #FD4CA5;
    margin-bottom: 30px;

  }
  #campus .section04 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 画像の位置をposition指定　start */
  #campus .section04 .inner .photo_08 {
      position: static;;
      width: auto;;
      height: 288px;
      text-align: center;
      margin-bottom: 30px;
  }
  #campus .section04 .inner .photo_08 img {
      width: 255px;
      height: 288px;
  }
  #campus .section04 .inner .photo_09 {
      position: absolute;
      top: 162px;
      right: 0px;
      width: 89px;
      height: 248px;
  }
  #campus .section04 .inner .photo_09 img {
      width: 89px;
      height: 248px;
  }
  /* 画像の位置をposition指定　end */

  #campus .section05 {
    background-color: #FFEFE3;
  }
  #campus .section05 .inner {
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #campus .section05 .inner h2 {
    color: #FF6A00;
    margin-bottom: 30px;
  }
  #campus .section05 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 画像の位置をposition指定　start */
  #campus .section05 .inner .photo_10 {
      position: absolute;
      top: 151px;
      left: 0px;
      width: 78px;
      height: 250px;
  }
  #campus .section05 .inner .photo_10 img {
      width: 78px;
      height: 250px;
  }

  #campus .section05 .inner .photo_11 {
      position: static;;
      width: auto;;
      height: 288px;
      text-align: center;
      margin-bottom: 30px;
  }
  #campus .section05 .inner .photo_11 img {
    width: 255px;
    height: 288px;
  }

  /* 画像の位置をposition指定　end */


  #campus .section06 {
    background-color: #FFEFE3;
  }
  #campus .section06 .inner {
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #campus .section06 .inner h2 {
    color: #FF6A00;
    margin-bottom: 30px;
  }
  #campus .section06 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 画像の位置をposition指定　start */
  #campus .section06 .inner .photo_12 {
      position: static;;
      width: auto;;
      height: 171px;
      text-align: center;
      margin-bottom: 30px;
  }
  #campus .section06 .inner .photo_12 img {
      width: 242px;
      height: 171px;
  }

  #campus .section06 .inner .photo_13 {
      position: static;;
      width: auto;;
      height: 107px;
      text-align: center;
      margin-bottom: 20px;
  }
  #campus .section06 .inner .photo_13 img {
      width: 158px;
      height: 107px;
  }

  #campus .section06 .inner .photo_14 {
      position: static;;
      width: auto;
      height: 107px;
      text-align: center;
      margin-bottom: 20px;

  }
  #campus .section06 .inner .photo_14 img {
      width: 158px;
      height: 107px;
  }

  #campus .section06 .inner .photo_15 {
      position: static;;
      width: auto;
      height: 107px;
      text-align: center;
      margin-bottom: 20px;

  }
  #campus .section06 .inner .photo_15 img {
      width: 158px;
      height: 107px;
  }

  #campus .section06 .inner .photo_16 {
      position: absolute;
      top: 28px;
      right: 0px;
      width: 86px;
      height: 275px;
  }
  #campus .section06 .inner .photo_16 img {
      width: 86px;
      height: 275px;
  }

  /* 画像の位置をposition指定　end */

  #campus .section07 {
    background-color: #FFEEF7;
  }
  #campus .section07 .inner {
    height: auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #campus .section07 .inner h2 {
    color: #FD4CA5;
    margin-bottom: 30px;
  }
  #campus .section07 .text {
    height: auto;
    margin: 150px 0 0;
    position: relative;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;

  }
  /* 画像の位置をposition指定　start */
  #campus .section07 .inner .photo_17 {
      position: absolute;
      bottom: 249px;
      left: 0px;
      width: 104px;
      height: 269px;
      z-index: 10;
  }
  #campus .section07 .inner .photo_17 img {
      width: 104px;
      height: 269px;
  }

  /*#campus .section07 .inner .photo_18 {
      position: absolute;
      top: 437px;
      left: 10px;
      width: 120px;
      height: 107px;
  }*/
  #campus .section07 .inner .photo_18 img {
      width: 120px;
      height: 107px;
  }

  #campus .section07 .inner .photo_18 {
      position: absolute;
      top: 290px;
      left: 30px;
      width: 120px;
      height: 107px;
  }

  #campus .section07 .inner .photo_19 {
      position: absolute;
      top: 290px;
      left: auto;
      right: 20px;
      width: 120px;
      height: 107px;
  }
  #campus .section07 .inner .photo_19 img {
      width: 120px;
      height: 107px;
  }

  #campus .section07 .inner .photo_20 {
      position: static;;
      width: auto;
      height: 171px;
      text-align: center;
  }
  #campus .section07 .inner .photo_20 img {
      width: 242px;
      height: 171px;
  }
  /* 画像の位置をposition指定　end */


  #campus .section08 {
    background-color: #FFEEF7;
  }
  #campus .section08 .inner {
    height: auto;
    position: relative;
    padding-top: 35px;
    padding-bottom: 30px;
  }
  #campus .section08 .inner h2 {
    color: #FD4CA5;
    margin-bottom: 30px;
  }
  #campus .section08 .text {
    height: auto;
    margin: 0px;
    position: relative;
    width: auto;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* 画像の位置をposition指定　start */
  #campus .section08 .inner .photo_21 {
      position: static;;
      width: auto;
      height: 171px;
      text-align: center;
      margin-bottom: 40px;
  }
  #campus .section08 .inner .photo_21 img {
      width: 242px;
      height: 171px;
  }

  #campus .section08 .inner .photo_22 {
      position: absolute;
      top: 43px;
      right: 0px;
      width: 104px;
      height: 259px;
  }
  #campus .section08 .inner .photo_22 img {
      width: 104px;
      height: 259px;
  }
  /* 画像の位置をposition指定　end */

  #campus #open_campas .photo_23 {
    display: none;
  }
  #campus #open_campas .photo_23 img {
      width: 172px;
      height: 196px;
  }

  #campus #open_campas .photo_24 {
    display: none;
  }
  #campus #open_campas .photo_24 img {
      width: 95px;
      height: 169px;
  }
}


/***********************************************
module
***********************************************/
.alCent {
  text-align: center;
}
.alRight {
  text-align: right;
}
.alLeft {
  text-align: left;
}

@media screen and (max-width: 540px) and (min-width: 460px) {
  #mv .kindaichi {
    position: absolute;
    top: 200px;
    left: 50px;
  }
  #mv .sakamoto {
    position: absolute;
    top: 200px;
    right: 50px;
  }

}


#page-top {
    bottom: 20px;
    display: block;
    /*opacity: 0.6;*/
    position: fixed;
    right: 20px;
    z-index: 100;
}

.pc {
  display: block;
}
.sp {
  display: none;
}
#slider {
  text-align: center;
}
@media screen and (max-width: 540px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #slider {
    width: auto;
    height: auto;
  }
  #slider img {
    width: 100%;
  }

}


/* 2016.09.08 */
#top #department h2,
#top #campus h2,
#top #column h2,
#top #teacher h2 {
  margin-top: 0;

}

.pagetop {
  display: none;
  position: fixed;
  bottom: 130px;
  right: 70px;
  z-index: 999;
}
.pagetop a {
  display: block;
  width: 50px;
  height: 50px;
  opacity: 0.9;
  transition: all 0.3s ease;
}
.pagetop a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 980px) {
  .pagetop {
    right: 20px;
    bottom: 150px;
  }
}
.pagehome {
  display: none;
  position: fixed;
  bottom: 70px;
  right: 70px;
  z-index: 999;
}
.pagehome a {
  display: block;
  width: 50px;
  height: 50px;
  opacity: 0.9;
  transition: all 0.3s ease;
}
.pagehome a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 980px) {
  .pagehome {
    right: 20px;
    bottom: 90px;
  }
}

.pagetop img,
.pagehome img {
  width: 100%;
}

.BlkPageTop {
  display: none;
}

.spOnly {
  display: none;
}
@media screen and (max-width: 980px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  .nyugakuTop .BlkFooterBottom {
    padding-bottom: 10%;
  }
}