/* --------------- variables --------------------- */
/* Break Point */
body {
  padding-top: 0;
}

#header {
  background: none;
  border-bottom: none;
}
#header.active {
  background-color: rgb(255, 255, 255);
}

.breadcrumb {
  color: #696969;
  display: flex;
}
.breadcrumb a {
  color: #696969;
  text-decoration: underline;
}
.breadcrumb > span {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.breadcrumbWrap {
  background-color: rgb(255, 255, 255);
}

.pageTitleWrap {
  background-color: #f2f0ed;
}
.pageTitleWrap .pageTitle {
  font-weight: 600;
  position: relative;
  font-family: "Noto Serif JP", serif;
  z-index: 2;
  line-height: 1;
  letter-spacing: 0.05em;
}
.pageTitleWrap .pageTitleEn {
  font-weight: 500;
  font-family: "Cormorant Infant", serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
}
.pageTitleWrap.about .pageTitle {
  color: #fff;
}
.pageTitleWrap.about .pageTitleEn {
  color: #fff;
}
.pageTitleWrap.education .pageTitle {
  color: #fff;
}
.pageTitleWrap.education .pageTitleEn {
  color: #fff;
}
.pageTitleWrap {
  /*20260227 add life*/
}
.pageTitleWrap.life .pageTitle {
  color: #fff;
}
.pageTitleWrap.life .pageTitleEn {
  color: #fff;
}
.pageTitleWrap {
  /*20260227 add admission*/
}
.pageTitleWrap.admission .pageTitle {
  color: #fff;
}
.pageTitleWrap.admission .pageTitleEn {
  color: #fff;
}

.sideCont .sideMenu li > a {
  color: #696969;
  display: block;
  text-decoration: none;
  position: relative;
}

main a {
  text-decoration: underline;
  color: #1b1b1b;
  overflow-wrap: break-word;
}

.pageing {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.pageing .pageCount {
  display: flex;
}
.pageing .pageCount li a,
.pageing .pageCount li span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0a4325;
  text-decoration: none;
  font-weight: 600;
  position: relative;
  font-family: "Cormorant Infant", serif;
}
.pageing .pageCount li a.current_page:before,
.pageing .pageCount li span.current_page:before {
  content: "";
  position: absolute;
  background: #0a4325;
  width: 50%;
  height: 1px;
  left: 50%;
  transform: translate(-50%);
}
.pageing .prev,
.pageing .next {
  border: none;
}
.postHeading .postH1 {
  font-weight: 500;
  border-bottom: 1px solid #d9d7d4;
  line-height: 1.4;
}
.postHeading .ymdCat .ymd {
  font-family: "EB Garamond", serif;
  color: #464646;
  font-weight: 700;
}
.postHeading .ymdCat .cat {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid #0a4325;
  color: #0a4325;
}

.accordionList dt {
  font-weight: 700;
  background-color: #f7f6f5;
  color: #0a4325;
  position: relative;
}
.accordionList dd {
  display: none;
}

.secondBnr a {
  display: block;
  box-shadow: 0 0 10px 0 rgba(54, 65, 59, 0.17);
}

.secondLinkList li a {
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(54, 65, 59, 0.17);
  text-decoration: none;
}
.secondLinkList li a p {
  font-weight: 700;
  color: #0a4325;
  margin-top: 0;
}

.anchorWrap {
  background-color: #f0efed;
}
.anchorWrap .anchorList {
  display: flex;
  flex-wrap: wrap;
}
.anchorWrap .anchorList li a {
  font-weight: 700;
  display: block;
  text-decoration: none;
  color: #0a4325;
}

.aboutHeading {
  text-align: center;
  position: relative;
  z-index: 2;
}
.aboutHeading h2 {
  font-weight: 700;
  color: #0a4325;
  line-height: 1;
}
.aboutHeading .entitle {
  color: #0a4325;
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}

#philosophie .pshilosophieList {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#philosophie .pshilosophieList li {
  font-family: "Noto Serif JP", serif;
  color: #0a4325;
  text-align: center;
  font-weight: 600;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 15px 0 rgba(65, 41, 38, 0.1);
  background-color: #fff;
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#philosophie .loopText > div {
  display: flex;
  flex-shrink: 0;
}
#philosophie .whiteBox {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
  background-color: #fff;
  position: relative;
  z-index: 2;
}
#philosophie .whiteBox dl dt {
  color: #0a4325;
  position: relative;
  font-weight: 700;
}
#philosophie .whiteBox dl dd {
  color: #0a4325;
}

.linkWrap .link {
  color: #0a4325;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  text-decoration: none;
}

#messages .textWrap h2 {
  color: #fff;
  font-weight: 700;
}
#historie {
  position: relative;
  margin-top: 0;
}
#historie h2 {
  text-align: center;
  color: #0a4325;
  font-weight: 700;
}
#historie .historieWrap {
  background-color: #ebf5ef;
}
#historie .historieWrap .enkaku h3 {
  font-weight: 700;
  color: #0a4325;
}
#historie .historieWrap .enkaku .enkakuList dt {
  color: #0a4325;
  font-weight: 700;
  position: relative;
}
#historie .historieWrap .historieEpi figure {
  position: relative;
  z-index: 2;
}
#historie .historieWrap .historieEpi figure figcaption {
  text-align: center;
  color: #0a4325;
}
#historie .historieWrap .historieEpi .textWrap {
  position: relative;
  z-index: 2;
}
#historie .historieWrap .historieEpi .textWrap h3 {
  font-weight: 700;
  color: #0a4325;
}
#emblemechanson {
  background-color: #f7f6f5;
  margin-top: 0;
}
#emblemechanson .col2WhiteBox > div {
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(65, 41, 38, 0.1);
}
#emblemechanson .col2WhiteBox > div .textWrap h3 {
  color: #0a4325;
  font-weight: 700;
}
#emblemechanson .col2WhiteBox > div figure {
  text-align: center;
}
#uniforme {
  margin-top: 0;
}
#facilite {
  margin-top: 0;
  background-color: #f7f6f5;
  position: relative;
}
#facilite .commonInner {
  position: relative;
  z-index: 2;
}
#facilite .faciliteList li .textWrap h3 {
  font-weight: 700;
}
#facilite .faciliteList li .textWrap p {
  line-height: 1.9;
}

#evaluation {
  margin-top: 0;
  position: relative;
}
#evaluation .evaluationWrap {
  position: relative;
  z-index: 2;
}
#evaluation .evaluationWrap figure img {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
#evaluation .loopText > div {
  display: flex;
  flex-shrink: 0;
}
#educationPhilosophie {
  position: relative;
  background-color: #f7f6f5;
}
#educationPhilosophie .rinen {
  line-height: 2.1;
  position: relative;
  z-index: 2;
}
#educationPhilosophie .rinenImg {
  position: relative;
  z-index: 2;
}
#educationPhilosophie dl dt {
  font-weight: 700;
  color: #0a4325;
}
#educationPhilosophie dl ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
#educationPhilosophie dl ol li {
  position: relative;
}
#educationPhilosophie dl ol li .title {
  font-weight: 500;
}
#educationPhilosophie dl ol li .sengen span {
  display: inline-block;
  background-color: #edf7f1;
}
#educationPhilosophie dl ul li {
  font-weight: 500;
  position: relative;
}

#features {
  margin-top: 0;
}

.featuresWrap .featuresBox {
  position: relative;
  z-index: 2;
}
.featuresWrap .featuresBox figure img {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
}
.featuresWrap .featuresBox .textWrap h3 {
  font-weight: 700;
  color: #0a4325;
}
.featuresWrap .featuresBox .textWrap p {
  line-height: 1.9;
}
.featuresWrap .featuresBox .textWrap .linkWrap {
  border-top: 1px solid #0a4325;
}

#programme {
  margin-top: 0;
  background-color: #f7f6f5;
}
#programme .programmeWrap {
  position: relative;
  z-index: 2;
}
#programme .programmeWrap figure img {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
}
#programme .programmeWrap .linkWrap {
  border-top: 1px solid #0a4325;
}

#ikkan {
  margin-top: 0;
  background-color: #f7f6f5;
}
#ikkan .whiteBox {
  box-shadow: 0 0 15px 0 rgba(65, 41, 38, 0.1);
  background-color: #fff;
}
#ikkan .whiteBox .title {
  font-weight: 700;
  text-align: center;
  color: #0a4325;
}
#ikkan .whiteBox figure {
  text-align: center;
}
#ikkan .white2col > div {
  background-color: #fff;
}
#ikkan .white2col > div .title {
  font-weight: 700;
}
#ikkan h3 {
  color: #0a4325;
  font-weight: 700;
}

#support .supportBox {
  background-color: #fff;
}
#support .supportBox .textWrap h4 {
  font-weight: 700;
  position: relative;
}
#support .supportBox .textWrap p {
  line-height: 1.9;
}
#realisations {
  margin-top: 0;
}
#faq {
  background-color: #f7f6f5;
  margin-top: 0;
}
#faq .faqList > div dt {
  font-weight: 700;
  color: #0a4325;
  position: relative;
}
#faq .faqList > div dd {
  background-color: #fff;
  position: relative;
  line-height: 2;
}
.mokujiList li {
  border-bottom: 1px solid #c4c3c2;
}
.mokujiList li a {
  text-decoration: none;
  color: #0a4325;
  display: block;
  position: relative;
}

.info2col > div .infoCircle {
  display: flex;
  justify-content: center;
}
.info2col > div .infoCircle li {
  border-radius: 50%;
  background-color: #ebf5ef;
  aspect-ratio: 1/1;
  line-height: 1.5;
}
.info2col > div .infoCircle li span {
  font-weight: 700;
  color: #0a4325;
}
.textgreen {
  color: #0a4325;
}

.moreConttents .hide {
  display: none;
}
.moreConttents .moreBtnWrap {
  text-align: center;
}
.moreConttents .moreBtnWrap .moreBtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  visibility: visible;
  transition: 0.5s;
}
.moreConttents .moreBtnWrap .moreBtn.active {
  opacity: 0;
  visibility: hidden;
}

.dayScheWrap {
  background-color: #ebf5ef;
}
.dayScheWrap .dayScheList li {
  position: relative;
}
.dayScheWrap .dayScheList li .time {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0a4325;
  background-color: #fff;
  border-radius: 50%;
  color: #0a4325;
  font-weight: 500;
  z-index: 2;
}
.dayScheWrap .dayScheList li .dayScheCont {
  background-color: #fff;
  position: relative;
}
.dayScheWrap .dayScheList li .dayScheCont .title {
  font-weight: 700;
  color: #0a4325;
}
#student .release_select {
  margin-block: 50px;
}
#student .release_select .filters {
  margin-block: 50px 70px;
}
#student .release_select .filters select {
  width: 200px;
  height: 60px;
  border: none;
  border-bottom: 1px solid #0a4325;
  color: #0a4325;
  margin-right: 20px;
}

#event .eventInner {
  position: relative;
  z-index: 2;
}
#event .eventImg img {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
}

#studentDay .studentDayInner {
  position: relative;
  z-index: 2;
}
#studentDay .studentDayImg img {
  box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
}
.aboutH3 {
  font-weight: 700;
  color: #0a4325;
}

#club {
  background-color: #f7f6f5;
}
#club .clubListWrap {
  position: relative;
}
#club .clublList .dots-wrap {
  display: flex;
  justify-content: center;
}
#club .clublList .dots-wrap li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: #fff;
  border: 1px solid #202020;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
  display: block;
  transform: rotate(45deg);
  transition: all 0.3s;
}
#club .clublList .dots-wrap li.slick-active button {
  background: #0a4325;
}
#club .clublList .clubItem .title {
  font-weight: 600;
}
#club .ctrlBtn {
  border: none;
  outline: none;
  border-color: transparent;
  font-size: 0;
  color: transparent;
  line-height: 0;
}

#gyoseiMovie .movieList .movieWrap .movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
#gyoseiMovie .movieList .movieWrap p {
  text-align: center;
  font-weight: 700;
}

h2, h3, h4 {
  line-height: 1.5;
}

h2.title {
  position: relative;
  font-weight: 500;
  color: #0a4325;
  border-top: 2px solid #0a4325;
}

h3.title {
  font-weight: 700;
  background-color: #f2f0ed;
  color: #0a4325;
}

h4.title {
  position: relative;
  font-weight: 700;
}

.h2 {
  position: relative;
  font-weight: 500;
  color: #0a4325;
  border-top: 2px solid #0a4325;
}

ul.commonList {
  padding-left: 0;
}

ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
ol li {
  position: relative;
}

a.icon[href$=".pdf"], a.icon[href$=".doc"], a.icon[href$=".docx"], a.icon[href$=".xls"], a.icon[href$=".xlsx"] {
  display: inline-block;
  position: relative;
  padding-right: 30px;
}
a.icon[href$=".pdf"]:after, a.icon[href$=".doc"]:after, a.icon[href$=".docx"]:after, a.icon[href$=".xls"]:after, a.icon[href$=".xlsx"]:after {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: absolute;
  right: 0px;
  top: 0.2em;
}
a.icon[href$=".pdf"]:after {
  background-image: url(../images/common/icon_pdf.svg);
}
a.icon[href$=".doc"]:after, a.icon[href$=".docx"]:after {
  background-image: url(../images/common/icon_word.svg);
}
a.icon[href$=".xls"]:after, a.icon[href$=".xlsx"]:after {
  background-image: url(../images/common/icon_excel.svg);
}
a.icon.front {
  padding-left: 25px;
  padding-right: 0;
}
a.icon.front:after {
  left: 0px;
}

a.icon[target=_blank]:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/common/icon_blank_2.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  margin-left: 8px;
  position: relative;
  top: -3px;
}

.iconBlank {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/common/icon_blank_2.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  margin-left: 8px;
  position: relative;
  top: -3px;
}

#contents p a:not([class])[target=_blank]:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/common/icon_blank_2.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
  top: -3px;
}

.subLink {
  color: #4d4d4f;
  font-weight: 700;
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.imgLine2 li {
  text-align: center;
  padding: 0 !important;
}
.imgLine2 li:before {
  content: none !important;
}
.imgLine2 li img {
  max-width: 100%;
}
.imgLine2.admission li + li {
  list-style: none;
}
.imgLine2.admission .linkWrap {
  text-align: left;
}
.imgLine2.admission .linkWrap .link:after {
  background-size: 12px auto;
  width: 20px;
  height: 20px;
}

.imgLine3 li {
  text-align: center;
  padding: 0 !important;
}
.imgLine3 li:before {
  content: none !important;
}
.imgLine3 li img {
  max-width: 100%;
}
.imgLine3.admission li + li {
  list-style: none;
}
.imgLine3.admission .linkWrap {
  text-align: left;
  margin-top: 10px;
}
.imgLine3.admission .linkWrap .link:after {
  background-size: 12px auto;
  width: 20px;
  height: 20px;
}

.cap {
  display: block;
  margin: 10px auto 0;
  color: #696969;
}

.colorBox .cont p {
  margin: 0;
}

.commonTable {
  width: 100%;
  border-collapse: collapse;
  border-spacing: inherit;
  text-align: left;
  border: 1px solid #0a4325;
}
.commonTable.type2 th {
  border-left: none;
}
.commonTable.type2 td {
  border-left: none;
}
.commonTable th {
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #0a4325;
  border-top: 1px solid #0a4325;
  border-left: 1px solid #0a4325;
  background-color: #e1f0e7;
  color: #0a4325;
}
.commonTable th:last-child {
  margin-bottom: 0;
  border-right: none;
}
.commonTable th.sub {
  background-color: #fff;
}
.commonTable td {
  border: none;
  border-bottom: 1px solid #0a4325;
  border-top: 1px solid #0a4325;
  border-left: 1px solid #0a4325;
  word-break: break-all;
  background-color: #fff;
}
.commonTable td:last-child {
  margin-bottom: 0;
  border-right: none;
}

.scrollTable {
  overflow: auto;
}
.scrollText {
  font-size: 12px;
  display: block;
  text-align: right;
  margin: 30px 0 -20px;
}

.iframeBox {
  position: relative;
  padding-bottom: 56.25%;
}
.iframeBox iframe, .iframeBox video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0;
}

.ofh {
  overflow: hidden;
}

dl.commonList > div {
  border-bottom: 1px solid #0a4325;
}
dl.commonList > div > dd {
  font-weight: 400;
}

/* common class */
.pointerNone {
  cursor: default;
  text-decoration: none;
}

.taC {
  text-align: center !important;
}

.taL {
  text-align: left !important;
}

.taR {
  text-align: right !important;
}

.Center {
  margin: 0 auto !important;
}

.ovh {
  overflow: hidden !important;
}

.mw100 {
  max-width: 100% !important;
  width: auto !important;
}

.w100p {
  width: 100% !important;
}

.pT0 {
  padding-top: 0 !important;
}

.mB0 {
  margin-bottom: 0 !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mT0 {
  margin-top: 0 !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT30 {
  margin-top: 30px !important;
}

.mT40 {
  margin-top: 40px !important;
}

.mT50 {
  margin-top: 50px !important;
}

.mT60 {
  margin-top: 60px !important;
}

.mL0 {
  margin-left: 0px !important;
}

.mL5 {
  margin-left: 5px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mL40 {
  margin-left: 40px !important;
}

.mL50 {
  margin-left: 50px !important;
}

.mR0 {
  margin-right: 0px !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR30 {
  margin-right: 30px !important;
}

.mR40 {
  margin-right: 40px !important;
}

.mR50 {
  margin-right: 50px !important;
}

.bold {
  font-weight: bold !important;
}

.underline {
  text-decoration: underline !important;
}

.bdb {
  border-bottom: 2px solid #004aa4;
}

.fontL {
  font-size: 1.2em;
}

.fontS {
  font-size: 0.8em;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.textred {
  color: #b01700;
}

.textblue {
  color: #005980;
}

.preBox {
  background: #eff0f4;
  border: 1px solid #0a4325;
  padding: 15px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  font-family: Arial, sans-serif;
  line-height: 1.8;
}
.preBox pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-text-align-last: auto;
       text-align-last: auto;
}

@media screen and (max-width: 1023px) {
  .breadcrumb {
    width: 100%;
    padding: 10px 20px;
  }
  .breadcrumb > span {
    font-size: 12px;
  }
  .breadcrumb > span + span {
    margin-left: 25px;
  }
  .breadcrumb > span:not(:last-of-type)::after {
    content: "";
    width: 8px;
    height: 1px;
    background-color: #696969;
    position: absolute;
    top: 50%;
    right: -17px;
  }
  .breadcrumb > span:last-of-type {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .pageTitleWrap {
    padding: 60px 20px 0;
    height: 220px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .pageTitleWrap .pageTitle {
    font-size: 28px;
  }
  .pageTitleWrap .pageTitle:before {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_head.svg) no-repeat center/cover;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: -35px;
  }
  .pageTitleWrap .pageTitleEn {
    line-height: 0.6;
    font-size: 54px;
    position: absolute;
    left: 20px;
    bottom: 0px;
  }
  .pageTitleWrap.about {
    padding: 0;
    height: auto;
    display: block;
  }
  .pageTitleWrap.about .pageTitleInner {
    padding-top: 60px;
    background: url(../images/second/second_header_about_sp.webp) no-repeat center/cover;
    background-color: #000;
    height: 240px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageTitleWrap.about .pageTitle {
    padding-bottom: 30px;
  }
  .pageTitleWrap.about .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 16px);
  }
  .pageTitleWrap.about .pageTitleEn {
    text-align: center;
    width: 100%;
    left: 0;
  }
  .pageTitleWrap.education {
    padding: 0;
    padding-top: 60px;
    background: url(../images/second/second_header_education_sp.webp) no-repeat center/cover;
    background-color: #000;
    height: 240px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageTitleWrap.education .pageTitle {
    padding-bottom: 30px;
  }
  .pageTitleWrap.education .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 16px);
  }
  .pageTitleWrap.education .pageTitleEn {
    text-align: center;
    width: 100%;
    left: 0;
  }
  .pageTitleWrap {
    /*20260227 add life*/
  }
  .pageTitleWrap.life {
    padding: 0;
    padding-top: 60px;
    background: url(../images/second/second_header_life_sp.webp) no-repeat center/cover;
    background-color: #000;
    height: 240px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageTitleWrap.life .pageTitle {
    padding-bottom: 30px;
  }
  .pageTitleWrap.life .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 16px);
  }
  .pageTitleWrap.life .pageTitleEn {
    text-align: center;
    width: 100%;
    left: 0;
    font-size: 50px;
  }
  .pageTitleWrap {
    /*20260227 add admission*/
  }
  .pageTitleWrap.admission {
    padding: 0;
    padding-top: 60px;
    background: url(../images/second/second_header_admission_sp.webp) no-repeat center/cover;
    background-color: #000;
    height: 240px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pageTitleWrap.admission .pageTitle {
    padding-bottom: 30px;
  }
  .pageTitleWrap.admission .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 16px);
  }
  .pageTitleWrap.admission .pageTitleEn {
    text-align: center;
    width: 100%;
    left: 0;
  }
  #contents {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  #contents.col2Wrap {
    padding: 40px 20px 60px;
  }
  .sideCont {
    margin-top: 60px;
  }
  .sideCont .sideMenu li.current a {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .sideCont .sideMenu li.current a:before {
    opacity: 1;
  }
  .sideCont .sideMenu li.current a:after {
    width: 100%;
  }
  .sideCont .sideMenu li > a {
    font-size: 14px;
    padding: 7px 20px;
  }
  .sideCont .sideMenu li > a:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #f5c3bc;
    position: absolute;
    top: calc(50% - 3px);
    left: 4px;
    transition: 0.5s;
    opacity: 0;
  }
  .sideCont .sideMenu li > a:after {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: #1b1b1b;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
  }
  .pageing {
    margin-top: 40px;
  }
  .pageing .pageingArrow {
    align-self: center;
  }
  .pageing .pageCount {
    flex-wrap: wrap;
  }
  .pageing .pageCount li a,
  .pageing .pageCount li span {
    min-width: 30px;
    margin: 0 5px;
    font-size: 18px;
  }
  .pageing .pageCount li a.current_page:before,
  .pageing .pageCount li span.current_page:before {
    bottom: -8px;
  }
  .pageing .prev,
  .pageing .next {
    margin: auto 15px;
  }
  .pageing .prev .link_before {
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 8px auto;
    border-radius: 50%;
    background-color: #ebe9e6;
    width: 20px;
    height: 20px;
    transform: scale(-1, 1);
  }
  .pageing .next .link_next {
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 8px auto;
    border-radius: 50%;
    background-color: #ebe9e6;
    width: 20px;
    height: 20px;
  }
  .postHeading .postH1 {
    font-size: 20px;
    padding-bottom: 15px;
  }
  .postHeading .ymdCat {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
  }
  .postHeading .ymdCat .ymd {
    font-size: 13px;
  }
  .postHeading .ymdCat .cat {
    min-width: 90px;
    height: 18px;
    border-radius: 10px;
    font-size: 11px;
  }
  .btnWrap {
    text-align: center;
    margin-top: 40px;
  }
  .goukakuInfograph {
    margin-top: 40px;
  }
  .accordionList {
    margin-top: 35px;
  }
  .accordionList + .accordionList {
    margin-top: 25px;
  }
  .accordionList dt {
    font-size: 18px;
    padding: 8px 40px 8px 20px;
  }
  .accordionList dt:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 0px;
    border-bottom: solid 2px #0a4325;
    border-right: solid 2px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 8px);
    right: 15px;
    transition: 0.3s;
  }
  .accordionList dt.active:after {
    content: "";
    transform: rotate(225deg);
    top: calc(50% - 2px);
  }
  .accordionList dd {
    padding-top: 25px;
  }
  * + .secondBnr {
    margin-top: 60px;
  }
  .secondBnr a + a {
    margin-top: 15px;
  }
  .footerTopCont {
    padding: 0 18px;
    margin-top: 40px;
  }
  .secondLinkList {
    margin-top: 15px;
  }
  .secondLinkList li + li {
    margin-top: 15px;
  }
  .secondLinkList li a {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: 80px;
    padding: 5px 40px 5px 25px;
  }
  .secondLinkList li a:before {
    content: "";
    display: block;
    border: 1px solid #0a4325;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    position: absolute;
    top: 5px;
    left: 5px;
  }
  .secondLinkList li a:after {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 10px auto;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 14px;
    top: calc(50% - 8px);
    border: 1px solid #0a4325;
  }
  .secondLinkList li a figure img {
    height: 55px;
  }
  .secondLinkList li a p {
    font-size: 14px;
  }
  .anchorWrap {
    padding: 23px 17px;
  }
  .anchorWrap .anchorList {
    gap: 15px 20px;
  }
  .anchorWrap .anchorList li {
    width: calc(50% - 10px);
  }
  .anchorWrap .anchorList li a {
    border-bottom: 1px solid #c4c3c2;
    padding-right: 20px;
    padding-bottom: 7px;
    position: relative;
    font-size: 13px;
  }
  .anchorWrap .anchorList li a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
  }
  .anchorWrap .anchorList li a:after {
    content: "";
    width: 5px;
    height: 5px;
    border: 0px;
    border-bottom: solid 1px #0a4325;
    border-right: solid 1px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 4px;
  }
  .aboutHeading {
    padding: 0 18px;
  }
  .aboutHeading + p {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
    position: relative;
    z-index: 2;
  }
  .aboutHeading h2 {
    font-size: 24px;
  }
  .aboutHeading .entitle {
    font-size: 12px;
    margin-top: 12px;
  }
  #philosophie {
    padding: 50px 0 40px;
    position: relative;
  }
  #philosophie:before {
    content: "";
    display: block;
    width: 100%;
    height: 67%;
    background-color: #f7f6f5;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #philosophie .pshilosophieList {
    margin-top: 50px;
    padding: 0 18px;
    gap: 10px;
  }
  #philosophie .pshilosophieList li {
    width: calc(50% - 5px);
    font-size: 15px;
    height: 110px;
    padding: 30px 20px 20px;
    line-height: 1.4;
  }
  #philosophie .pshilosophieList li:before {
    content: "";
    display: inline-block;
    background: url(../images/second/about/mark_star.webp) no-repeat center/cover;
    aspect-ratio: 26/22;
    width: 18px;
    height: auto;
    position: absolute;
    left: calc(50% - 9px);
    top: 13px;
  }
  #philosophie .bgText {
    position: relative;
    z-index: 1;
    margin-top: -10px;
  }
  #philosophie .bgText img {
    width: 100%;
  }
  #philosophie .loopText {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -10px;
  }
  #philosophie .loopText > div span {
    display: inline-block;
    margin: 0 7px;
    width: 150vw;
    height: auto;
  }
  #philosophie .whiteBox {
    padding: 40px 20px;
    margin: -10px auto 0;
    width: calc(100% - 36px);
  }
  #philosophie .whiteBox dl dt {
    font-size: 18px;
    padding-right: 45px;
    display: inline-block;
  }
  #philosophie .whiteBox dl dt:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #0a4325;
    position: absolute;
    top: 50%;
    right: 0;
  }
  #philosophie .whiteBox dl dd {
    margin-top: 25px;
  }
  .linkWrap {
    margin-top: 30px;
    text-align: right;
  }
  .linkWrap .link {
    position: relative;
    font-size: 17px;
    padding-right: 55px;
  }
  .linkWrap .link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    border: 1px solid #0a4325;
    background-size: 14px auto;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0px;
    top: calc(50% - 21px);
  }
  .linkWrap .link.white {
    color: #fff;
  }
  .linkWrap .link.white:after {
    border: 1px solid #fff;
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-size: 14px auto;
  }
  .linkWrap .link.fastOne {
    margin-right: 15px;
  }
  #messages {
    background: url(../images/second/about/messages_bg_sp.webp) no-repeat center/cover;
    width: 100%;
    height: 365px;
  }
  #messages .entitle {
    position: relative;
    top: -1px;
    left: -5px;
    width: 225px;
  }
  #messages .textWrap {
    margin-top: 35px;
    padding: 0 18px;
  }
  #messages .textWrap h2 {
    font-size: 24px;
  }
  #messages .textWrap h2 + p {
    font-size: 14px;
    margin-top: 20px;
    color: #fff;
  }
  #historie {
    padding: 15px 0;
  }
  #historie:before {
    content: "";
    display: inline-block;
    background: url(../images/second/about/historie_top_sp.webp) no-repeat center/cover;
    width: 182px;
    height: 39px;
    position: absolute;
    top: -23px;
    left: calc(50% - 91px);
    z-index: 2;
  }
  #historie:after {
    content: "";
    display: inline-block;
    background: url(../images/second/about/historie.webp) no-repeat center/cover;
    width: 55px;
    height: 12px;
    position: absolute;
    top: 23px;
    left: calc(50% - 27px);
    z-index: 2;
  }
  #historie .historieInner {
    border-top: 1px solid #b4bcba;
    padding: 0 0px 15px;
  }
  #historie h2 {
    padding-top: 40px;
    font-size: 24px;
  }
  #historie .historieIntro {
    margin-top: 30px;
    padding: 0 18px;
  }
  #historie .historieIntro p {
    margin-top: 0;
    line-height: 1.9;
  }
  #historie .historieIntro figure {
    margin-top: 30px;
  }
  #historie .historieWrap {
    margin-top: 40px;
    padding: 35px 18px 55px;
    background-image: url(../images/second/about/about_txt_historie.svg);
    background-repeat: no-repeat;
    background-position: bottom -4px right -2px;
    background-size: 250px auto;
  }
  #historie .historieWrap .enkaku h3 {
    font-size: 20px;
  }
  #historie .historieWrap .enkaku .enkakuList {
    margin-top: 25px;
  }
  #historie .historieWrap .enkaku .enkakuList > div {
    display: flex;
    gap: 40px;
    position: relative;
  }
  #historie .historieWrap .enkaku .enkakuList > div:not(:last-of-type) {
    padding-bottom: 20px;
  }
  #historie .historieWrap .enkaku .enkakuList > div:not(:last-of-type):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #0a4325;
    position: absolute;
    top: 10px;
    left: 82px;
  }
  #historie .historieWrap .enkaku .enkakuList dt {
    flex: none;
    font-size: 13px;
    width: 70px;
  }
  #historie .historieWrap .enkaku .enkakuList dt span {
    display: block;
    font-size: 11px;
  }
  #historie .historieWrap .enkaku .enkakuList dt:after {
    content: "";
    display: inline-block;
    border: 1px solid #0a4325;
    background-color: #fff;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    position: absolute;
    right: -18px;
    top: 5px;
  }
  #historie .historieWrap .enkaku .enkakuList dd {
    font-size: 12px;
  }
  #historie .historieWrap .historieEpi {
    margin-top: 40px;
    padding: 0 20px 30px;
    position: relative;
  }
  #historie .historieWrap .historieEpi:before {
    content: "";
    display: block;
    background-color: #fff;
    width: 100%;
    height: calc(100% - 45px);
    position: absolute;
    top: 45px;
    right: 0;
  }
  #historie .historieWrap .historieEpi figure figcaption {
    font-size: 12px;
    margin-top: 10px;
  }
  #historie .historieWrap .historieEpi .textWrap {
    padding-top: 25px;
  }
  #historie .historieWrap .historieEpi .textWrap h3 {
    font-size: 20px;
  }
  #historie .historieWrap .historieEpi .textWrap p {
    margin-top: 25px;
  }
  #emblemechanson {
    padding: 55px 0 0px;
  }
  #emblemechanson .col2WhiteBox {
    margin-top: 30px;
  }
  #emblemechanson .col2WhiteBox > div {
    padding: 35px 20px;
  }
  #emblemechanson .col2WhiteBox > div + div {
    margin-top: 30px;
  }
  #emblemechanson .col2WhiteBox > div:nth-of-type(1) figure img {
    max-width: 164px;
  }
  #emblemechanson .col2WhiteBox > div .textWrap h3 {
    font-size: 20px;
  }
  #emblemechanson .col2WhiteBox > div .textWrap p {
    margin-top: 20px;
  }
  #emblemechanson .col2WhiteBox > div figure {
    margin-top: 30px;
  }
  #emblemechanson .images {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
  }
  #emblemechanson .images > div {
    width: 50%;
  }
  #emblemechanson .images > div:last-of-type {
    width: 100%;
  }
  #uniforme {
    padding: 55px 0 30px;
  }
  #uniforme .uniformeWrap {
    margin-top: 30px;
  }
  #uniforme .uniformeWrap figure {
    text-align: center;
  }
  #uniforme .uniformeWrap figure img {
    max-width: 250px;
    box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
  }
  #uniforme .uniformeWrap p {
    margin-top: 30px;
  }
  #facilite {
    padding: 30px 0 50px;
  }
  #facilite:before {
    content: "";
    display: block;
    width: 100%;
    height: 24%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  #facilite .faciliteWrap {
    margin-top: 30px;
  }
  #facilite .faciliteWrap figure {
    margin-top: 30px;
    text-align: center;
  }
  #facilite .faciliteWrap figure img {
    max-width: 241px;
  }
  #facilite .faciliteList {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
  }
  #facilite .faciliteList li {
    width: calc(50% - 12px);
  }
  #facilite .faciliteList li .textWrap {
    margin-top: 20px;
  }
  #facilite .faciliteList li .textWrap h3 {
    font-size: 16px;
  }
  #facilite .faciliteList li .textWrap p {
    margin-top: 10px;
  }
  #evaluation:before {
    content: "";
    display: block;
    width: 100%;
    height: 66%;
    background-color: #f7f6f5;
    position: absolute;
    top: 0;
    left: 0;
  }
  #evaluation .evaluationWrap figure {
    margin-top: 50px;
    padding: 0 18px;
  }
  #evaluation .evaluationWrap .textWrap {
    padding: 0 18px;
  }
  #evaluation .evaluationWrap .textWrap .aboutHeading + p {
    text-align: left;
  }
  #evaluation .loopText {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -10px;
  }
  #evaluation .loopText > div span {
    display: inline-block;
    margin: 0 7px;
    width: 150vw;
    height: auto;
  }
  #educationPhilosophie {
    padding: 50px 0 200px;
  }
  #educationPhilosophie:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 518px;
    background-color: #fff;
  }
  #educationPhilosophie:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: url(../images/second/education/spacing_img_sp.webp) no-repeat center/cover;
  }
  #educationPhilosophie .rinen {
    background: url(../images/second/education/pholosophie_mark.webp) no-repeat center;
    background-size: 140px auto;
    margin-top: 40px;
  }
  #educationPhilosophie .rinen .rinenTitle {
    font-family: "Noto Serif JP", serif;
    font-size: 16px;
    font-weight: 500;
  }
  #educationPhilosophie .rinen .rinenText {
    font-size: 13px;
  }
  #educationPhilosophie .rinenImg {
    display: flex;
    gap: 15px;
    margin-top: 40px;
  }
  #educationPhilosophie .rinenImg > div {
    flex: 1;
  }
  #educationPhilosophie dl {
    margin-top: 40px;
  }
  #educationPhilosophie dl + dl {
    border-top: 1px solid #d6d5d4;
    margin-top: 25px;
    padding-top: 25px;
  }
  #educationPhilosophie dl dt {
    font-size: 17px;
  }
  #educationPhilosophie dl ol {
    margin-top: 25px;
  }
  #educationPhilosophie dl ol li {
    padding-left: 0;
    counter-increment: mycounter;
  }
  #educationPhilosophie dl ol li:before {
    content: "0" counter(mycounter);
    font-size: 17px;
    font-family: "Cormorant Infant", serif;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 1;
    display: block;
    position: inherit;
  }
  #educationPhilosophie dl ol li:not(:first-of-type) {
    margin-top: 20px;
  }
  #educationPhilosophie dl ol li .title {
    font-size: 16px;
    margin-top: 5px;
  }
  #educationPhilosophie dl ol li .sengen {
    font-size: 12px;
    margin-top: 5px;
  }
  #educationPhilosophie dl ol li .sengen span {
    padding: 0 5px;
    margin-bottom: 2px;
  }
  #educationPhilosophie dl ul {
    margin-top: 20px;
  }
  #educationPhilosophie dl ul.small li {
    font-size: 13px;
  }
  #educationPhilosophie dl ul.small li:before {
    top: 11px;
  }
  #educationPhilosophie dl ul.small li + li {
    margin-top: 10px;
  }
  #educationPhilosophie dl ul li {
    padding-left: 15px;
    font-size: 15px;
  }
  #educationPhilosophie dl ul li:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 1px;
    background-color: #0a4325;
    position: absolute;
    left: 0;
    top: 13px;
  }
  #educationPhilosophie dl ul li + li {
    margin-top: 20px;
  }
  #educationPhilosophie dl ul li .sengen {
    color: #666666;
    font-size: 12px;
    margin-top: 3px;
  }
  #features {
    padding: 50px 0;
  }
  .featuresWrap {
    margin-top: 40px;
    padding: 0 18px 40px;
    position: relative;
  }
  .featuresWrap:before {
    content: "";
    display: block;
    background-color: #f7f6f5;
    width: 100%;
    height: 88%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .featuresWrap .featuresBox figure {
    text-align: center;
    padding: 0 10px;
  }
  .featuresWrap .featuresBox .textWrap {
    margin-top: 20px;
    padding: 0 18px;
  }
  .featuresWrap .featuresBox .textWrap h3 {
    font-size: 20px;
  }
  .featuresWrap .featuresBox .textWrap p {
    margin-top: 10px;
  }
  .featuresWrap .featuresBox .textWrap .btnWrap {
    margin-top: 30px;
  }
  .featuresWrap .featuresBox .textWrap .linkWrap {
    padding-top: 30px;
    margin-top: 30px;
  }
  #programme {
    padding: 50px 0;
  }
  #programme .programmeWrap {
    margin-top: 30px;
    padding: 0 18px;
  }
  #programme .programmeWrap .textWrap {
    margin-top: 20px;
  }
  #programme .programmeWrap .textWrap h3 {
    font-size: 20px;
  }
  #programme .programmeWrap .textWrap p {
    line-height: 1.9;
  }
  #programme .programmeWrap .linkWrap {
    padding-top: 30px;
    margin-top: 30px;
  }
  #ikkan {
    padding: 50px 0;
  }
  #ikkan .read {
    margin-top: 30px;
  }
  #ikkan .whiteBox {
    margin-top: 30px;
    padding: 15px;
  }
  #ikkan .whiteBox .title {
    font-size: 15px;
  }
  #ikkan .whiteBox figure {
    margin-top: 15px;
  }
  #ikkan .white2col {
    margin-top: 30px;
  }
  #ikkan .white2col.type2 .text {
    margin-top: 5px;
  }
  #ikkan .white2col + figure {
    text-align: center;
    margin-top: 30px;
  }
  #ikkan .white2col > div {
    padding: 20px 15px;
  }
  #ikkan .white2col > div + div {
    margin-top: 20px;
  }
  #ikkan .white2col > div .title {
    font-size: 16px;
  }
  #ikkan .white2col > div .text {
    margin-top: 10px;
  }
  #ikkan h3 {
    font-size: 20px;
    margin-top: 60px;
  }
  #ikkan h3 + p {
    margin-top: 20px;
  }
  #support {
    margin-top: 60px;
  }
  #support .supportBox {
    margin-top: 30px;
    padding: 30px 20px;
  }
  #support .supportBox .textWrap h4 {
    font-size: 17px;
    padding-left: 25px;
  }
  #support .supportBox .textWrap h4:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 3px;
    background-color: #f5c3bc;
    position: absolute;
    left: 0;
    top: 50%;
  }
  #support .supportBox .textWrap p {
    margin-top: 20px;
  }
  #support .supportBox figure {
    margin-top: 20px;
  }
  #realisations {
    padding-top: 50px;
  }
  #realisations .aboutHeading + p {
    text-align: left;
    padding: 0 18px;
  }
  #realisations .data {
    margin-top: 30px;
  }
  #realisations .linkWrap {
    display: flex;
    justify-content: center;
  }
  .spacingImages {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .spacingImages > div {
    width: 50%;
  }
  .spacingImages > div:last-of-type {
    width: 100%;
  }
  #sinro .sinroBox {
    border: 1px dotted #a6b3ab;
    margin-top: 30px;
    padding: 20px 20px 20px;
  }
  #sinro .sinroBox h3 {
    font-size: 17px;
    position: relative;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  #sinro .sinroBox h3:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: calc(100% - 6px);
    background-color: #0a4325;
    position: absolute;
    top: 3px;
    left: 0;
  }
  #sinro .sinroBox div + div {
    margin-top: 30px;
  }
  #sinro .sinroBox figure {
    text-align: center;
  }
  #sinro .sinroBox figure img {
    width: 80%;
    margin: auto;
  }
  #faq {
    padding: 60px 0 50px;
  }
  #faq .faqList {
    margin-top: 40px;
  }
  #faq .faqList > div + div {
    margin-top: 30px;
  }
  #faq .faqList > div dt {
    font-size: 15px;
    padding-left: 20px;
  }
  #faq .faqList > div dt:before {
    content: "Q";
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-size: 17px;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
  }
  #faq .faqList > div dd {
    margin-top: 20px;
    padding: 25px 20px 25px 45px;
  }
  #faq .faqList > div dd:before {
    content: "A";
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-size: 17px;
    position: absolute;
    top: 31px;
    left: 20px;
    line-height: 1;
    color: #0a4325;
  }
  #faq .commonBtn {
    font-weight: 400;
  }
  .mokujiList {
    margin-top: 20px;
  }
  .mokujiList li + li {
    margin-top: 10px;
  }
  .mokujiList li a {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 50px;
  }
  .mokujiList li a:before {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #0a4325;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 9px);
    right: 0px;
  }
  .mokujiList li a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-bottom: solid 1px #0a4325;
    border-right: solid 1px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 6px;
  }
  .info2col + div {
    margin-top: 30px;
  }
  .info2col > div {
    text-align: center;
  }
  .info2col > div + div {
    margin-top: 30px;
  }
  .info2col > div .infoCircle {
    gap: 20px;
  }
  .info2col > div .infoCircle li {
    font-size: 14px;
    width: 36%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .info2col > div .infoCircle li span.num {
    font-size: 24px;
  }
  .moreConttents {
    margin-top: 30px;
  }
  .moreConttents .moreBtnWrap {
    margin-top: 30px;
  }
  .moreConttents .moreBtnWrap .moreBtn {
    padding-right: 31px;
  }
  .moreConttents .moreBtnWrap .moreBtn:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/second/plus.webp) no-repeat center/cover;
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
  }
  .dayScheWrap {
    padding: 30px 17px;
    margin-top: 60px;
    width: calc(100% + 36px);
    margin-left: -18px;
  }
  .dayScheWrap .dayScheList li:not(:last-of-type) {
    padding-bottom: 15px;
  }
  .dayScheWrap .dayScheList li:not(:last-of-type):before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0a4325;
    position: absolute;
    top: 0;
    left: 22px;
  }
  .dayScheWrap .dayScheList li:nth-of-type(1) .dayScheCont:after {
    content: "";
    display: inline-block;
    width: 237px;
    height: 103px;
    position: absolute;
    top: -103px;
    left: 20px;
  }
  .dayScheWrap .dayScheList li .time {
    font-size: 11px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .dayScheWrap .dayScheList li .dayScheCont {
    padding: 15px;
    width: calc(100% - 60px);
    margin-left: auto;
  }
  .dayScheWrap .dayScheList li .dayScheCont:before {
    content: "";
    width: 14px;
    height: 1px;
    background: url(../images/common/dot_yoko.webp) repeat-x;
    background-size: auto 1px;
    position: absolute;
    left: -15px;
    top: 24px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .title {
    font-size: 14px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap {
    display: flex;
    margin-top: 5px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap .text {
    width: 64%;
    padding-right: 15px;
    font-size: 11px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap figure {
    width: 36%;
  }
  #student .release_select {
    margin-block: 50px;
  }
  #student .release_select .filters {
    margin-block: 50px 70px;
    display: flex;
    justify-content: space-between;
  }
  #student .release_select .filters select {
    width: 200px;
    height: 60px;
    border: none;
    border-bottom: 1px solid #0a4325;
    color: #0a4325;
    margin-right: 20px;
    width: calc(50% - 10px);
    margin-right: 0;
  }
  .readText {
    text-align: center;
    margin-top: 50px;
  }
  #event {
    margin-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }
  #event:before {
    content: "";
    display: block;
    background-color: #f7f6f5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
  }
  #event .eventInner {
    padding: 0 18px;
  }
  #event .eventText p:not([class]) {
    text-align: left;
  }
  #event .eventImg {
    margin-top: 40px;
  }
  #studentDay {
    margin-top: 60px;
    position: relative;
  }
  #studentDay .studentDayInner {
    padding: 0 18px;
  }
  #studentDay .studentDayText p:not([class]) {
    text-align: left;
  }
  #studentDay .studentDayImg {
    margin-top: 40px;
  }
  #studentDay .bnrWrap {
    text-align: center;
    margin-top: 40px;
    padding: 0 18px;
  }
  #studentDay .bnrWrap a {
    display: inline-block;
  }
  #studentDay .bnrWrap img {
    box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
  }
  .aboutH3 {
    font-size: 20px;
    margin-top: 50px;
  }
  #club {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  #club .commonInner {
    padding: 0;
  }
  #club .aboutH3 {
    padding: 0 18px;
  }
  #club .aboutHeading {
    padding: 0 18px;
  }
  #club .headingCol2 {
    padding: 0 18px;
  }
  #club .headingCol2 p {
    margin-top: 30px;
  }
  #club .clublList {
    margin: 25px 0 0 0;
  }
  #club .clublList .slick-track {
    display: flex;
  }
  #club .clublList .slick-track .slick-slide {
    padding: 0 2.5vw;
    width: 60vw;
    height: auto;
  }
  #club .clublList .slick-track .slick-slide > div {
    height: 100%;
  }
  #club .clublList .slide-arrow {
    width: 23px;
    height: 23px;
    background: url(../images/common/icon_arrow_green.webp) no-repeat center/cover;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 32px);
    z-index: 2;
  }
  #club .clublList .prev-arrow {
    left: 6px;
    transform: scale(-1, 1);
  }
  #club .clublList .next-arrow {
    right: 6px;
  }
  #club .clublList .dots-wrap {
    position: absolute;
    right: 34px;
    top: -38px;
  }
  #club .clublList .dots-wrap li button {
    width: 7px;
    height: 7px;
    margin: 0 5px;
  }
  #club .clublList .clubItem a {
    text-decoration: none;
  }
  #club .clublList .clubItem .title {
    font-size: 15px;
    margin-top: 15px;
  }
  #club .ctrlBtn {
    width: 8px;
    height: 10px;
    display: block;
    position: absolute;
    top: -40px;
    right: 18px;
    cursor: pointer;
  }
  #club .ctrlBtn span {
    display: block;
    width: 8px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #club .ctrlBtn span.play {
    display: none;
    background-image: url(../images/home/btn_play.webp);
  }
  #club .ctrlBtn span.pause {
    background-image: url(../images/home/btn_pause.webp);
  }
  #club .ctrlBtn.stoped span.pause {
    display: none;
  }
  #club .ctrlBtn.stoped span.play {
    display: block;
  }
  #gyoseiMovie .movieList {
    margin-top: 30px;
  }
  #gyoseiMovie .movieList .movieWrap + .movieWrap {
    margin-top: 30px;
  }
  #gyoseiMovie .movieList .movieWrap p {
    font-size: 15px;
    margin-top: 5px;
  }
  * + p {
    margin-top: 30px;
  }
  * + p.wide {
    margin-top: 40px;
  }
  h2, h3, h4 {
    line-height: 1.5;
  }
  h3 + p, h4 + p {
    margin-top: 15px;
  }
  h3 + .commonList {
    margin-top: 15px;
  }
  * + h2.title, * + .h2 {
    margin-top: 60px;
  }
  * + h3.title {
    margin-top: 40px;
  }
  * + h4.title {
    margin-top: 30px;
  }
  h2.title {
    font-size: 21px;
    padding-top: 15px;
  }
  h3.title {
    font-size: 19px;
    padding: 10px;
  }
  h4.title {
    font-size: 16px;
    padding-left: 15px;
  }
  h4.title:before {
    content: "";
    display: inline-block;
    background-color: #f5aba2;
    width: 4px;
    height: calc(100% - 6px);
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
  }
  .h2 {
    font-size: 21px;
    padding-top: 15px;
  }
  ul.commonList li {
    padding-left: 20px;
    position: relative;
  }
  ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  ul.commonList li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #f5c3bc;
    position: absolute;
    margin: auto;
    top: 9px;
    left: 3px;
    border-radius: 50%;
  }
  ol li {
    padding-left: 20px;
    counter-increment: mycounter;
  }
  ol li:before {
    content: counter(mycounter) ".";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #f5c3bc;
    font-weight: bold;
  }
  ol li:not(:first-of-type) {
    margin-top: 10px;
  }
  section + section {
    margin-top: 70px;
  }
  * + .commonList, * + .linkList, * + .colorBox, * + .commonTable, * + .wp-block-lazyblock-color-box, * + .wp-block-lazyblock-list {
    margin-top: 30px;
  }
  * + ol {
    margin-top: 30px;
  }
  * + .imgLine2, * + .imgLine3, * + .twoCol {
    margin-top: 30px;
  }
  .subLink {
    font-size: 15px;
    padding-right: 30px;
  }
  .subLink:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
  }
  .imgLine2.spflex {
    display: flex;
  }
  .imgLine2.spflex li {
    margin: 0;
    width: calc(50% - 8px);
  }
  .imgLine2.spflex li:nth-of-type(odd) {
    margin-right: 16px;
  }
  .imgLine2 li {
    margin-top: 10px !important;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2.admission li + li {
    list-style: none;
    margin-top: 30px !important;
  }
  .imgLine2.admission .linkWrap {
    text-align: left;
    margin-top: 10px;
  }
  .imgLine2.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .imgLine2.admission .linkWrap .link {
    top: 0px;
  }
  .imgLine2.admission .linkWrap .link:after {
    right: 20px;
    top: calc(50% - 10px);
  }
  .imgLine3 li {
    margin-top: 10px !important;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3.admission ul {
    margin-top: 30px !important;
  }
  .imgLine3.admission li + li {
    list-style: none;
    margin-top: 30px !important;
  }
  .imgLine3.admission .linkWrap {
    text-align: left;
    margin-top: 10px;
  }
  .imgLine3.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .imgLine3.admission .linkWrap .link {
    top: 0px;
  }
  .imgLine3.admission .linkWrap .link:after {
    right: 20px;
    top: calc(50% - 10px);
  }
  .cap {
    font-size: 12px;
  }
  .imgInP .cap {
    text-align: left;
  }
  .imgInP .img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .imgInP.sp_img_btm {
    display: flex;
    flex-wrap: wrap;
  }
  .imgInP.sp_img_btm .img {
    display: block;
    order: 2;
    margin: 20px auto 0;
    padding-bottom: 0;
  }
  .imgInP.sp_img_btm .text {
    flex-basis: 100%;
    order: 1;
  }
  .twoCol .txt *:nth-child(1) {
    margin-top: 0;
  }
  .twoCol .txt + .img {
    margin-top: 30px;
  }
  .twoCol .txt + .txt {
    margin-top: 30px;
  }
  .twoCol .img {
    width: 100%;
    text-align: center;
  }
  .twoCol .img + .img {
    margin-top: 30px;
  }
  .twoCol .img + .txt {
    margin-top: 30px;
  }
  .twoCol .img img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .twoCol .cap {
    text-align: left;
  }
  .colorBox {
    padding: 20px 20px;
    border: 1px dotted #0a4325;
  }
  .colorBox .title {
    font-weight: bold;
    font-size: 16px;
    color: #0a4325;
  }
  .colorBox * + .title {
    margin-top: 10px;
  }
  .colorBox .cont {
    margin-top: 10px;
  }
  .colorBox .cont * + p {
    margin: 10px 0 0;
  }
  .commonTable td.wFix,
  .commonTable th.wFix {
    width: 120px;
  }
  .commonTable th {
    padding: 10px 10px;
  }
  .commonTable td {
    padding: 10px 10px;
  }
  .scrollTable {
    margin-top: 30px;
  }
  .scrollTable table {
    white-space: nowrap;
  }
  .scrollText {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 30px 0 -20px;
  }
  .iframeBox {
    position: relative;
    padding-bottom: 56.25%;
  }
  .iframeBox iframe, .iframeBox video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
  }
  .iframeBox {
    margin-top: 30px;
  }
  * + dl.commonList {
    margin-top: 30px;
  }
  dl.commonList > div {
    padding: 15px 0;
  }
  dl.commonList > div > dd {
    margin-top: 5px;
  }
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
  .mB0 {
    margin-bottom: 0 !important;
  }
  .mB5_sp {
    margin-bottom: 5px !important;
  }
  .mB10_sp {
    margin-bottom: 10px !important;
  }
  .mB20_sp {
    margin-bottom: 20px !important;
  }
  .mB30_sp {
    margin-bottom: 30px !important;
  }
  .mB40_sp {
    margin-bottom: 40px !important;
  }
  .mB50_sp {
    margin-bottom: 50px !important;
  }
  .mT0 {
    margin-top: 0 !important;
  }
  .mT5_sp {
    margin-top: 5px !important;
  }
  .mT10_sp {
    margin-top: 10px !important;
  }
  .mT20_sp {
    margin-top: 20px !important;
  }
  .mT30_sp {
    margin-top: 30px !important;
  }
  .mT40_sp {
    margin-top: 40px !important;
  }
  .mT50_sp {
    margin-top: 50px !important;
  }
  .mL0_sp {
    margin-left: 0px !important;
  }
  .mL5_sp {
    margin-left: 5px !important;
  }
  .mL10_sp {
    margin-left: 10px !important;
  }
  .mL20_sp {
    margin-left: 20px !important;
  }
  .mL30_sp {
    margin-left: 30px !important;
  }
  .mL40_sp {
    margin-left: 40px !important;
  }
  .mL50_sp {
    margin-left: 50px !important;
  }
  .mR0_sp {
    margin-right: 0px !important;
  }
  .mR5_sp {
    margin-right: 5px !important;
  }
  .mR10_sp {
    margin-right: 10px !important;
  }
  .mR20_sp {
    margin-right: 20px !important;
  }
  .mR30_sp {
    margin-right: 30px !important;
  }
  .mR40_sp {
    margin-right: 40px !important;
  }
  .mR50_sp {
    margin-right: 50px !important;
  }
  .size12_sp {
    font-size: 12px !important;
  }
  .size14_sp {
    font-size: 14px !important;
  }
  .size16_sp {
    font-size: 16px !important;
  }
  .size18_sp {
    font-size: 18px !important;
  }
  .size20_sp {
    font-size: 20px !important;
  }
  .w50p_sp {
    width: 50% !important;
  }
  .taL_sp {
    text-align: left !important;
  }
  .taC_sp {
    text-align: center !important;
  }
}
@media print, screen and (min-width: 1024px) {
  .breadcrumb {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0px;
  }
  .breadcrumb a:hover {
    text-decoration: none;
  }
  .breadcrumb > span {
    font-size: 14px;
  }
  .breadcrumb > span + span {
    margin-left: 30px;
  }
  .breadcrumb > span:not(:last-of-type)::after {
    content: "";
    width: 10px;
    height: 1px;
    background-color: #696969;
    position: absolute;
    top: 50%;
    right: -20px;
  }
  .breadcrumb > span:last-of-type {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .pageTitleWrap {
    padding-top: 90px;
    height: 380px;
  }
  .pageTitleWrap .pageTitleInner {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
  }
  .pageTitleWrap .pageTitle {
    font-size: 46px;
  }
  .pageTitleWrap .pageTitle:before {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_head.svg) no-repeat center/cover;
    width: 42px;
    height: 42px;
    position: absolute;
    left: 4px;
    top: -50px;
  }
  .pageTitleWrap .pageTitleEn {
    line-height: 0.6;
    font-size: 90px;
    position: absolute;
    left: 0;
    bottom: 0px;
  }
  .pageTitleWrap.about {
    background: url(../images/second/second_header_about_pc.webp) no-repeat center/cover;
    background-color: #000;
    height: 380px;
  }
  .pageTitleWrap.about .pageTitleInner {
    justify-content: center;
  }
  .pageTitleWrap.about .pageTitle {
    padding-bottom: 80px;
  }
  .pageTitleWrap.about .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 22px);
  }
  .pageTitleWrap.about .pageTitleEn {
    text-align: center;
    width: 100%;
  }
  .pageTitleWrap.education {
    background: url(../images/second/second_header_education_pc.webp) no-repeat center/cover;
    background-color: #000;
    height: 380px;
  }
  .pageTitleWrap.education .pageTitleInner {
    justify-content: center;
  }
  .pageTitleWrap.education .pageTitle {
    padding-bottom: 80px;
  }
  .pageTitleWrap.education .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 22px);
  }
  .pageTitleWrap.education .pageTitleEn {
    text-align: center;
    width: 100%;
  }
  .pageTitleWrap {
    /*20260227 add life*/
  }
  .pageTitleWrap.life {
    background: url(../images/second/second_header_life_pc.webp) no-repeat center/cover;
    background-color: #000;
    height: 380px;
  }
  .pageTitleWrap.life .pageTitleInner {
    justify-content: center;
  }
  .pageTitleWrap.life .pageTitle {
    padding-bottom: 80px;
  }
  .pageTitleWrap.life .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 22px);
  }
  .pageTitleWrap.life .pageTitleEn {
    text-align: center;
    width: 100%;
    font-size: 80px;
  }
  .pageTitleWrap {
    /*20260227 add admission*/
  }
  .pageTitleWrap.admission {
    background: url(../images/second/second_header_admission_pc.webp) no-repeat center/cover;
    background-color: #000;
    height: 380px;
  }
  .pageTitleWrap.admission .pageTitleInner {
    justify-content: center;
  }
  .pageTitleWrap.admission .pageTitle {
    padding-bottom: 80px;
  }
  .pageTitleWrap.admission .pageTitle:before {
    background: url(../images/common/icon_head_white.svg) no-repeat center/cover;
    left: calc(50% - 22px);
  }
  .pageTitleWrap.admission .pageTitleEn {
    text-align: center;
    width: 100%;
  }
  #contents {
    padding-top: 80px;
    padding-bottom: 120px;
  }
  #contents.col2Wrap {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    gap: 140px;
  }
  .sideCont {
    width: 200px;
    flex: none;
  }
  .sideCont .sideMenu li.current a {
    font-weight: 700;
    font-size: 16px;
  }
  .sideCont .sideMenu li.current a:before {
    opacity: 1;
  }
  .sideCont .sideMenu li.current a:after {
    width: 100%;
  }
  .sideCont .sideMenu li > a {
    font-size: 15px;
    padding: 16px 20px;
  }
  .sideCont .sideMenu li > a:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #f5c3bc;
    position: absolute;
    top: calc(50% - 3px);
    left: 4px;
    transition: 0.5s;
    opacity: 0;
  }
  .sideCont .sideMenu li > a:after {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: #1b1b1b;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.5s;
  }
  .sideCont .sideMenu li > a:hover:before {
    opacity: 1;
  }
  .sideCont .sideMenu li > a:hover:after {
    width: 100%;
  }
  .mainCont {
    flex: 1;
  }
  main a:hover {
    text-decoration: none;
    color: #0a4325;
  }
  .informationList > li a {
    display: block;
    padding: 25px 60px 25px 0;
  }
  .informationList > li a .text {
    margin-top: 10px;
  }
  .pageing {
    margin-top: 60px;
  }
  .pageing .pageCount li a,
  .pageing .pageCount li span {
    min-width: 30px;
    margin: 0 5px;
    font-size: 22px;
    transition: 0.5s;
  }
  .pageing .pageCount li a:hover,
  .pageing .pageCount li span:hover {
    opacity: 0.7;
  }
  .pageing .pageCount li a.current_page:before,
  .pageing .pageCount li span.current_page:before {
    bottom: -8px;
  }
  .pageing .prev,
  .pageing .next {
    margin: auto 20px;
  }
  .pageing .prev .link_before {
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 12px auto;
    border-radius: 50%;
    background-color: #ebe9e6;
    width: 30px;
    height: 30px;
    transform: scale(-1, 1);
    transition: 0.5s;
  }
  .pageing .prev .link_before:hover {
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-color: #0a4325;
    background-size: 12px auto;
  }
  .pageing .next .link_next {
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 12px auto;
    border-radius: 50%;
    background-color: #ebe9e6;
    width: 30px;
    height: 30px;
    transition: 0.5s;
  }
  .pageing .next .link_next:hover {
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-color: #0a4325;
    background-size: 12px auto;
  }
  .postHeading .postH1 {
    font-size: 36px;
    padding-bottom: 25px;
  }
  .postHeading .ymdCat {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: none;
    margin-top: 20px;
  }
  .postHeading .ymdCat .ymd {
    font-size: 16px;
  }
  .postHeading .ymdCat .cat {
    width: 100px;
    height: 24px;
    border-radius: 12px;
    font-size: 13px;
  }
  .btnWrap {
    margin-top: 60px;
  }
  .btnWrap.narrow {
    margin-top: 50px;
  }
  .goukakuInfograph {
    margin-top: 60px;
  }
  .accordionList {
    margin-top: 60px;
  }
  .accordionList + .accordionList {
    margin-top: 30px;
  }
  .accordionList dt {
    font-size: 26px;
    padding: 8px 60px 8px 35px;
    transition: 0.5s;
  }
  .accordionList dt:hover {
    opacity: 0.6;
  }
  .accordionList dt:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 0px;
    border-bottom: solid 2px #0a4325;
    border-right: solid 2px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 8px);
    right: 23px;
    transition: 0.3s;
  }
  .accordionList dt.active:after {
    content: "";
    transform: rotate(225deg);
    top: calc(50% - 3px);
  }
  .accordionList dd {
    padding-top: 35px;
  }
  * + .secondBnr {
    margin-top: 130px;
  }
  .secondBnr a {
    transition: 0.5s;
  }
  .secondBnr a:hover {
    opacity: 0.6;
    box-shadow: none;
  }
  .secondBnr a + a {
    margin-top: 30px;
  }
  .footerTopCont {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .secondLinkList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 22px;
  }
  .secondLinkList li {
    width: calc(50% - 11px);
  }
  .secondLinkList li a {
    display: flex;
    align-items: center;
    min-height: 160px;
    padding: 15px 60px;
    gap: 20px;
    transition: 0.5s;
  }
  .secondLinkList li a:before {
    content: "";
    display: block;
    border: 1px solid #0a4325;
    width: calc(100% - 22px);
    height: calc(100% - 22px);
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .secondLinkList li a:after {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 13px auto;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 30px;
    top: calc(50% - 13px);
    transition: 0.5s;
    border: 1px solid #0a4325;
  }
  .secondLinkList li a:hover {
    box-shadow: none;
    opacity: 0.6;
  }
  .secondLinkList li a:hover:after {
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-size: 12px auto;
    background-color: #0a4325;
  }
  .secondLinkList li a figure img {
    height: 80px;
  }
  .secondLinkList li a p {
    font-size: 24px;
  }
  .anchorWrap {
    padding: 26px 0;
  }
  .anchorWrap .anchorList {
    justify-content: center;
    gap: 20px 0;
    max-width: 700px;
    margin: 0 auto;
  }
  .anchorWrap .anchorList.wide {
    max-width: 1280px;
  }
  .anchorWrap .anchorList li {
    border-right: 1px solid #c4c3c2;
  }
  .anchorWrap .anchorList li:first-of-type {
    border-left: 1px solid #c4c3c2;
  }
  .anchorWrap .anchorList li.bdl {
    border-left: 1px solid #c4c3c2;
  }
  .anchorWrap .anchorList li a {
    padding: 0 35px;
    transition: 0.5s;
  }
  .anchorWrap .anchorList li a:hover {
    opacity: 0.6;
  }
  .anchorWrap .anchorList li a:hover span:before {
    background-color: #0a4325;
  }
  .anchorWrap .anchorList li a:hover span:after {
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
  }
  .anchorWrap .anchorList li a span {
    display: inline-block;
    position: relative;
    padding-right: 33px;
  }
  .anchorWrap .anchorList li a span:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: calc(50% - 11px);
    transition: 0.5s;
  }
  .anchorWrap .anchorList li a span:after {
    content: "";
    width: 7px;
    height: 7px;
    border: 0px;
    border-bottom: solid 1px #0a4325;
    border-right: solid 1px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 5px);
    right: 7px;
    transition: 0.5s;
  }
  .aboutHeading + p {
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
    position: relative;
    z-index: 2;
  }
  .aboutHeading h2 {
    font-size: 38px;
  }
  .aboutHeading .entitle {
    font-size: 18px;
    margin-top: 25px;
  }
  #philosophie {
    padding: 110px 0 110px;
    position: relative;
  }
  #philosophie:before {
    content: "";
    display: block;
    width: 100%;
    height: 67%;
    background-color: #f7f6f5;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #philosophie .pshilosophieList {
    margin: 60px auto 0;
    gap: 30px;
    max-width: 960px;
  }
  #philosophie .pshilosophieList li {
    width: calc(33.3333333333% - 20px);
    font-size: 24px;
    height: 200px;
    padding: 45px 20px 40px;
  }
  #philosophie .pshilosophieList li:before {
    content: "";
    display: inline-block;
    background: url(../images/second/about/mark_star.webp) no-repeat center/cover;
    width: 26px;
    height: 22px;
    position: absolute;
    left: calc(50% - 13px);
    top: 20px;
  }
  #philosophie .bgText {
    position: relative;
    z-index: 1;
    margin-top: -20px;
  }
  #philosophie .bgText img {
    width: 100%;
  }
  #philosophie .loopText {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -20px;
  }
  #philosophie .loopText > div span {
    display: inline-block;
    margin: 0 18px;
    width: 90vw;
    height: auto;
  }
  #philosophie .loopText > div span img {
    height: 159px;
  }
  #philosophie .whiteBox {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
    padding: 100px 60px;
    margin-top: -20px;
  }
  #philosophie .whiteBox dl {
    display: flex;
    align-items: center;
  }
  #philosophie .whiteBox dl dt {
    font-size: 30px;
    flex: none;
    padding-right: 150px;
  }
  #philosophie .whiteBox dl dt:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #0a4325;
    position: absolute;
    top: 50%;
    right: 48px;
  }
  .linkWrap {
    margin-top: 50px;
    text-align: right;
  }
  .linkWrap .link {
    position: relative;
    font-size: 20px;
    padding-right: 75px;
    transition: 0.5s;
  }
  .linkWrap .link:after {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-color: #fff;
    background-size: 16px auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0px;
    top: calc(50% - 30px);
    transition: 0.5s;
    border: 1px solid #0a4325;
  }
  .linkWrap .link:hover {
    opacity: 0.6;
  }
  .linkWrap .link:hover:after {
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-size: 16px auto;
    background-color: #0a4325;
  }
  .linkWrap .link.white {
    color: #fff;
  }
  .linkWrap .link.white:after {
    border: 1px solid #fff;
    background: url(../images/common/icon_arrow_only_w.svg) no-repeat center;
    background-size: 16px auto;
  }
  .linkWrap .link.white:hover:after {
    background: url(../images/common/icon_arrow_only.svg) no-repeat center;
    background-size: 16px auto;
    background-color: #fff;
  }
  .linkWrap .link.fastOne {
    margin-right: 30px;
  }
  #messages {
    position: relative;
    background: url(../images/second/about/messages_bg_pc.webp) no-repeat center/cover;
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  #messages .entitle {
    position: absolute;
    top: -1px;
    left: -10px;
    width: 510px;
  }
  #messages .textWrap {
    width: 90%;
    margin: 0 auto;
    padding-left: 50%;
  }
  #messages .textWrap h2 {
    font-size: 38px;
  }
  #messages .textWrap h2 + p {
    font-size: 18px;
    margin-top: 30px;
    color: #fff;
  }
  #messages .textWrap .linkWrap {
    margin-top: 70px;
  }
  #historie {
    padding: 30px 0;
  }
  #historie:before {
    content: "";
    display: inline-block;
    background: url(../images/second/about/historie_top_pc.webp) no-repeat center/cover;
    width: 362.5px;
    height: 78px;
    position: absolute;
    top: -47px;
    left: calc(50% - 181px);
    z-index: 2;
  }
  #historie:after {
    content: "";
    display: inline-block;
    background: url(../images/second/about/historie.webp) no-repeat center/cover;
    width: 109px;
    height: 23px;
    position: absolute;
    top: 23px;
    left: calc(50% - 55px);
    z-index: 2;
  }
  #historie .historieInner {
    border-top: 1px solid #0a4325;
    padding: 0 60px 60px;
  }
  #historie h2 {
    padding-top: 90px;
    font-size: 38px;
  }
  #historie .historieIntro {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
  }
  #historie .historieIntro p {
    margin-top: 0;
    text-align: center;
    line-height: 1.9;
  }
  #historie .historieIntro figure {
    margin-top: 50px;
  }
  #historie .historieWrap {
    margin-top: 80px;
    padding: 70px 0 140px;
    background-image: url(../images/second/about/about_txt_historie.svg);
    background-repeat: no-repeat;
    background-position: bottom -4px right -2px;
    background-size: 550px auto;
  }
  #historie .historieWrap .historieWrapInner {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
  }
  #historie .historieWrap .enkaku {
    padding-left: 60px;
  }
  #historie .historieWrap .enkaku h3 {
    font-size: 32px;
  }
  #historie .historieWrap .enkaku .enkakuList {
    margin-top: 40px;
  }
  #historie .historieWrap .enkaku .enkakuList > div {
    display: flex;
    gap: 90px;
    position: relative;
  }
  #historie .historieWrap .enkaku .enkakuList > div:not(:last-of-type) {
    padding-bottom: 40px;
  }
  #historie .historieWrap .enkaku .enkakuList > div:not(:last-of-type):before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #0a4325;
    position: absolute;
    top: 10px;
    left: 161px;
  }
  #historie .historieWrap .enkaku .enkakuList dt {
    flex: none;
    font-size: 14px;
    padding-top: 2px;
    width: 120px;
  }
  #historie .historieWrap .enkaku .enkakuList dt:after {
    content: "";
    display: inline-block;
    border: 1px solid #0a4325;
    background-color: #fff;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    position: absolute;
    right: -48px;
    top: 7px;
  }
  #historie .historieWrap .historieEpi {
    margin-top: 80px;
    display: flex;
    gap: 40px;
    position: relative;
  }
  #historie .historieWrap .historieEpi:before {
    content: "";
    display: block;
    background-color: #fff;
    width: calc(100% - 60px);
    height: calc(100% - 50px);
    position: absolute;
    top: 64px;
    right: 0;
  }
  #historie .historieWrap .historieEpi.reserve {
    flex-direction: row-reverse;
  }
  #historie .historieWrap .historieEpi.reserve:before {
    content: "";
    display: block;
    background-color: #fff;
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    position: absolute;
    top: 64px;
    right: inherit;
    left: 0;
  }
  #historie .historieWrap .historieEpi.reserve .textWrap {
    padding-right: 0;
    padding-left: 60px;
  }
  #historie .historieWrap .historieEpi figure {
    flex: 1;
  }
  #historie .historieWrap .historieEpi figure figcaption {
    font-size: 15px;
    margin-top: 10px;
  }
  #historie .historieWrap .historieEpi .textWrap {
    flex: 1;
    padding-right: 60px;
    padding-top: 40px;
  }
  #historie .historieWrap .historieEpi .textWrap h3 {
    font-size: 32px;
  }
  #historie .historieWrap .historieEpi .textWrap p {
    margin-top: 40px;
  }
  #emblemechanson {
    padding: 100px 0 0px;
  }
  #emblemechanson .col2WhiteBox {
    margin-top: 60px;
  }
  #emblemechanson .col2WhiteBox > div {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 60px;
  }
  #emblemechanson .col2WhiteBox > div:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  #emblemechanson .col2WhiteBox > div + div {
    margin-top: 30px;
  }
  #emblemechanson .col2WhiteBox > div:nth-of-type(1) figure img {
    max-width: 262px;
  }
  #emblemechanson .col2WhiteBox > div:nth-of-type(2) figure img {
    max-width: 424px;
  }
  #emblemechanson .col2WhiteBox > div .textWrap {
    flex: 1;
  }
  #emblemechanson .col2WhiteBox > div .textWrap h3 {
    font-size: 32px;
  }
  #emblemechanson .col2WhiteBox > div .textWrap p {
    margin-top: 40px;
  }
  #emblemechanson .col2WhiteBox > div figure {
    flex: 1;
  }
  #emblemechanson .images {
    margin-top: 120px;
    display: flex;
  }
  #emblemechanson .images > div {
    flex: 1;
  }
  #uniforme {
    padding: 100px 0 60px;
  }
  #uniforme .uniformeWrap {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-top: 60px;
  }
  #uniforme .uniformeWrap figure {
    flex: 1;
  }
  #uniforme .uniformeWrap figure img {
    box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
  }
  #uniforme .uniformeWrap p {
    flex: 1;
    font-size: 18px;
  }
  #facilite {
    padding: 60px 0 100px;
  }
  #facilite:before {
    content: "";
    display: block;
    width: 100%;
    height: 18%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  #facilite .aboutHeading {
    text-align: left;
    padding-left: 60px;
  }
  #facilite .faciliteWrap {
    display: flex;
    justify-content: space-between;
  }
  #facilite .faciliteWrap p {
    width: calc(50% - 60px);
    background-color: #fff;
    padding: 50px 60px;
    font-size: 18px;
    line-height: 1.9;
  }
  #facilite .faciliteWrap figure {
    width: 50%;
    transform: translateY(-15px);
  }
  #facilite .faciliteList {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 27px;
  }
  #facilite .faciliteList li {
    width: calc(33.3333333333% - 18px);
  }
  #facilite .faciliteList li .textWrap {
    margin-top: 30px;
  }
  #facilite .faciliteList li .textWrap h3 {
    font-size: 22px;
  }
  #facilite .faciliteList li .textWrap p {
    margin-top: 20px;
  }
  #evaluation:before {
    content: "";
    display: block;
    width: 100%;
    height: 51%;
    background-color: #f7f6f5;
    position: absolute;
    top: 0;
    left: 0;
  }
  #evaluation .evaluationWrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
  }
  #evaluation .evaluationWrap figure {
    width: 50%;
    max-width: 800px;
  }
  #evaluation .evaluationWrap .textWrap {
    width: 50%;
    padding-right: 5%;
  }
  #evaluation .evaluationWrap .textWrap .textInner {
    max-width: 520px;
    padding-left: 80px;
  }
  #evaluation .evaluationWrap .textWrap .aboutHeading {
    text-align: left;
  }
  #evaluation .evaluationWrap .textWrap .aboutHeading + p {
    text-align: left;
    margin-top: 30px;
  }
  #evaluation .loopText {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -20px;
  }
  #evaluation .loopText > div span {
    display: inline-block;
    margin: 0 18px;
    width: 90vw;
    height: auto;
  }
  #evaluation .loopText > div span img {
    height: 159px;
  }
  #educationPhilosophie {
    padding: 100px 0 470px;
  }
  #educationPhilosophie:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 685px;
    background-color: #fff;
  }
  #educationPhilosophie:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: url(../images/second/education/spacing_img_pc.webp) no-repeat center/cover;
  }
  #educationPhilosophie .rinen {
    text-align: center;
    background: url(../images/second/education/pholosophie_mark.webp) no-repeat top 15px center;
    background-size: 237px auto;
    padding-top: 50px;
  }
  #educationPhilosophie .rinen .rinenTitle {
    font-family: "Noto Serif JP", serif;
    font-size: 22px;
    font-weight: 500;
  }
  #educationPhilosophie .rinen .rinenText {
    font-size: 18px;
  }
  #educationPhilosophie .rinenImg {
    display: flex;
    gap: 40px;
    margin-top: 50px;
  }
  #educationPhilosophie .rinenImg > div {
    flex: 1;
  }
  #educationPhilosophie dl {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 60px;
  }
  #educationPhilosophie dl + dl {
    border-top: 1px solid #d6d5d4;
    margin-top: 50px;
    padding-top: 50px;
  }
  #educationPhilosophie dl dt {
    width: 225px;
    flex: none;
    font-size: 24px;
  }
  #educationPhilosophie dl ol li {
    padding-left: 40px;
    counter-increment: mycounter;
  }
  #educationPhilosophie dl ol li:before {
    content: "0" counter(mycounter);
    position: absolute;
    top: 7px;
    left: 0;
    z-index: 2;
    font-size: 26px;
    font-family: "Cormorant Infant", serif;
    color: #1b1b1b;
    font-weight: 400;
    line-height: 1;
  }
  #educationPhilosophie dl ol li:not(:first-of-type) {
    margin-top: 40px;
  }
  #educationPhilosophie dl ol li .title {
    font-size: 22px;
  }
  #educationPhilosophie dl ol li .sengen {
    font-size: 16px;
    margin-top: 10px;
  }
  #educationPhilosophie dl ol li .sengen span {
    padding: 0 12px;
  }
  #educationPhilosophie dl ol li .sengen span + span {
    padding-left: 0;
  }
  #educationPhilosophie dl ul.small li {
    font-size: 16px;
  }
  #educationPhilosophie dl ul.small li:before {
    top: 14px;
  }
  #educationPhilosophie dl ul.small li + li {
    margin-top: 10px;
  }
  #educationPhilosophie dl ul li {
    font-size: 18px;
    padding-left: 30px;
  }
  #educationPhilosophie dl ul li:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 1px;
    background-color: #0a4325;
    position: absolute;
    left: 0;
    top: 16px;
  }
  #educationPhilosophie dl ul li + li {
    margin-top: 15px;
  }
  #educationPhilosophie dl ul li .sengen {
    color: #666666;
    font-size: 15px;
    margin-top: 3px;
  }
  #features {
    padding: 100px 0 100px;
  }
  .featuresWrap {
    margin-top: 60px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
  }
  .featuresWrap:before {
    content: "";
    display: block;
    background-color: #f7f6f5;
    width: calc(100% - (100% - 1160px) / 2);
    height: calc(100% - 117px);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .featuresWrap.reverse:before {
    content: "";
    display: block;
    background-color: #f7f6f5;
    width: calc(100% - (100% - 1160px) / 2);
    height: calc(100% - 87px);
    position: absolute;
    left: inherit;
    right: 0;
    bottom: 0;
  }
  .featuresWrap.reverse .featuresBox {
    flex-direction: row-reverse;
  }
  .featuresWrap.type2:before {
    height: calc(100% - 61px);
  }
  .featuresWrap.type2 .featuresBox {
    align-items: center;
  }
  .featuresWrap.type2.reverse:before {
    height: calc(100% - 45px);
  }
  .featuresWrap .featuresBox {
    display: flex;
    align-items: flex-end;
    gap: 90px;
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
  }
  .featuresWrap .featuresBox figure {
    flex: 1;
  }
  .featuresWrap .featuresBox .textWrap {
    flex: 1;
    padding-bottom: 10px;
  }
  .featuresWrap .featuresBox .textWrap h3 {
    font-size: 32px;
  }
  .featuresWrap .featuresBox .textWrap p {
    margin-top: 30px;
  }
  .featuresWrap .featuresBox .textWrap .btnWrap {
    margin-top: 50px;
  }
  .featuresWrap .featuresBox .textWrap .linkWrap {
    padding-top: 45px;
    margin-top: 35px;
  }
  #programme {
    padding: 100px 0 120px;
  }
  #programme .programmeWrap {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 80px;
  }
  #programme .programmeWrap figure {
    width: calc(50% + 40px);
    max-width: 840px;
  }
  #programme .programmeWrap .textWrap {
    width: calc(50% - 40px);
    padding-right: 5%;
  }
  #programme .programmeWrap .textWrap .textInner {
    max-width: 480px;
    padding-left: 60px;
  }
  #programme .programmeWrap .textWrap .textInner h3 {
    font-weight: 700;
    color: #0a4325;
    font-size: 32px;
  }
  #programme .programmeWrap .textWrap p {
    font-size: 18px;
    line-height: 1.9;
  }
  #programme .programmeWrap .linkWrap {
    padding-top: 45px;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
  }
  #programme .programmeWrap .linkWrap .link {
    display: block;
    padding-right: 65px;
  }
  #programme .programmeWrap .linkWrap .link::after {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
  }
  #ikkan {
    padding: 100px 0 100px;
  }
  #ikkan .read {
    margin-top: 50px;
    text-align: center;
    line-height: 2;
  }
  #ikkan .whiteBox {
    margin-top: 60px;
    padding: 40px 40px 50px;
  }
  #ikkan .whiteBox .title {
    font-size: 26px;
  }
  #ikkan .whiteBox figure {
    margin-top: 25px;
  }
  #ikkan .whiteBox figure img {
    max-width: 800px;
  }
  #ikkan .white2col {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  #ikkan .white2col.type2 > div {
    padding: 30px;
  }
  #ikkan .white2col.type2 .title {
    font-size: 26px;
  }
  #ikkan .white2col.type2 .text {
    margin-top: 10px;
  }
  #ikkan .white2col + figure {
    text-align: center;
    margin-top: 40px;
  }
  #ikkan .white2col + figure img {
    max-width: 750px;
  }
  #ikkan .white2col > div {
    padding: 40px;
    width: calc(50% - 10px);
  }
  #ikkan .white2col > div .title {
    font-size: 24px;
  }
  #ikkan .white2col > div .text {
    margin-top: 20px;
  }
  #ikkan h3 {
    font-size: 32px;
    margin-top: 80px;
  }
  #ikkan h3 + p {
    margin-top: 40px;
  }
  #support {
    margin-top: 90px;
  }
  #support .supportBox {
    margin-top: 40px;
    display: flex;
    gap: 40px;
    padding: 50px 40px 40px;
  }
  #support .supportBox .textWrap {
    width: calc(50% - 60px);
  }
  #support .supportBox .textWrap h4 {
    font-size: 26px;
    padding-left: 40px;
  }
  #support .supportBox .textWrap h4:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 4px;
    background-color: #f5c3bc;
    position: absolute;
    left: 0;
    top: 50%;
  }
  #support .supportBox .textWrap p {
    margin-top: 20px;
  }
  #support .supportBox figure {
    width: calc(50% + 20px);
  }
  #realisations {
    padding-top: 100px;
  }
  #realisations .data {
    margin-top: 60px;
  }
  #realisations .linkWrap {
    margin-top: 60px;
  }
  .spacingImages {
    display: flex;
    margin-top: 100px;
  }
  .spacingImages > div {
    flex: 1;
  }
  #sinro {
    margin-top: 130px;
  }
  #sinro .sinroBox {
    display: flex;
    border: 1px dotted #a6b3ab;
    margin-top: 50px;
    padding: 40px 60px 25px;
    gap: 40px;
  }
  #sinro .sinroBox h3 {
    font-size: 20px;
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
  }
  #sinro .sinroBox h3:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: calc(100% - 6px);
    background-color: #0a4325;
    position: absolute;
    top: 3px;
    left: 0;
  }
  #sinro .sinroBox > div:first-of-type {
    flex: 3;
  }
  #sinro .sinroBox > div:last-of-type {
    flex: 7;
  }
  #faq {
    padding: 100px 0 120px;
  }
  #faq .faqList {
    margin-top: 40px;
  }
  #faq .faqList > div + div {
    margin-top: 30px;
  }
  #faq .faqList > div dt {
    font-size: 20px;
    padding-left: 40px;
  }
  #faq .faqList > div dt:before {
    content: "Q";
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-size: 26px;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
  }
  #faq .faqList > div dd {
    margin-top: 30px;
    padding: 30px 40px 30px 70px;
  }
  #faq .faqList > div dd:before {
    content: "A";
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-size: 26px;
    position: absolute;
    top: 34px;
    left: 32px;
    line-height: 1;
    color: #0a4325;
  }
  #faq .commonBtn {
    min-width: 362px;
    font-weight: 400;
  }
  .mokujiList {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 24px;
    margin-top: 45px;
  }
  .mokujiList li {
    width: calc(33.3333333333% - 16px);
  }
  .mokujiList li a {
    font-size: 18px;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 50px;
    transition: 0.5s;
  }
  .mokujiList li a:before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #0a4325;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - 11px);
    right: 15px;
  }
  .mokujiList li a:after {
    content: "";
    width: 7px;
    height: 7px;
    border: 0px;
    border-bottom: solid 1px #0a4325;
    border-right: solid 1px #0a4325;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 23px;
  }
  .mokujiList li a:hover {
    opacity: 0.5;
  }
  .info2col {
    display: flex;
    gap: 40px;
    align-items: center;
  }
  .info2col + div {
    margin-top: 60px;
  }
  .info2col > div {
    text-align: center;
    flex: 1;
  }
  .info2col > div .infoCircle {
    gap: 30px;
  }
  .info2col > div .infoCircle li {
    font-size: 18px;
    width: 32%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  .info2col > div .infoCircle li span.num {
    font-size: 30px;
  }
  .moreConttents {
    margin-top: 40px;
  }
  .moreConttents .moreBtnWrap {
    margin-top: 40px;
  }
  .moreConttents .moreBtnWrap .moreBtn {
    padding-right: 38px;
    transition: 0.5s;
  }
  .moreConttents .moreBtnWrap .moreBtn:hover {
    opacity: 0.5;
  }
  .moreConttents .moreBtnWrap .moreBtn:after {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/second/plus.webp) no-repeat center/cover;
    position: absolute;
    right: 0;
    top: calc(50% - 14px);
  }
  .dayScheWrap {
    padding: 60px 60px 10px;
  }
  .dayScheWrap .dayScheList li .dayScheCont {
    margin-left: auto;
  }
  .dayScheWrap .dayScheList li .dayScheCont:before {
    content: "";
    width: 24px;
    height: 2px;
    background: url(../images/common/dot_yoko.webp) repeat-x;
    background-size: auto 2px;
    position: absolute;
    left: -25px;
    top: 41px;
  }
  .dayScheWrap .dayScheList li:nth-of-type(1) .dayScheCont:after {
    content: "";
    display: inline-block;
    width: 355px;
    height: 202px;
    position: absolute;
    top: -202px;
    left: 42px;
  }
  .dayScheWrap .dayScheList li + li {
    margin-top: -30px;
  }
  .dayScheWrap .dayScheList li:not(:last-of-type):before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #0a4325;
    position: absolute;
    top: 50px;
    left: 40px;
  }
  .dayScheWrap .dayScheList li .time {
    font-size: 18px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
  }
  .dayScheWrap .dayScheList li .dayScheCont {
    padding: 30px;
    width: calc(100% - 100px);
    margin-bottom: 50px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .title {
    font-size: 20px;
    width: 50%;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap {
    display: flex;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap .text {
    font-size: 15px;
    margin-top: 20px;
    width: 100%;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap figure {
    min-width: 285px;
    padding-left: 25px;
    margin-top: -30px;
  }
  .dayScheWrap .dayScheList li .dayScheCont .textImgWrap figure img {
    width: 260px;
    height: 170px;
  }
  #student .release_select {
    margin-block: 50px;
  }
  #student .release_select .filters {
    margin-block: 50px 70px;
  }
  #student .release_select .filters select {
    width: 200px;
    height: 60px;
    border: none;
    border-bottom: 1px solid #0a4325;
    color: #0a4325;
    margin-right: 20px;
  }
  .readText {
    text-align: center;
    margin-top: 100px;
  }
  #event {
    margin-top: 110px;
    padding-bottom: 120px;
    position: relative;
  }
  #event:before {
    content: "";
    display: block;
    background-color: #f7f6f5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
  }
  #event .eventInner {
    display: flex;
    align-items: flex-end;
  }
  #event .eventText {
    width: calc(50% - 40px);
    padding-left: 5%;
  }
  #event .eventText .eventTextInner {
    max-width: 480px;
    padding-right: 60px;
    margin-left: auto;
  }
  #event .eventText .aboutHeading {
    text-align: left;
  }
  #event .eventText p {
    text-align: left;
    font-size: 18px;
  }
  #event .eventText .btnWrap {
    margin-top: 50px;
  }
  #event .eventImg {
    width: calc(50% + 40px);
    max-width: 840px;
  }
  #event .eventImg a {
    display: block;
    transition: 0.5s;
  }
  #event .eventImg a:hover {
    opacity: 0.5;
  }
  #studentDay {
    margin-top: 110px;
    position: relative;
  }
  #studentDay .studentDayInner {
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
  }
  #studentDay .studentDayText {
    width: calc(50% - 40px);
    padding-left: 5%;
  }
  #studentDay .studentDayText .studentDayTextInner {
    max-width: 480px;
    padding-right: 60px;
    margin-right: auto;
  }
  #studentDay .studentDayText .aboutHeading {
    text-align: left;
  }
  #studentDay .studentDayText p {
    text-align: left;
    font-size: 18px;
  }
  #studentDay .studentDayText .btnWrap {
    margin-top: 50px;
  }
  #studentDay .studentDayImg {
    width: calc(50% + 40px);
    max-width: 840px;
  }
  #studentDay .studentDayImg a {
    display: block;
    transition: 0.5s;
  }
  #studentDay .studentDayImg a:hover {
    opacity: 0.5;
  }
  #studentDay .bnrWrap {
    text-align: center;
    margin-top: 100px;
  }
  #studentDay .bnrWrap a {
    transition: 0.5s;
    display: inline-block;
  }
  #studentDay .bnrWrap a:hover {
    opacity: 0.5;
  }
  #studentDay .bnrWrap img {
    max-width: 540px;
    box-shadow: 0 0 15px 0 rgba(75, 77, 101, 0.25);
  }
  .aboutH3 {
    font-size: 32px;
    margin-top: 60px;
  }
  #club {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  #club .aboutHeading {
    text-align: left;
  }
  #club .headingCol2 {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  #club .headingCol2 p {
    margin: 0;
    font-size: 18px;
  }
  #club .headingCol2 .btnWrap {
    margin: 0;
  }
  #club .clublList {
    margin: 30px -13px 0;
  }
  #club .clublList .slick-slide {
    padding: 0 13px;
  }
  #club .clublList .slide-arrow {
    width: 32px;
    height: 32px;
    background: url(../images/common/icon_arrow_green.webp) no-repeat center/cover;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 16px);
    z-index: 2;
  }
  #club .clublList .slide-arrow:hover {
    opacity: 0.5;
  }
  #club .clublList .prev-arrow {
    left: -52px;
    transform: scale(-1, 1);
  }
}
@media print and (max-width: 1190px), screen and (min-width: 1024px) and (max-width: 1190px) {
  #club .clublList .prev-arrow {
    left: -36px;
  }
}
@media print, screen and (min-width: 1024px) {
  #club .clublList .next-arrow {
    right: -52px;
  }
}
@media print and (max-width: 1190px), screen and (min-width: 1024px) and (max-width: 1190px) {
  #club .clublList .next-arrow {
    right: -36px;
  }
}
@media print, screen and (min-width: 1024px) {
  #club .clublList .dots-wrap {
    position: absolute;
    right: 30px;
    top: -40px;
  }
  #club .clublList .dots-wrap li button {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
  #club .clublList .clubItem a {
    text-decoration: none;
    transition: 0.5s;
  }
  #club .clublList .clubItem a:hover {
    opacity: 0.5;
    color: #1b1b1b;
  }
  #club .clublList .clubItem .title {
    font-size: 18px;
    margin-top: 15px;
  }
  #club .ctrlBtn {
    width: 8px;
    height: 10px;
    display: block;
    position: absolute;
    top: -40px;
    right: 0px;
    cursor: pointer;
  }
  #club .ctrlBtn span {
    display: block;
    width: 8px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  #club .ctrlBtn span.play {
    display: none;
    background-image: url(../images/home/btn_play.webp);
  }
  #club .ctrlBtn span.pause {
    background-image: url(../images/home/btn_pause.webp);
  }
  #club .ctrlBtn.stoped span.pause {
    display: none;
  }
  #club .ctrlBtn.stoped span.play {
    display: block;
  }
  #gyoseiMovie .movieList {
    max-width: 1040px;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
    display: flex;
    gap: 20px;
  }
  #gyoseiMovie .movieList .movieWrap {
    width: calc(50% - 10px);
  }
  #gyoseiMovie .movieList .movieWrap p {
    font-size: 18px;
    margin-top: 15px;
  }
  * + p {
    margin-top: 40px;
  }
  * + p.wide {
    margin-top: 60px;
  }
  h2, h3, h4 {
    line-height: 1.5;
  }
  h3 + p, h4 + p {
    margin-top: 25px;
  }
  h3 + .commonList {
    margin-top: 25px;
  }
  * + h2.title, * + .h2 {
    margin-top: 80px;
  }
  * + h3.title {
    margin-top: 60px;
  }
  * + h4.title {
    margin-top: 50px;
  }
  h2.title {
    font-size: 32px;
    padding-top: 20px;
  }
  h3.title {
    font-size: 26px;
    padding: 20px;
  }
  h4.title {
    font-size: 22px;
    padding-left: 20px;
  }
  h4.title:before {
    content: "";
    display: inline-block;
    background-color: #f5aba2;
    width: 6px;
    height: calc(100% - 9px);
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
  }
  .h2 {
    font-size: 32px;
    padding-top: 20px;
  }
  ul.commonList li {
    padding-left: 30px;
    position: relative;
  }
  ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  ul.commonList li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #f5c3bc;
    position: absolute;
    margin: auto;
    top: 11px;
    left: 7px;
    border-radius: 50%;
  }
  ol li {
    padding-left: 30px;
    counter-increment: mycounter;
  }
  ol li:before {
    content: counter(mycounter) ".";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    color: #f5c3bc;
    font-weight: bold;
  }
  ol li:not(:first-of-type) {
    margin-top: 10px;
  }
  section + section {
    margin-top: 90px;
  }
  * + .commonList, * + .linkList, * + .colorBox, * + .commonTable, * + .wp-block-lazyblock-color-box, * + .wp-block-lazyblock-list {
    margin-top: 40px;
  }
  * + ol {
    margin-top: 40px;
  }
  * + .imgLine2, * + .imgLine3, * + .twoCol {
    margin-top: 40px;
  }
  .subLink {
    font-size: 18px;
    padding-right: 40px;
  }
  .subLink:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: calc(50% - 15px);
  }
  .singleContents img, .img img {
    max-width: 860px;
    max-height: 860px;
  }
  .imgLine2 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .imgLine2 li {
    width: calc(50% - 20px);
  }
  .imgLine2 li + li {
    margin-top: 0 !important;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2.small {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .imgLine2.admission li + li {
    list-style: none;
  }
  .imgLine2.admission a {
    font-size: 26px;
  }
  .imgLine2.admission .linkWrap {
    text-align: left;
    margin-top: 20px;
  }
  .imgLine2.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .imgLine2.admission .linkWrap .link:after {
    right: 40px;
    top: calc(50% - 8px);
  }
  .imgLine3 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  .imgLine3 li {
    width: calc(33.3333333333% - 20px);
  }
  .imgLine3 li + li {
    margin-top: 0 !important;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3.admission li + li {
    list-style: none;
  }
  .imgLine3.admission a {
    font-size: 22px;
  }
  .imgLine3.admission .linkWrap {
    text-align: left;
    margin-top: 10px;
  }
  .imgLine3.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .imgLine3.admission .linkWrap .link:after {
    right: 40px;
    top: calc(50% - 10px);
  }
  .cap {
    font-size: 14px;
    max-width: 860px;
  }
  .imgInP {
    overflow: hidden;
  }
  .imgInP .cap {
    text-align: left;
  }
  .imgInP .img {
    max-width: 340px;
  }
  .imgInP .img img {
    width: 100%;
    height: auto;
  }
  .imgInP .img.left {
    float: left;
    margin-right: 40px;
  }
  .imgInP .img.right {
    float: right;
    margin-left: 40px;
  }
  .twoCol {
    display: flex;
  }
  .twoCol .txt {
    flex: 1;
  }
  .twoCol .txt *:nth-child(1) {
    margin-top: 0;
  }
  .twoCol .txt + .img {
    margin-left: 40px;
  }
  .twoCol .txt + .txt {
    margin-left: 40px;
  }
  .twoCol .img {
    max-width: calc(50% - 20px);
  }
  .twoCol .img + .img {
    margin-left: 40px;
  }
  .twoCol .img + .txt {
    margin-left: 40px;
  }
  .twoCol .img img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .twoCol .cap {
    text-align: left;
  }
  .colorBox {
    padding: 40px 40px;
    border: 1px dotted #0a4325;
  }
  .colorBox .title {
    font-weight: bold;
    font-size: 19px;
    color: #0a4325;
  }
  .colorBox * + .title {
    margin-top: 10px;
  }
  .colorBox .cont {
    margin-top: 15px;
  }
  .colorBox .cont * + p {
    margin: 10px 0 0;
  }
  .commonTable td.wFix,
  .commonTable th.wFix {
    width: 150px;
  }
  .commonTable th {
    padding: 13px 25px;
  }
  .commonTable td {
    padding: 13px 25px;
  }
  .scrollTable {
    margin-top: 50px;
  }
  .scrollText {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 30px 0 -20px;
  }
  .iframeWrap {
    max-width: 780px;
    margin: 0 auto;
  }
  .iframeBox {
    position: relative;
    padding-bottom: 56.25%;
  }
  .iframeBox iframe, .iframeBox video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
  }
  .iframeBox {
    margin-top: 40px;
  }
  * + dl.commonList {
    margin-top: 40px;
  }
  dl.commonList > div {
    display: flex;
    padding: 30px 0px;
  }
  dl.commonList > div > dt {
    width: 240px;
    padding-right: 40px;
    flex: none;
  }
}
@media print, screen and (min-width: 1024px) {
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
  .mB0_pc {
    margin-bottom: 0 !important;
  }
  .mB5_pc {
    margin-bottom: 5px !important;
  }
  .mB10_pc {
    margin-bottom: 10px !important;
  }
  .mB20_pc {
    margin-bottom: 20px !important;
  }
  .mB30_pc {
    margin-bottom: 30px !important;
  }
  .mB40_pc {
    margin-bottom: 40px !important;
  }
  .mB50_pc {
    margin-bottom: 50px !important;
  }
  .mT0_pc {
    margin-top: 0 !important;
  }
  .mT5_pc {
    margin-top: 5px !important;
  }
  .mT10_pc {
    margin-top: 10px !important;
  }
  .mT20_pc {
    margin-top: 20px !important;
  }
  .mT30_pc {
    margin-top: 30px !important;
  }
  .mT40_pc {
    margin-top: 40px !important;
  }
  .mT50_pc {
    margin-top: 50px !important;
  }
  .mT100_pc {
    margin-top: 100px !important;
  }
  .mL0_pc {
    margin-left: 0px !important;
  }
  .mL5_pc {
    margin-left: 5px !important;
  }
  .mL10_pc {
    margin-left: 10px !important;
  }
  .mL20_pc {
    margin-left: 20px !important;
  }
  .mL30_pc {
    margin-left: 30px !important;
  }
  .mL40_pc {
    margin-left: 40px !important;
  }
  .mL50_pc {
    margin-left: 50px !important;
  }
  .mR0_pc {
    margin-right: 0px !important;
  }
  .mR5_pc {
    margin-right: 5px !important;
  }
  .mR10_pc {
    margin-right: 10px !important;
  }
  .mR20_pc {
    margin-right: 20px !important;
  }
  .mR30_pc {
    margin-right: 30px !important;
  }
  .mR40_pc {
    margin-right: 40px !important;
  }
  .mR50_pc {
    margin-right: 50px !important;
  }
  .size12 {
    font-size: 12px !important;
  }
  .size14 {
    font-size: 14px !important;
  }
  .size16 {
    font-size: 16px !important;
  }
  .size18 {
    font-size: 18px !important;
  }
  .size20 {
    font-size: 20px !important;
  }
  .taC_pc {
    text-align: center !important;
  }
  .wid676_pc {
    width: 676px !important;
    margin: auto;
  }
  .wid540_pc {
    width: 540px !important;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1023px) {
  .pageTitleWrap {
    /*20260227 add life*/
  }
  .pageTitleWrap {
    /*20260227 add admission*/
  }
  #student .release_select {
    margin-block: 50px;
  }
  #student .release_select .filters {
    margin-block: 50px 70px;
  }
  #student .release_select .filters select {
    width: 200px;
    height: 60px;
    border: none;
    border-bottom: 1px solid #0a4325;
    color: #0a4325;
    margin-right: 20px;
  }
  h2, h3, h4 {
    line-height: 1.5;
  }
  .imgLine2 li img {
    max-width: 100%;
  }
  .imgLine2.admission li + li {
    list-style: none;
  }
  .imgLine2.admission .linkWrap {
    text-align: left;
  }
  .imgLine2.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .imgLine3 li img {
    max-width: 100%;
  }
  .imgLine3.admission li + li {
    list-style: none;
  }
  .imgLine3.admission .linkWrap {
    text-align: left;
    margin-top: 10px;
  }
  .imgLine3.admission .linkWrap .link:after {
    background-size: 12px auto;
    width: 20px;
    height: 20px;
  }
  .scrollText {
    font-size: 12px;
    display: block;
    text-align: right;
    margin: 30px 0 -20px;
  }
  .iframeBox {
    position: relative;
    padding-bottom: 56.25%;
  }
  .iframeBox iframe, .iframeBox video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0;
  }
  /* common class */
  .pointerNone {
    cursor: default;
    text-decoration: none;
  }
}
/*# sourceMappingURL=map/second.css.map */