@charset "UTF-8";
/* CSS Document */
.page_school{text-align: center}

.page_school .img1{width: 50%;margin: 0 auto 60px}
.page_school .copy{line-height: 3}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_school .img1{width: 80%;margin: 0 auto 30px}
.page_school .copy{line-height: 2.4;}
}


.page_school .greeting{background: #fef0d6;padding: 80px 0;margin-top: 80px}
.page_school .greeting dd{width: 36%}
.page_school .greeting dt{width: 60%;text-align: left;font-size: 4rem;line-height: 2.3}
.page_school .greeting dd.comment{width: 100%;padding-top: 40px;text-align: left}
.page_school .greeting dd.comment .copy{line-height: 2.4}
.page_school .greeting dd.comment .sign{text-align: right}
.page_school .greeting dd.comment .sign span{font-size: 3rem}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_school .greeting{padding: 50px 0;margin-top: 50px}
.page_school .greeting dd{width: 70%;margin: auto}
.page_school .greeting dt{width:100%;text-align: center;padding-top: 20px; font-size: 2rem;line-height: 2.3}
.page_school .greeting dd.comment{padding-top: 20px;}
}


.page_school .goal{padding: 80px 0}
.page_school .goal dl{border: 1px solid #6f6e6f;padding: 30px 60px;text-align: left}
.page_school .goal dl dt{font-size: 3rem;color: #ee7a24;letter-spacing: 0.2em}
.page_school .goal ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
.page_school .goal ol ol{
  padding-left: 1em;
}
.page_school .goal li{
  text-indent: -1.3em;
  padding-left: 1.3em;
  padding-top: 7px;padding-bottom: 7px;
  font-size: 2rem;
}
.page_school .goal li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: .5em;
  font-weight: bold;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_school .goal{padding: 50px 0}
.page_school .goal dl{padding: 20px 30px;}
.page_school .goal dl dt{font-size: 2.5rem;}
.page_school .goal li{font-size: 1.5rem;}
.page_school .goal li:before {font-size: 1.8rem;}
}

.page_school .building{text-align: left}
.page_school .building h3{font-size: 2.2rem;font-weight: bold;padding: 12px 0;letter-spacing: 0.1em}
.page_school .building .map{padding: 20px 0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_school .building .col2{width: 100%}
.page_school .building dl:first-of-type{margin-bottom: 30px;padding-bottom: 30px; border-bottom: 1px solid #6d6c6c}
}


.page_school .logo{padding: 80px 0}
.page_school .logo .mark{width: 30%;text-align: center;border-left: 1px solid #6d6c6c;border-right: 1px solid #6d6c6c;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
padding: 10px 60px}
.page_school .logo .txt{width: 67%;text-align: left}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_school .logo{padding: 50px 0}
.page_school .logo .mark{width: 40%;margin: auto; border-left: none;border-right:none;padding: 0px;}
.page_school .logo .txt{width: 100%;margin-top: 30px;padding-top: 30px; border-top: 1px solid #6d6c6c}
}