@charset "UTF-8";

/* ----------
アクセスマップ
------------- */

.access-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 70px 0 70px 0;
}

.access-map{
  width: 43.3%;
  max-width:520px;
}

.access-text{
  width: 53.3%;
  max-width:640px;
}

.access-text h1{
  margin-bottom: 25px;
  font-size: .20rem;
  font-weight: bold;
}

.access-pdf-button{
  display: block;
  width: 155px;
  margin: 20px auto;
  padding: 2px 10px 3px;
  font-size: .20rem;
  background-color: #616261;
  color: #fff;
  text-align: center;
}

/* ----------
卒業生の方へ
------------- */

.graduate-box{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 70px 0 70px 0;
}

.graduate-box .graduate-text{
  width: 61.6%;
  max-width:740px;
}

.graduate-text h1{
  margin-bottom: 50px;
  font-size: .20rem;
  font-weight: bold;
}

.graduate-text h2,
.graduate-text h3{
  margin-top: 30px;
}
.graduate-text p{
  margin-top: 30px;
}

.graduate-text ul{
  margin-left: 1em;
}

.graduate-box a{
  color: #008098;
  text-decoration: underline;
}

.graduate-img {
  max-width: 350px;
}

.graduate-img img{
  width: 350px;
}

.graduate-img p{
  margin: 5px 0 0 -5px;
}

/* ----------
中学生のみなさんへ
------------- */

.page-header-junior{
  background-image: url(../images/junior/junior-header-bg.jpg);
}

.junior-intro h2{
  margin-top: 90px;
  font-size: .49rem;
  text-align: center;
}

.junior-link h3{
  margin-top: 10px;
  font-size: .22rem;
  text-align: center;
}

.junior-intro h2+p{
  font-size: .18rem;
  text-align: center;
}

.junior-link{
  display: flex;
  justify-content: space-between;
  margin: 70px 0 100px 0;
}

.junior-link .junior-link-left{
  width: 511px;
  max-width: 45%;
  text-align: center;
}

.junior-link .junior-link-right{
  width: 511px;
  max-width: 45%;
  text-align: center;
}

.junior-link .junior-link-left img,
.junior-link .junior-link-right img{
  margin: 10px 0 20px 0;
}

.junior-link .junior-link-right img,
.junior-link .junior-link-left img{
  border: 1px solid #323232;
}


.junior-infomation-box{
  width: 430px;
  max-width: 100%;
  margin: 0 auto;
}

.junior-infomation-box ul{
  margin-top: 30px;
}

.junior-infomation-box ul li.close{
  color: #a3a3a8;
}

.junior-pamphlet-box{
  width: 960px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 40px;
}

.junior-pamphlet-box > div{
  text-align: center;
  width: 240px;
}

.junior-pamphlet-box > div img{
  width: 220px;
}

.junior-pamphlet-box > div p{
  margin-top: 10px;
  text-align: center;
}

.junior-pamphlet-box > div a,
.junior-pamphlet-box > div a:link,
.junior-pamphlet-box > div a:visited,
.junior-pamphlet-box > div a:hover,
.junior-pamphlet-box > div a:active
{
  color: #000;
}

.junior-more{
  width: 100vw;
  max-width: 2000px;
  margin: 0 calc(50% - 50vw);
  padding: 40px 0 40px;
  background-image: url(../images/junior/junior-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.junior-more h3{
  color: #fff;
  font-size: .42rem;
  text-align: center;
}

.junior-more-box{
  width: 1020px;
  max-width: 100%;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
}

.junior-more-box > div{
  width: 200px;
}

.junior-more-box a{
  display: block;
  color: #fff;
  text-decoration: underline;
  text-align: center;
}

.junior-more-box a img{
  width: 174px;
}

.junior-more-box a p{
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

.junior-more-box a,
.junior-more-box a:link,
.junior-more-box a:visited,
.junior-more-box a:hover,
.junior-more-box a:active{
  color: #fff;
}

/* ----------
進路サポート
------------- */

.page-header-career{
  background-image: url(../images/junior/junior-header-bg.jpg);
}

.career-intro h2{
  margin: 90px 0 10px 0;
  font-size: .49rem;
  text-align: center;
}

.career-intro p{
  margin-bottom: 20px;
  font-size: .21rem;
  text-align: center;
}

.career-situation{
  text-align: center;
}

.career-situation a{
  display: block;
  width: 370px;
  max-width: 100%;
  margin: 60px auto;
}

.career-study p{
  width: 710px;
  max-width: 100%;
  margin: 0 auto;
}

.career-link-box{
  width: 820px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 40px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
}

.career-link-box div{
  width: 370px;
  max-width: 100%;
  margin-bottom: 50px;
}

/* ----------
学校案内
------------- */

.page-header-school-guide{
  background-image: url(../images/school-guide/school-guide-header-bg.jpg);
}

.midashi-school-guide{
  display: block;
  width: 110px;
  max-width: 25%;
  margin: 0 auto;
}

.school-guide-principal-box{
  width: 1200px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 70px auto 60px;
}

.school-guide-principal-img img{
  width: 244px;
}

.school-guide-principal-text{
  width: 875px;
  max-width: 65%;
  line-height: 1.9;
}

.school-guide-principal-text h3{
  margin-bottom: 30px;
  font-size: .20rem;
}

.school-guide-principal-img > p{
  width: 200px;
  margin: 10px -10px auto 0;
  text-align: center;
  transform: translateX(80px);
}

.school-guide-principal-img a p{
  width: 100%;
  margin: 40px auto 0;
  padding: 2px 10px;
  text-align: center;
}

.school-guide-mission > h2 + p{
  margin: 80px auto 30px;
  text-align: center;
  font-size: .18rem;
  font-weight: bold;
}

.school-guide-policy{
  width: 880px;
  max-width: 100%;
  margin: 0 auto 15px;
  padding: 40px 20px;
  border: solid 1px #99ba60;
}

.school-guide-policy h3{
  margin-bottom: 10px;
  text-align: center;
  font-size: .24rem;
  color: #99ba60;
  font-weight: bold;
}

.school-guide-policy p{
  text-align: center;
  font-size: .18rem;
  font-weight: bold;
}

.school-guide-policy + a{
  display: block;
  text-align: center;
  font-size: .18rem;
  color: #99ba60;
  text-decoration: underline;
  font-weight: bold;
}

.school-guide-feature{
  margin: 100px auto 0;
}

.school-guide-feature h3{
  margin: 50px auto 20px;
  text-align: center;
  font-size: .24rem;
  color: #34ac43;
  font-weight: bold;
}

.school-guide-feature .button-1-green {
  width: 260px;
  max-width: 45%;
  padding: 16px 15px;
  margin-top: 20px;
  margin-right: 30px;
}

.school-guide-feature-link .button-1-green:first-child {
background-color: #ed8244;
}

.school-guide-feature-link .button-1-green:last-child {
  background-color: #207639;
}

.school-guide-feature-link{
  display: flex;
  justify-content: center;
}

.school-guide-feature-global h4{
  margin: 30px 0 0 0;
}

.school-guide-feature-global ul{
  margin: 0 0 0 2em;
}

.school-guide-feature-project > h4{
  margin: 30px auto 10px;
  text-align: center;
  font-weight: bold;
}

.school-guide-feature-project > div{
  padding: 10px 0 20px 1em;
  border-top: solid 1px #000;
}

.school-guide-feature-project > div:last-child{
  border-bottom: solid 1px #000;
}

.school-guide-feature-project > div > h5{
  margin-left: -1em;
  font-weight: bold;
}

.school-guide-feature-project > div > h5::before{
  content: '■';
  color: #34ac43;
}

.school-guide-feature-project .button-1-green {
  width: 323px;
  max-width: 45%;
  padding: 16px 15px;
  margin-top: 15px;
}

.school-guide-history{
  margin: 150px 0 0 0;
}

.school-guide-history p{
  width: 770px;
  max-width: 100%;
  margin: 50px auto 30px;
}

.school-guide-history dl{
  width: 770px;
  max-width: 100%;
  margin: 50px auto 30px;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  align-items: stretch;
}

.school-guide-history dl dt{
  width: 17%;
  padding: 5px 0;
  text-align: right;
}

.school-guide-history dl dd{
  width: 83%;
  padding: 5px 0 5px 30px;
  position: relative;
}

.school-guide-history dl dt:nth-last-of-type(odd),
.school-guide-history dl dd:nth-last-of-type(odd){
  background-color: #e4dbc0;
}

.school-guide-history dl dt:nth-last-of-type(odd)::before,
.school-guide-history dl dd:nth-last-of-type(odd)::before{
  content: '';
  width: 1200px;
  background-color: #e4dbc0;
}

.school-guide-history dl dt:nth-last-of-type(odd)::before {
  margin-left: calc(50% - 50vw);
}

.school-guide-history dl dd:nth-last-of-type(odd)::before{
  margin-right: calc(50% - 50vw);
  position: absolute;
    height: 100%;
    z-index: -1;
    top: 0;
    left: -345px;
}

.school-guide-song-box{
  margin-top: 150px;
}

.school-guide-song-box .midashi-school-guide{
  margin-bottom: 60px;
}

.school-guide-song-box > h3{
  margin-top: 30px;
  font-size: .21rem;
  text-align: center;
  font-weight: bold;
}

.school-guide-emblem{
  display: flex;
  margin-top: 40px;
}

.school-guide-emblem-left{
  width: 330px;
  max-width: 27.5%;
  padding-left: 10px;
  text-align: center;
}

.school-guide-emblem img{
  width: 120px;
}

.school-guide-emblem-right{
  max-width: 72.5%;
}

.school-guide-emblem p{
  width: 686px;
  max-width: 100%;
  margin-top: 10px;
}

.school-guide-song{
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 2px #4bac60;
}

.school-guide-song h3{
  margin-bottom: 15px;
  font-size: .21rem;
  text-align: center;
  font-weight: bold;
}

.school-guide-song ol{
  display: flex;
  justify-content: center;
}

.school-guide-song ol li{

}

.school-guide-song ol li:first-child{
  margin-right: 40px;
}

.school-guide-song > div{
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.school-guide-song > div > div{
  width: 270px;
}

.school-guide-song > div > div:nth-child(2){
  margin: 0 50px;
}

.school-guide-management{
  margin-top: 150px;
}

.school-guide-management .midashi-school-guide{
  margin-bottom: 40px;
}

.school-guide-management > div{
  width: 100vw;
  margin: 30px calc(50% - 50vw) 0;
	padding: 30px calc(50vw - 50% + 8px) 30px;
  background-color: #daf0e3;
}

.school-guide-management h3{
  margin-bottom: 25px;
  font-size: .22rem;
  text-align: center;
}

.school-guide-management-link{
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  justify-content: space-between;
  padding: 0 40px;
}

.school-guide-management-link a{
  width: 304px;
  max-width: 26%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    padding: 13px 18px 11px;
    color: #000;
    background: #fff;
    line-height: 1.3;
    border: solid 1px #000;
  }

  .school-guide-management-link a:after {
    content: "";
    display: block;
    background: url(../images/common/link-arrow-black.svg) ;
    background-repeat: no-repeat;
    width:15px;
    height:29px;
  }

  .school-guide-management-link + ul {
    display: flex;
    justify-content: center;
    margin: 10px 0 -10px;
  }

  .school-guide-management-link + ul li{
    margin: 0 20px;
    text-align: center;
  }

.school-guide-management-link + ul li a,
.school-guide-management-link + ul li a:link,
.school-guide-management-link + ul li a:visited,
.school-guide-management-link + ul li a:hover,
.school-guide-management-link + ul li a:active
{
  color: #28849a;
  text-decoration: underline;
}

.school-guide-management-link-end{
  justify-content: center;
}


/* ----------
クラブ活動
------------- */

.page-header-club{
  background-image: url(../images/club/club-header-bg.jpg);
}

.club-intro h2{
  margin: 90px 0 10px 0;
  font-size: .49rem;
  text-align: center;
}

.club-intro h2 + p{
  font-size: .18rem;
  text-align: center;
}

.club-link-box{
  display: flex;
  justify-content: space-between;
}

.club-link-box div{
  text-align: center;
}

.club-link-box div img{
  margin: 60px auto 40px;
  width: 568px;
  max-width: 100%;
}

.club-link-box div p{
  text-align: center;
}

.club-link-box div a,
.club-link-box div a:link,
.club-link-box div a:visited,
.club-link-box div a:hover,
.club-link-box div a:active
{
  color: #d92b00;
  text-decoration: underline;
}

.club-mokuji{
  width: 100vw;
  max-width: 2000px;
  margin: 50px calc(50% - 50vw);
  padding: 30px calc(50vw - 50% + 8px);
  background-image: url(../images/club/club-mokuji-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.club-mokuji-box{
  display: flex;
  justify-content: space-between;
}

.club-mokuji-box > div{
  width: 50%;
  text-align: center;
}

.club-mokuji-box img{
  width: 150px;
  max-width: 40%;
}

.club-mokuji-box > div > div{
  display: flex;
  justify-content: center;
  padding: 0 0 0 50px;
}

.club-mokuji-box > div > div > ul{
  max-width: 50%;
  margin-top: 40px;
  text-align: left;
  line-height: 2;
}

.club-mokuji-box > div > div > ul:first-child{
  margin-right: 40px;
}

.club-mokuji-box > div a,
.club-mokuji-box > div a:link,
.club-mokuji-box > div a:visited,
.club-mokuji-box > div a:hover,
.club-mokuji-box > div a:active
{
  color: #000;
  text-decoration: underline;
}

.club-box > h2{
  text-align: center;
}

.club-box > h2 img{
  width: 350px;
  margin: 50px 0 50px;
}

.club-box > div{
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #000;
}

.club-box > div:last-child{
  margin-bottom: 80px;
  border-bottom: 1px solid #000;
}

.club-box > div > div:first-child{
  width: 720px;
  max-width: 61%;
  padding: 20px 0 30px;
}

.club-box > div > div:last-child{
  width: 375px;
  max-width: 32%;
  padding: 30px 0;
}

.club-box > div > div:first-child h3{
  font-size: .25rem;
  font-weight: bold;
  color: #cd9200;
}

.club-sports > div > div:first-child h3{
  color: #cd9200;
}

.club-culture > div > div:first-child h3{
  color: #bc4718;
}

.club-box > div > div:first-child p{
  margin-top: 30px;
}


/* ----------
総合科学科
------------- */

.page-header-gsc{
  background-image: url(../images/gsc/gsc-header-bg.jpg);
}

.gsc-intro h2{
  margin-top: 90px;
  text-align: center;
}

.gsc-intro h2 img{
  width: 305px;
  max-width: 70%;
}

.gsc-intro p{
  margin: 40px 0 80px;
  font-size: .21rem;
  font-weight: bold;
  text-align: center;
}
.gsc-feature-box{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.gsc-feature-box div:first-child{
  width: 610px;
  max-width: 50%;
}
.gsc-feature-box div:last-child{
  width: 538px;
  max-width: 45%;
}
.gsc-feature img{
  display: block;
  margin: 40px auto;
}

.gsc-ssh {
  text-align: center;
}

.gsc-ssh img{
  display: block;
  width: 880px;
  max-width: 100%;
  margin: 70px auto 20px;
}

.gsc-ssh p{
  text-align: center;
}

.gsc-ssh a p,
.gsc-ssh a:link p,
.gsc-ssh a:visited p,
.gsc-ssh a:hover p,
.gsc-ssh a:active p,
.gsc-curriculum a,
.gsc-curriculum a:link,
.gsc-curriculum a:visited,
.gsc-curriculum a:hover,
.gsc-curriculum a:active
{
  color: #06903b;
  text-decoration: underline;
}

.gsc-ssh .button-1-green{
  width: 342px;
  max-width: 40%;
  margin: 40px auto 0;
  padding: 17px 20px;
}


.gsc-curriculum > div p{
  width: 907px;
  max-width: 100%;
  margin: 0 auto;
}

.gsc-curriculum .gsc-curiculum-img{
  width: 963px;
  max-width: 100%;
  margin: 40px auto 60px;
}

.gsc-curriculum .gsc-curiculum-img img{
  width: 100%;
  max-width: initial;
}

.gsc-curriculum > p{
  text-align: center;
}

/* ----------
国際文化科
------------- */

.page-header-isc{
  background-image: url(../images/isc/isc-header-bg.jpg);
}

.isc-intro h2{
  margin-top: 90px;
  text-align: center;
}

.isc-intro h2 img{
  width: 305px;
  max-width: 70%;
}

.isc-intro p{
  margin: 40px 0 80px;
  font-size: .21rem;
  font-weight: bold;
  text-align: center;
}

.isc-feature > div{
  display: flex;
  justify-content: space-between;
}

.isc-feature > div > div:first-child{
  width: 600px;
  max-width: 50%;
}

.isc-feature > div > div:first-child h4{
  font-size: .19rem;
  font-weight: bold;
}

.isc-feature > div > div:first-child h4+p{
  margin: 0 0 30px 0;
}

.isc-feature > div > div:last-child{
  width: 540px;
  max-width: 45%;
}

.isc-feature .button-1-orange{
  width: 342px;
  max-width: 70%;
  margin: 20px 0 0 0;
  padding: 17px 20px;
}

.isc-curriculum > div p{
  width: 907px;
  max-width: 100%;
  margin: 0 auto;
}

.isc-curriculum .isc-curiculum-img{
  width: 963px;
  max-width: 100%;
  margin: 40px auto 60px;
}

.isc-curriculum .isc-curiculum-img img{
  width: 100%;
  max-width: initial;
}

.isc-curriculum > p{
  text-align: center;
}

.isc-curriculum a,
.isc-curriculum a:link,
.isc-curriculum a:visited,
.isc-curriculum a:hover,
.isc-curriculum a:active
{
  color: #ff5840;
  text-decoration: underline;
}

/* ----------
国際文化科
------------- */

.page-header-school-life{
  background-image: url(../images/school-life/school-life-header-bg.jpg);
}

.school-life-schedule h2{
  margin-top: 90px;
  text-align: center;
}

.school-life-schedule h2 img{
  width: 260px;
  max-width: 70%;
}

.school-life-schedule p{
  margin: 40px 0 80px;
  font-size: .21rem;
  font-weight: bold;
  text-align: center;
}

.school-life-schedule-month{
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

.school-life-schedule-month > div{
  width: 25%;
}



a.school-life-link{
  width: 275px;
  max-width: 26%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 15px auto 0px;
    padding: 10px 15px 9px;
    color: #000;
    background: #fff;
    line-height: 1.3;
    border: solid 1px #000;
  }

  a.school-life-link:after {
    content: "";
    display: block;
    background: url(../images/common/link-arrow-black.svg) ;
    background-repeat: no-repeat;
    background-position: center;
    width:15px;
    height:29px;
  }

.school-life-time{
    text-align: center;
}

.school-life-time img{
  width: 458px;
  max-width: 100%;
}

.school-life-report a,
.school-life-report a:link,
.school-life-report a:visited,
.school-life-report a:hover,
.school-life-report a:active
{
  color: #007200;
  text-decoration: underline;
}

.school-life-report li{
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
}

.school-life-report li p{
  margin-top: 8px;
  text-indent: 0;
}

.school-life-kokoroe{
  width: 100vw;
  max-width: 2000px;
  margin: 50px calc(50% - 50vw);
  padding: 30px calc(50vw - 50% + 8px);
  background-image: url(../images/school-life/school-life-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.school-life-kokoroe h2{
  margin-bottom: 40px;
  font-size: .21rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.school-life-request{
  width: 100vw;
  max-width: 2000px;
  margin: 50px calc(50% - 50vw);
  padding: 30px calc(50vw - 50% + 8px) 60px;
  background-color: #ddf3e6;
}

.school-life-request h2,
.school-life-blog h2,
.school-life-office h2{
  margin-bottom: 40px;
  font-size: .21rem;
  font-weight: bold;
  text-align: center;
}

.school-life-request p{
  margin-top: 30px;
}

.school-life-request h3{
  margin-bottom: 20px;
  text-align: center;
}

.school-life-influenza{
  margin-top: 60px;
}

.school-life-blog-box{
  width: 653px;
  max-width: 100%;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
}

.school-life-blog a{
  width: 192px;
  max-width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
    padding: 10px 18px 9px;
    color: #000;
    background: #fff;
    line-height: 1.3;
    border: solid 1px #000;
  }

  .school-life-blog a:after {
    content: "";
    display: block;
    background: url(../images/common/link-arrow-black.svg) ;
    background-repeat: no-repeat;
    width:15px;
    height:29px;
  }

  .school-life-blog-box:after {
    content:"";
    display: block;
    width:30%;
  }

  .school-life-office{
    width: 100vw;
    max-width: 2000px;
    margin: 50px calc(50% - 50vw);
    padding: 30px calc(50vw - 50% + 8px);
    background-color: #e3dec4;
  }

  .school-life-office a{
    width: 255px;
    max-width: 22%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      margin: 0 auto 30px;
      padding: 13px 18px 11px;
      color: #000;
      background: #fff;
      line-height: 1.3;
      border: solid 1px #000;
    }
  
    .school-life-office a:after {
      content: "";
      display: block;
      background: url(../images/common/link-arrow-black.svg) ;
      background-repeat: no-repeat;
      width:15px;
      height:29px;
    }

/* ----------
お問い合わせ
------------- */

    .contact--main{
      width: 100%;
      max-width: 800px;
      margin: 20px auto 30px auto;
      padding: 0 20px;
    }

    .contact--main h1{
      margin: 50px 0 30px;
      font-size: .20rem;
    }

    

/* ----------

スマホ

----------*/
@media screen and (max-width: 767px) {


  /* アクセス */
  .access-box{
    flex-direction: column;
    margin: 2em 0 2em 0;
  }
  .access-map {
    width: 100%;
  }
  .access-text {
    width: 100%;
    margin-top: 2em;
  }

  /* 卒業生 */
  .graduate-box{
    flex-direction: column;
    align-items: center;
    margin: 2em 0 2em 0;
  }
  .graduate-box .graduate-text {
    width: 100%;
  }
  .graduate-text p {
    margin-top: 15px;
}
  .graduate-img{
    width: 60%;
    margin-top: 3em;
    text-align: center;
  }

  /* 中学生 */
  .junior-intro h2 {
    margin-top: 2em;
    font-size: .25rem;
  }
  .junior-link {
    flex-direction: column;
    margin: 2em 0;
  }
  .junior-link h3 {
    margin-top: 0;
    font-size: .21rem;
  }
  .junior-link .junior-link-left,
  .junior-link .junior-link-right {
    max-width: 100%;
    margin: 2em 0;
  }
  .junior-pamphlet-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    margin: 2em auto;
  }
  .junior-pamphlet-box > div {
    width: 50%;
    max-width: 50%;
    margin: 1.5em auto;
  }
  .junior-pamphlet-box > div img{
    max-width: 70%;
  }
  .junior-more {
    padding: 20px 20px 5px;
  }
  .junior-more h3 {
    font-size: .24rem;
  }
  .junior-more-box {
    margin: 2em auto 1em;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
  }
  .junior-more-box > div {
    width: 45%;
    margin-bottom: 1.5em;
  }
  .junior-more-box > div img{
    width: 80%;
  }

  /* 進路サポート */
  .career-intro h2 {
    margin-top: 2em;
    font-size: .25rem;
  }
  .career-intro p {
    margin-bottom: 1em;
    font-size: .17rem;
  }
  .career-situation a {
    max-width: 90%;
    margin: 2em auto;
  }
  .career-link-box div{
    width: 90%;
    margin: 0 auto 1em;
  }

  /* 学校案内 */
  .midashi-school-guide {
    margin: 3em auto 0;
  }
  .school-guide-principal-box {
    flex-direction: column;
    margin: 2em auto 4em;
  }
  .school-guide-principal-img {
    text-align: center;
    order: 2;
  }
  .school-guide-principal-img img {
    width: 60%;
  }
  .school-guide-principal-img a p {
    width: 80%;
    margin: 20px auto 0;
    padding:  8px 10px 6px;
  }
  .school-guide-principal-text{
    width: 100%;
    max-width: 100%;
    margin: 1em auto 1em;
    order: 1;
  }
  .school-guide-mission > h2 + p {
    margin: 2em auto 1em;
    font-size: .17rem;
    text-align: left;
  }
  .school-guide-policy {
    padding: 20px;
  }
  .school-guide-policy h3 {
    font-size: .18rem;
  }
  .school-guide-policy p {
    font-size: .16rem;
  }
  .school-guide-policy + a {
    font-size: .16rem;
  }
  .school-guide-feature {
    margin: 3em auto 0;
  }
  .school-guide-feature h3 {
    margin: 2em auto 1em;
    font-size: .20rem;
  }
  .school-guide-feature-link {
    flex-direction: column;
  }
  .school-guide-feature .button-1-green {
    width: 100%;
    max-width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    margin-right: 0;
  }
  .school-guide-feature-global ul {
    margin: 0 0 0 0;
  }
  .school-guide-feature-project > div > h5 {
    margin: 2em 0 1em 0;
  }
  .school-guide-feature-project > div {
    margin-bottom: 2em;
    padding: 0;
  }
  .school-guide-feature-project > div:last-child {
    padding-bottom: 2em;
}
  .school-guide-history {
    margin: 3em 0 0 0;
  }
  .school-guide-history dl {
    margin: 2em auto 1em;
  }
  .school-guide-history dl dt:nth-last-of-type(odd)::before {
    margin-left: 0;
    display: none;
  }
  .school-guide-history dl dd:nth-last-of-type(odd)::before{
    margin-right: 0;
    left: 0;
    display: none;
  }
  .school-guide-song-box {
    margin-top: 3em;
  }
  .school-guide-emblem {
    flex-direction: column;
    margin-top: 2em;
  }
  .school-guide-emblem-left {
    max-width: 27.5%;
    margin: 0 auto 1em;
    padding-left: 0;
  }
  .school-guide-emblem-right {
    max-width: 100%;
  }
  .school-guide-song > div {
    margin-top: 2em;
    flex-direction: column;
  }
  .school-guide-song > div > div {
    width: 100%;
    margin: 0 0 1em 4em;
    font-size: .14rem;
  }
  .school-guide-song > div > div:nth-child(2) {
    margin: 0 0 1em 4em;
  }
  .school-guide-management {
    margin-top: 3em;
  }
  .school-guide-management-link {
    flex-direction: column;
    padding: 0;
  }
  .school-guide-management-link a {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
    padding: 13px 18px 11px;
  }

  /* スクールライフ */
  .school-life-schedule h2 {
    margin-top: 2em;
  }
  .school-life-request h2,
  .school-life-blog h2,
  .school-life-office h2 {
    margin-bottom: 1em;
    font-size: .20rem;
  }
.school-life-kokoroe h2 {
  margin-bottom: 1em;
  font-size: .20rem;
  }
  .school-life-schedule h2 img {
    max-width: 50%;
  }
  .school-life-schedule p {
    margin: 2em 0 2em;
    font-size: .18rem;
  }
  .school-life-schedule-month > div {
    width: 50%;
  }
  a.school-life-link {
    width: 80%;
    max-width: 80%;
    margin: 1em auto 0px;
    padding: 10px 15px 9px;
  }
  .school-life-blog a {
    width: 47%;
    max-width: 47%;
    margin-bottom: 1em;
    padding: 10px 18px 9px;
  }
  .school-life-office a {
    width: 80%;
    max-width: 80%;
    margin: 0 auto 1em;
    padding: 13px 18px 11px;
  }

  /* クラブ紹介 */
  .club-intro h2 {
    margin: 3em 0 1em 0;
    font-size: .25rem;
  }
  .club-link-box {
    flex-direction: column;
    margin-top: 2em;
  }
  .club-link-box div{
    margin: 2em auto 1em;
    width: 80%;
  }
  .club-link-box div img {
    margin: 0 auto 1em;
}
  .club-mokuji-box > div {
    width: 47%;
  }
  .club-mokuji-box > div > div {
    flex-direction: column;
    padding: 0;
  }
  .club-mokuji-box > div > div > ul {
    max-width: 100%;
    margin-top: 1em;
  }
  .club-mokuji-box > div > div > ul:first-child {
    margin-right: 0;
  }
  .club-box > h2 img {
    width: 50%;
    margin: 2em 0 2em;
  }
  .club-box > div {
    flex-direction: column;
  }
  .club-box > div > div:first-child {
    width: 100%;
    max-width: 100%;
    padding: 2em 0 1em;
  }
  .club-box > div > div:first-child h3 {
    font-size: .18rem;
  }
  .club-box > div > div:first-child p {
    margin-top: 1em;
  }
  .club-box > div > div:last-child {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
    padding: 0 0 2em 0;
  }

  /* 総合科学科 */
  .gsc-intro h2 {
    margin-top: 3em;
  }
  .gsc-intro h2 img {
    width: 50%;
    max-width: 50%;
  }
  .gsc-intro p {
    margin: 2em 0 3em;
    font-size: .18rem;
  }
  .gsc-feature-box {
    flex-direction: column;
  }
  .gsc-feature-box div:first-child {
    width: 100%;
    max-width: 100%;
  }
  .gsc-feature-box div:last-child {
  width: 100%;
  max-width: 100%;
  }
  .gsc-feature img {
    width: 70%;
    max-width: 70%;
    margin: 1em auto;
  }
  .gsc-ssh img {
    width: 90%;
    max-width: 90%;
    margin: 2em auto 0.5em;
  }
  .gsc-ssh .button-1-green {
    width: 90%;
    max-width: 90%;
    margin: 2em auto 0;
    padding: 17px 20px;
  }
  .gsc-curriculum .gsc-curiculum-img {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    margin: 0 auto 1em;
    padding-bottom: 0.5em;
    overflow-x: scroll;
  }
  .gsc-curriculum .gsc-curiculum-img img{
    width: 900px;
  }

  /* 国際文化科 */
  .isc-intro h2 {
    margin-top: 3em;
  }
  .isc-intro h2 img {
    width: 50%;
    max-width: 50%;
  }
  .isc-intro p {
    margin: 2em 0 3em;
    font-size: .18rem;
  }
  .isc-feature > div {
    flex-direction: column;
  }
  .isc-feature > div > div:first-child {
    width: 100%;
    max-width: 100%;
  }
  .isc-feature > div > div:last-child {
    width: 70%;
    max-width: 70%;
    margin: 1em auto 0;
  }
  .isc-feature > div > div:first-child h4+p {
    margin: 0 0 2em 0;
  }
  .isc-feature .button-1-orange {
    width: 100%;
    max-width: 100%;
    margin: 1em 0 0 0;
    padding: 17px 20px;
  }
  .isc-curriculum .isc-curiculum-img {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    margin: 0 auto 1em;
    padding-bottom: 0.5em;
    overflow-x: scroll;
  }
  .isc-curriculum .isc-curiculum-img img{
    width: 900px;
  }

  /* お問い合わせ */
  .contact--main{
    padding: 0 20px;
  }

}

/* ----------

end of スマホ

----------*/