@charset "UTF-8";
/* 下層ページ基本設定
-----------------------------*/
h1 {
  color: #FFF500;
  font-family: "Dela Gothic One", cursive;
  text-transform: uppercase;
  font-size: 4em;
  letter-spacing: 0.2em;
  text-align: center;
  line-height: 0.5;
  margin: 90px 0 80px;
}
h1 span {
  font-size: 15px;
  letter-spacing: 0.01em;
}

h2 {
  max-width: 340px;
  margin: 75px auto 55px;
}

h3 {
  font-family: "Dela Gothic One", cursive;
  font-size: 1.9em;
  color: #49B45A;
}

.top-link {
  text-transform: uppercase;
  color: #FFF500;
  font-family: "Dela Gothic One", cursive;
  text-decoration: underline;
  font-size: 2em;
  text-align: center;
  margin-top: 60px;
}

@media screen and (max-width: 700px) {
  .kakumaru .flex {
    /*  display: block; */
  }
  .kakumaru .flex .flex40, .kakumaru .flex .flex50, .kakumaru .flex .flex60 {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  h1 {
    font-size: 3.4em;
    margin: 60px 0;
  }
  h1 span {
    font-size: 11px;
  }
  h2 {
    margin: 40px auto 20px;
  }
}
/* 学生食堂、通学 共通スタイル 
　　ーメイン写真のレスポンシブ　　*/
#food .cafeteria .kakumaru, #food .often-go .kakumaru, #lifestyle .go-to-school .kakumaru {
  justify-content: space-between;
  margin-bottom: 30px;
}
@media screen and (max-width: 930px) {
  #food .cafeteria .pc, #food .often-go .pc, #lifestyle .go-to-school .pc {
    display: none;
  }
  #food .cafeteria .sp, #food .often-go .sp, #lifestyle .go-to-school .sp {
    display: block;
  }
  #food .cafeteria .flex, #food .often-go .flex, #lifestyle .go-to-school .flex {
    display: block;
  }
  #food .cafeteria .flex40, #food .cafeteria .flex50, #food .cafeteria .flex60, #food .often-go .flex40, #food .often-go .flex50, #food .often-go .flex60, #lifestyle .go-to-school .flex40, #lifestyle .go-to-school .flex50, #lifestyle .go-to-school .flex60 {
    width: 100%;
  }
  #food .cafeteria .kakumaru, #food .often-go .kakumaru, #lifestyle .go-to-school .kakumaru {
    padding: 20px 25px 30px;
    background-size: 120%;
    background-position: center;
    border-radius: 0 0 14px 14px;
  }
}

/* 1日の生活、ひとり暮らし 共通スタイル
　　ー 名前、h3　　　　　　　　　　　　　 */
#oneday h3, #lifestyle .living-alone h3 {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1.5;
  margin: 15px 0 35px;
}
@media screen and (max-width: 700px) {
  #oneday h3, #lifestyle .living-alone h3 {
    margin: 25px 0 20px;
    font-size: 1.2em;
  }
}
#oneday .name bold, #lifestyle .living-alone .name bold {
  font-size: 1.35em;
  font-weight: bold;
}

/* 課外生活
-----------------------------*/
#extracurricular {
  /*h3{
      text-shadow: 1px 1px 1px #fff;
  }*/
  /* 委員会 ピックアップ*/
  /* 委員会リスト*/
  /* h3→img→p のレスポンシブ */
}
#extracurricular .club-pickup h3 {
  line-height: 0.8;
}
#extracurricular .club-pickup h3 span {
  color: #49B45A;
  font-size: 0.45em;
  text-transform: uppercase;
  letter-spacing: 0;
}
#extracurricular .club-pickup .pickup03-08 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}
#extracurricular .club-pickup .pickup03-08 li {
  width: 31%;
  margin-top: 30px;
}
#extracurricular .club-pickup .pickup03-08 li img {
  border-radius: 0 0 14px 14px;
}
#extracurricular .club-pickup .pickup03-08 h3 {
  border-radius: 14px 14px 0 0;
  text-align: center;
  line-height: 0.6;
  padding-bottom: 40px;
}
#extracurricular .club-pickup .pickup03-08 h3 span {
  font-size: 1em;
}
#extracurricular .club-pickup .pickup03-08 h3 span small {
  font-size: 0.5em;
}
#extracurricular .club-pickup .pickup03-08 h3 .space {
  content: "";
  display: block;
  height: 40px;
}
#extracurricular .club-pickup .pickup03-08 h3 _:lang(x) + _:-webkit-full-screen-document, #extracurricular .club-pickup .pickup03-08 h3 span {
  display: block;
  margin-bottom: 10px;
}
#extracurricular .club-pickup .pickup03-08 h3 _:lang(x)::-moz-placeholder, #extracurricular .club-pickup .pickup03-08 h3 .space {
  margin: 15px 0;
}
@media screen and (max-width: 870px) {
  #extracurricular .club-pickup .pickup03-08 li {
    width: 48%;
  }
  #extracurricular .club-pickup .pickup03-08 h3 {
    padding-top: 20px;
    padding-bottom: 1em;
    font-size: 4vw;
  }
  #extracurricular .club-pickup .pickup03-08 h3 .space {
    height: 1em;
  }
  #extracurricular .club-pickup .pickup03-08 h3 _:lang(x) + _:-webkit-full-screen-document, #extracurricular .club-pickup .pickup03-08 h3 span {
    margin-bottom: 0;
  }
}
#extracurricular .club-list h3 {
  color: #fff;
  font-weight: normal;
  text-shadow: 1px 1px 2px green;
  border-top: #fff 1px solid;
  padding-top: 20px;
}
#extracurricular .club-list ul {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 40px;
}
#extracurricular .club-list ul:last-of-type {
  border-bottom: #fff 1px solid;
}
#extracurricular .club-list li {
  position: relative;
  color: #fff;
  font-weight: bold;
  width: 250px;
}
#extracurricular .club-list li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0.8em;
  height: 0.8em;
  background: #FFF500;
  border-radius: 50%;
  margin-right: 3px;
}
@media screen and (max-width: 700px) {
  #extracurricular .club-list li {
    width: 180px;
  }
}
@media screen and (max-width: 420px) {
  #extracurricular .club-list li {
    width: 160px;
  }
}
#extracurricular .kakumaru {
  justify-content: space-between;
  align-items: center;
}
#extracurricular h3 {
  color: #000;
  letter-spacing: 0.08em;
  line-height: 1.1;
  padding: 20px 0 30px;
}
#extracurricular .pickup {
  position: absolute;
  top: 15px;
  right: 20px;
}
#extracurricular .pickup02 h3 {
  line-height: 1;
}
#extracurricular .nigiwai, #extracurricular .pickup02 {
  margin-top: 30px;
}
#extracurricular .nigiwai .pickup, #extracurricular .pickup02 .pickup {
  right: 52%;
}
@media screen and (max-width: 870px) {
  #extracurricular .pc {
    display: none;
  }
  #extracurricular .sp {
    display: block;
  }
  #extracurricular .kakumaru {
    display: block;
    padding: 0;
  }
  #extracurricular .kakumaru h3, #extracurricular .kakumaru p {
    padding: 20px 25px;
  }
  #extracurricular .flex45 {
    width: 100%;
  }
  #extracurricular .pickup {
    top: -15px;
    right: 0;
  }
  #extracurricular .nigiwai .pickup, #extracurricular .pickup02 .pickup {
    right: 0;
  }
}

/* 食生活
-----------------------------*/
#food {
  /* 学生食堂 */
  /* ケータリング */
  /* 電大生のいきつけ */
}
#food h2 {
  margin-top: 80px;
}
#food h3 {
  line-height: 0.8;
  padding: 50px 0 40px;
}
#food h3 span {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  font-size: 0.45em;
  font-weight: bold;
}
@media screen and (max-width: 950px) {
  #food h3 {
    padding: 15px 0 0;
  }
}
#food .cafeteria .where {
  display: block;
  background: #FFF500;
  border-radius: 12px;
  padding: 0.2em 1em;
  font-weight: bold;
  font-size: 0.9em;
  width: 100px;
  margin-bottom: 15px;
}
#food .cafeteria .flex60 img:first-of-type {
  margin-bottom: 15px;
}
@media screen and (max-width: 950px) {
  #food .cafeteria h3 {
    padding: 15px 0 0;
  }
  #food .cafeteria .where {
    margin: -15px 0 15px auto;
    text-align: center;
  }
  #food .cafeteria .flex40 p {
    margin-bottom: 20px;
  }
}
#food .catering h3 {
  padding: 0;
  margin-top: -40px;
}
#food .catering .flex {
  justify-content: space-between;
}
@media screen and (max-width: 930px) {
  #food .catering .flex {
    display: block;
  }
  #food .catering .flex .kakumaru {
    width: 100%;
    margin-bottom: 40px;
  }
}
#food .often-go h3 {
  padding: 10px 0 30px;
}
#food .often-go .icon {
  position: absolute;
  top: -25px;
  z-index: 2;
}
#food .often-go .kakumaru {
  margin-bottom: 30px;
  padding-bottom: 35px;
}
#food .often-go .kakumaru:nth-of-type(2n+1) .icon {
  right: 10px;
}
#food .often-go .kakumaru:nth-of-type(2n) .icon {
  right: 60%;
}
#food .often-go .address {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px #999;
}
@media screen and (max-width: 930px) {
  #food .often-go .kakumaru:nth-of-type(2n+1) .icon {
    right: 20px;
  }
  #food .often-go .kakumaru:nth-of-type(2n) .icon {
    right: 20px;
  }
  #food .often-go .address {
    padding: 15px 0;
    margin-top: 15px;
  }
}

/* 1日の生活
-----------------------------*/
@media screen and (max-width: 950px) {
  #oneday .anchor-wrapper {
    justify-content: flex-start;
    width: 510px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  #oneday .anchor-wrapper {
    width: 330px;
  }
  #oneday .anchor-wrapper .white-btn {
    width: 100px;
    padding: 0.8em 1em 0.8em 0;
  }
  #oneday .anchor-wrapper li:first-of-type .white-btn {
    margin-left: 0;
  }
  #oneday .anchor-wrapper li:nth-of-type(4) .white-btn {
    margin-left: 0;
  }
  #oneday .anchor-wrapper li:nth-of-type(3) .white-btn {
    margin-right: 0;
  }
}
#oneday .flex.top {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid #aaa 1px;
}
#oneday .flex.top .right {
  position: relative;
  align-items: flex-end;
  display: flex;
}
#oneday .flex.top .right .img01, #oneday .flex.top .right .img02 {
  position: absolute;
}
#oneday .flex.top .right .img01 {
  top: 10%;
  left: 0;
}
#oneday .flex.top .right .img02 {
  max-width: 200px;
  bottom: -10%;
  right: -60px;
}
@media screen and (max-width: 900px) {
  #oneday .flex.top {
    margin-bottom: 20px;
  }
  #oneday .flex.top .right .img01 {
    top: 10%;
  }
  #oneday .flex.top .right .img02 {
    top: 25%;
    right: -20%;
    width: 160px;
  }
}
@media screen and (max-width: 800px) {
  #oneday .flex.top {
    flex-direction: column-reverse;
    border: none;
  }
  #oneday .flex.top .flex50 {
    width: 100%;
  }
  #oneday .flex.top .right {
    display: block;
  }
  #oneday .flex.top .right .name {
    padding: 0.8em 0;
    border-top: 1px #707070 solid;
    border-bottom: 1px #707070 solid;
  }
  #oneday .flex.top .right .img01 {
    position: static;
    margin-bottom: 15px;
    width: 60%;
    left: 0;
  }
  #oneday .flex.top .right .img02 {
    width: 44%;
    max-width: 220px;
    top: -15%;
    right: 0;
  }
}
#oneday .flex.bottom {
  align-items: center;
}
#oneday .flex.bottom .check {
  position: relative;
  z-index: 3;
  max-width: 250px;
  margin: 0 auto -20px;
}
#oneday .flex.bottom .img03 {
  position: relative;
  z-index: 2;
  border-top: #FFF500 3px solid;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  #oneday .flex.bottom {
    display: block;
    margin: 0 20px;
  }
  #oneday .flex.bottom .flex60, #oneday .flex.bottom .flex40 {
    width: 100%;
  }
  #oneday .flex.bottom .flex60 {
    margin-bottom: 60px;
  }
  #oneday .flex.bottom .check {
    width: 60%;
    max-width: 360px;
  }
}
@media screen and (max-width: 800px) {
  #oneday .flex.bottom {
    margin: 0 20px;
  }
}
@media screen and (max-width: 500px) {
  #oneday .flex.bottom {
    margin: 0;
  }
}

/* 通学と生活スタイル
-----------------------------*/
#lifestyle {
  /* 通学 */
  /* ひとり暮らし */
}
#lifestyle .h1-wrapper {
  text-align: center;
}
#lifestyle h1 {
  position: relative;
  display: inline-block;
}
#lifestyle h1::after {
  position: absolute;
  white-space: pre;
  content: "スタ\aイル";
  top: -0.3em;
  right: 0.3em;
  font-size: 0.45em;
  letter-spacing: 0.1em;
  line-height: 1;
}
#lifestyle .go-to-school .kakumaru .hukidashi-wrapper {
  max-width: 290px;
  padding-left: 30px;
}
#lifestyle .go-to-school .kakumaru .hukidashi {
  max-width: 260px;
  margin: 65px 0 10px;
}
#lifestyle .go-to-school .kakumaru p bold {
  font-size: 1.35em;
  font-weight: bold;
}
#lifestyle .go-to-school .flex50 {
  position: relative;
  z-index: 1;
}
#lifestyle .go-to-school .img01, #lifestyle .go-to-school .img02 {
  position: absolute;
  z-index: 3;
}
#lifestyle .go-to-school .img01 {
  right: -15px;
  bottom: -25px;
}
#lifestyle .go-to-school .img02 {
  max-width: 180px;
  right: 0;
  bottom: -45px;
}
#lifestyle .go-to-school .kakumaru.even .flex50 .img02 {
  right: auto;
  left: 0;
}
#lifestyle .go-to-school .kakumaru.even .hukidashi-wrapper {
  margin-left: auto;
}
#lifestyle .go-to-school .kakumaru.even .hukidashi-wrapper p {
  padding-left: 40px;
}
@media screen and (max-width: 1050px) {
  #lifestyle .go-to-school .kakumaru .hukidashi-wrapper {
    padding-left: 0;
    margin-right: -30px;
  }
  #lifestyle .go-to-school .kakumaru .hukidashi {
    margin-top: 35px;
  }
  #lifestyle .go-to-school .img02 {
    right: -40px;
  }
  #lifestyle .go-to-school .kakumaru.even .flex50 .img02 {
    left: -45px;
  }
}
@media screen and (max-width: 930px) {
  #lifestyle .go-to-school .kakumaru .hukidashi-wrapper {
    position: relative;
    max-width: 370px;
    margin: 0 auto;
  }
  #lifestyle .go-to-school .img01 {
    right: 0;
    bottom: -60px;
  }
  #lifestyle .go-to-school .img02 {
    bottom: -30px;
  }
  #lifestyle .go-to-school .kakumaru.even .hukidashi-wrapper {
    margin-left: auto;
    margin-top: 20px;
  }
  #lifestyle .go-to-school .kakumaru.even .hukidashi-wrapper p {
    max-width: 240px;
    margin: 10px 0 0 auto;
  }
  #lifestyle .go-to-school .kakumaru.even .hukidashi {
    margin: 10px 0 0 auto;
  }
}
@media screen and (max-width: 500px) {
  #lifestyle .go-to-school .kakumaru .hukidashi-wrapper {
    max-width: 320px;
  }
  #lifestyle .go-to-school .kakumaru .hukidashi {
    max-width: 200px;
  }
  #lifestyle .go-to-school .kakumaru .flex50 .img02 {
    max-width: 150px;
    right: -10%;
  }
  #lifestyle .go-to-school .bike .kakumaru .flex50 .img02,
#lifestyle .go-to-school .car .kakumaru .flex50 .img02 {
    max-width: 160px;
  }
  #lifestyle .go-to-school .kakumaru.even .hukidashi-wrapper p {
    max-width: 200px;
  }
  #lifestyle .go-to-school .img01 {
    transform: scale(0.8);
  }
}
#lifestyle .living-alone .kakumaru {
  justify-content: space-between;
}
#lifestyle .living-alone .date {
  margin-top: 35px;
}
#lifestyle .living-alone .person-wrapper {
  position: relative;
  margin-left: 40px;
}
#lifestyle .living-alone .name {
  max-width: 340px;
  margin: 40px 0 0 auto;
}
#lifestyle .living-alone .name bold {
  font-weight: bold;
  font-size: 1.3em;
}
#lifestyle .living-alone .img01 {
  max-width: 335px;
}
#lifestyle .living-alone .img02 {
  position: absolute;
  top: -40px;
  right: 0;
}
#lifestyle .living-alone .yamaoka {
  margin-top: 30px;
}
#lifestyle .living-alone .yamaoka .img01 {
  margin-left: -90px;
}
#lifestyle .living-alone .yamaoka .img02 {
  top: 0;
  right: -40px;
}
@media screen and (max-width: 1050px) {
  #lifestyle .living-alone .img01 {
    max-width: 280px;
  }
  #lifestyle .living-alone .img02 {
    top: 0;
    right: -40px;
  }
}
@media screen and (max-width: 900px) {
  #lifestyle .living-alone .flex {
    display: block;
  }
  #lifestyle .living-alone .flex50, #lifestyle .living-alone .flex45 {
    width: 100%;
    margin: 0;
  }
  #lifestyle .living-alone .name {
    padding: 0.8em 0;
    border-top: 1px #707070 solid;
    border-bottom: 1px #707070 solid;
    max-width: none;
  }
  #lifestyle .living-alone .yajima {
    display: flex;
    flex-direction: column-reverse;
  }
  #lifestyle .living-alone .yajima .img01 {
    margin-left: 40px;
  }
  #lifestyle .living-alone .yajima .img02 {
    top: -20px;
    right: 4%;
  }
  #lifestyle .living-alone .yamaoka .img01 {
    margin-left: 0;
  }
  #lifestyle .living-alone .yamaoka .img02 {
    right: 0;
  }
}
@media screen and (max-width: 700px) {
  #lifestyle .living-alone .img01 {
    width: 50vw;
  }
  #lifestyle .living-alone .yajima .img01 {
    margin-left: 0;
  }
  #lifestyle .living-alone .yajima .img02 {
    width: 31vw;
    max-width: 160px;
    top: -40px;
  }
  #lifestyle .living-alone .yamaoka .img02 {
    width: 35vw;
  }
}
@media screen and (max-width: 520px) {
  #lifestyle .living-alone .yajima .img02, #lifestyle .living-alone .yamaoka .img02 {
    right: -20px;
  }
}
/*# sourceMappingURL=lower.css.map */