@charset "UTF-8";
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

html.drawerMenuOpened {
  overflow: hidden;
}

body {
  font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic UI", "Yu Gothic", "MS PGothic", "メイリオ", Meiryo, sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body {
    font-family: "メイリオ", Meiryo, "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic UI", "Yu Gothic", "MS PGothic", sans-serif;
  }
}
p {
  margin: 0px;
}

a {
  text-decoration: none;
  color: #333333;
}

a:hover,
a:focus {
  text-decoration: none;
}

* {
  margin: 0px;
  padding: 0px;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.clearfix {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
  clear: both;
}

.w_100 {
  width: 100%;
}

.row_config {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.row_mid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12.5px;
}

.col-left {
  width: 34%;
  padding: 0 15px;
  position: relative;
}

.col-mid {
  width: 66%;
  padding: 0 15px;
  position: relative;
}

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

.text-right {
  text-align: right;
}

@media (max-width: 991px) {
  .row_config {
    flex-direction: column-reverse;
  }
  .col-left {
    width: 100%;
  }
  .col-mid {
    width: 100%;
  }
  .content_mid {
    margin-bottom: 70px;
  }
}
/* .mds
----------------------------------------------------------  */
.mds {
  font-size: 21px;
  display: block;
  margin-bottom: 10px;
  line-height: 1.3;
}

@media screen and (max-width: 750px) {
  .mds {
    font-size: 18px;
  }
}
/*--------------------------------------------------------
/.mds */
.lead {
  font-size: 15px;
  color: #000;
  line-height: 1.8;
}

.lead + * {
  margin-top: 20px;
}

.lead-supplement {
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .lead {
    text-align: left;
    line-height: 1.6;
  }
  .lead + * {
    margin-top: 10px;
  }
  .lead-supplement {
    text-align: left;
  }
  .lead + .lead-supplement {
    margin-top: -10px;
  }
  .lead br {
    display: none;
  }
}
@media (max-width: 380px) {
  .date {
    font-size: 20px;
  }
}
/* .cap
----------------------------------------------------------  */
.cap {
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .cap {
    line-height: 1.6;
  }
}
/*--------------------------------------------------------
/.cap */
.container {
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
}

.container.is_wrapped {
  padding: 80px 0 80px;
}

.container.is_wrapped + .container.is_wrapped {
  padding-top: 20px;
}

body > main > .container.is_wrapped:last-child {
  padding-bottom: 140px;
}

@media screen and (max-width: 750px) {
  .container {
    width: 90%;
  }
  .container.is_wrapped {
    padding: 35px 0 35px;
  }
  .container.is_wrapped + .container.is_wrapped {
    padding-top: 5px;
  }
  body > main > .container.is_wrapped:last-child {
    padding-bottom: 100px;
  }
}
/* .bscBtn
==========================================================  */
.bscBtn {
  width: 100%;
  color: #fff;
  font-size: 18px;
  background: #31867e url(/img/playy.png) no-repeat left 12px center;
  text-align: center;
  display: block;
  height: 71px;
  line-height: 71px;
  bottom: 0;
  transition: all 0.3s;
}

.bscBtn:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

/*========================================================
/.bscBtn */
/* .btn_midium
----------------------------------------------------------  */
.btn_midium {
  display: block;
  color: #00877c;
  font-size: 16.21px;
  background: #b2ddda;
  padding: 18px 6px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  transition-property: color;
}

/*--------------------------------------------------------
/.btn_midium */
/* .btn_download2
----------------------------------------------------------  */
.btn_download2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}

.btn_download2__btn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  color: #fff;
  max-width: 430px;
  width: 100%;
  background: #33817a url(/img/btnpdf.png) no-repeat left 15px center;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  padding: 15px;
  padding-left: 50px;
}

* + .btn_download2 {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  .btn_download2__btn {
    max-width: inherit;
  }
  .btn_download2__btn {
    font-size: 14px;
  }
}
/*--------------------------------------------------------
/.btn_download2 */
/* .btn_downloa
----------------------------------------------------------  */
.btn_download {
  display: inline-block;
  color: #fff;
  max-width: 350px;
  width: 100%;
  height: 44px;
  background: #33817a url(/img/btnpdf.png) no-repeat left 15px center;
  border: 0;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  padding: 10px 20px;
}

/*--------------------------------------------------------
/.btn_downloa */
/* .twoColumns
==========================================================  */
.twoColumns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.twoColumns__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 40px) / 2);
  max-width: calc((100% - 40px) / 2);
}

.twoColumns + .twoColumns {
  margin-top: 40px;
}

.twoColumns__img {
  -ms-align-self: stretch;
  align-self: stretch;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.twoColumns__img:before {
  content: "";
  display: block;
  padding-top: 65%;
}

.twoColumns__title {
  font-size: 26px;
  display: block;
  margin-bottom: 20px;
}

.twoColumns__cap {
  font-size: 15px;
  line-height: 2;
  color: #000100;
}

.twoColumns__cap + .twoColumns__title {
  margin-top: 20px;
}

.twoColumns.is_rev {
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.twoColumns.is_withTitleBordered .twoColumns__title {
  padding-bottom: 0.15em;
  border-bottom: 1px solid #444041;
}

.twoColumns.is_withTitleBordered .twoColumns__title {
  margin-right: -40px;
  padding-right: 40px;
}

.twoColumns.is_withTitleBordered.is_rev .twoColumns__title {
  margin-right: 0;
  margin-left: -40px;
  padding-left: 40px;
}

@media screen and (max-width: 750px) {
  .twoColumns {
    display: block;
  }
  .twoColumns__item {
    max-width: inherit;
  }
  .twoColumns__item + .twoColumns__item {
    margin-top: 10px;
  }
  .twoColumns__title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .twoColumns.is_withTitleBordered .twoColumns__title {
    margin-right: 0;
    padding-right: 0;
  }
  .twoColumns.is_withTitleBordered.is_rev .twoColumns__title {
    margin-left: 0;
    padding-left: 0;
  }
  .twoColumns + .twoColumns {
    margin-top: 30px;
  }
}
/*========================================================
/.twoClumns */
/* .cellList
==========================================================  */
.cellList:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.cellList__item {
  float: left;
}

@media screen and (min-width: 751px) {
  .cellList__item {
    float: left;
    width: calc((100% - 40px) / 2);
  }
  .cellList__item:nth-child(2n+2) {
    margin-left: 40px;
  }
  .cellList__item:not(:nth-child(-n+2)) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 750px) {
  .cellList__item {
    float: none;
  }
  .cellList__item + .cellList__item {
    margin-top: 30px;
  }
}
/*========================================================
/.cellList */
/* .img3in1
==========================================================  */
.img3in1 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  margin-bottom: 30px;
}

.img3in1__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 33.3333333333%;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.img3in1__item:before {
  content: "";
  display: block;
  padding-top: 100%;
}

/*========================================================
/img3in1 */
.forRough {
  position: relative;
  display: block;
}

.forRough:before {
  content: "仮";
  font-size: 18px;
  display: block;
  color: red;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0.6em;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.head_top .header_top {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  padding: 25px 0;
}

.header > .container {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  height: 106px;
}

.headerLogo {
  font-size: 30px;
  font-weight: normal;
  line-height: 1;
  margin: 0;
}

.headerLogo > a {
  color: #000;
  text-decoration: none;
}

.headerLogo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 56px;
  margin-right: 13px;
  background: url(/img/common/header-logo.jpg) 50% 50%/cover no-repeat;
  transform: translateY(-4%);
}

.headerBtns {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 11.67px;
  align-items: center;
  margin: 0;
  justify-content: flex-end;
}

.headerBtns > a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  color: #00877c;
  padding: 0 9px;
  height: 40px;
  border: 1px solid #00877c;
  letter-spacing: 1px;
}

.headerBtns > a + a {
  margin-left: 6px;
}

.headerBtns a:hover,
.headerBtns a.active {
  color: #fff;
  background: #00877c;
}

@media screen and (max-width: 1000px) {
  .head_top {
    margin: 20px 0;
  }
}
@media (max-width: 991px) {
  .head_top .header_top {
    padding: 0;
  }
  .head_top .header_top .link_header_top {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .head_top .header_top .link_header_top a {
    height: 30px;
    font-size: 17.34px;
  }
}
@media screen and (max-width: 830px) {
  .headerLogo {
    font-size: 27px;
  }
  .headerLogo:before {
    width: 33px;
    height: 44px;
    margin-right: 9px;
  }
}
@media screen and (max-width: 950px) {
  .headerLogo {
    font-size: 27px;
  }
  .headerLogo:before {
    width: 32px;
    height: 43px;
  }
}
@media screen and (max-width: 900px) {
  .headerLogo {
    position: fixed;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    padding: 0 5vw;
    height: 72px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
  }
  .header > .container {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    height: auto;
    padding-top: 72px;
    width: 100%;
  }
  .headerBtns {
    width: 90%;
    justify-content: center;
    padding: 10px 0;
  }
}

/* 26.8.27SNSアイコン追加 */
.headerRight {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.headerSns {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.headerSns a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.headerSns a + a {
  margin-left: 10px;
}

.headerSns img {
  width: 100%;
  height: auto;
  display: block;
}

.headerSns a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 900px) {
  .headerRight {
    flex-direction: column;
    width: 90%;
  }

  .headerSns {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}


@media (max-width: 480px) {
  .head_top .header_top .link_header_top a {
    font-size: 12px;
    margin: 0 3px;
    padding: 0 15px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 460px) {
  .headerLogo {
    font-size: 21px;
    justify-content: stretch;
  }
  .headerLogo:before {
    width: 26px;
    height: 33px;
    margin-right: 7px;
  }
  .headerBtns > a {
    flex-grow: 1;
    justify-content: center;
    letter-spacing: 0;
  }
}
@media (max-width: 380px) {
  .head_top .header_top .link_header_top a {
    padding: 0 5px;
  }
}
/* .mainMenu
==========================================================  */
.mainMenu {
  background-color: #b0dcd5;
  position: relative;
  z-index: 999;
}

.mainMenu__cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.mainMenu__item {
  flex: 1 1 auto;
}

.mainMenu__item > a {
  display: block;
  position: relative;
  text-align: center;
  line-height: 20px;
  padding: 28.5px 10px 28.5px 10px;
  font-size: 17px;
  color: #00877c;
  transition: all 0.15s linear;
}

.mainMenu__item > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  height: 47px;
  width: 1px;
  background-image: linear-gradient(0deg, #00877c 0, #00877c 1px, transparent 1px, transparent 2px);
  background-size: 100% 2px;
  background-repeat: repeat-y;
}

.mainMenu__item:first-child > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0;
  margin: auto;
  height: 47px;
  width: 1px;
  background-image: linear-gradient(0deg, #00877c 0, #00877c 1px, transparent 1px, transparent 2px);
  background-size: 100% 2px;
  background-repeat: repeat-y;
}

.mainMenu__parentItem {
  position: relative;
  line-height: 1.3;
}

.mainMenu__parentItem:after {
  content: "\f0d7" !important;
  font: normal normal normal 16px/1 FontAwesome;
  color: #b0dcd5;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 13px;
  height: 18px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  opacity: 0;
  transition: all 0.3s;
}

.mainMenu__parentItem:hover:after {
  transition: all 0.3s;
  opacity: 1;
  color: #b0dcd5;
}

.mainMenu__childCont {
  left: 0px;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  margin: 0;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 0 0 4px hsla(0, 0%, 0%, 0.15);
  display: block;
  transition: all 1s;
}

.mainMenu__parentItem:hover .mainMenu__childCont {
  max-height: 1000px;
  height: auto;
  transition: all 2s;
}

.mainMenu__childItem {
  background-color: #f2f2f2;
  position: relative;
}

.mainMenu__childItem > a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  padding: 15px 10px;
  font-size: 14px;
  text-decoration: none;
  color: #00877c;
}

.mainMenu__childItem + .mainMenu__childItem > a:before {
  content: "";
  display: block;
  background-image: linear-gradient(90deg, #919090 0, #919090 1px, transparent 1px, transparent 2px);
  background-size: 2px 100%;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 1px;
}

.mainMenu__childItem:last-child a {
  border-bottom: 0;
}

@media screen and (max-width: 790px) {
  .mainMenu__item > a {
    letter-spacing: -0.06em;
  }
}
@media screen and (max-width: 900px) {
  .mainMenu {
    display: none;
  }
}
/*========================================================
/.mainMenu */
/* .drawerMenu
==========================================================  */
.drawerMenu__switch {
  position: fixed;
  display: block;
  background-color: #fff;
  border: 2px solid #00877c;
  width: 36px;
  height: 36px;
  z-index: 99;
  right: 17px;
  top: 19px;
  outline: none;
  border-radius: 3px;
  color: transparent;
  line-height: 0;
  cursor: pointer;
}

.drawerMenu__switch > span:before,
.drawerMenu__switch > span:after {
  content: "";
  display: block;
}

.drawerMenu__switch > span,
.drawerMenu__switch > span:before,
.drawerMenu__switch > span:after {
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  width: 20px;
  height: 2px;
  background-color: #00877c;
}

.drawerMenu__switch > span {
  transform: translate(50%, -50%);
}

.drawerMenu__switch > span:before {
  transform: translate(50%, -50%);
  margin-top: -8px;
}

.drawerMenu__switch > span:after {
  transform: translate(50%, -50%);
  margin-top: 8px;
}

.drawerMenu__nav {
  position: fixed;
  top: 72px;
  bottom: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  max-width: 600px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transform-style: transform;
}

.drawerMenu__header {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -o-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 19px 0;
  background-color: #104f49;
  position: relative;
}

.drawerMenu__title {
  margin: 0;
  font-size: 29px;
  color: #fff;
  position: relative;
  text-align: center;
  line-height: 1;
}

.drawerMenu__close {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 32px;
  height: 32px;
  border: none;
  color: transparent;
  background-color: transparent;
  transform: translateY(-50%);
  cursor: pointer;
}

.drawerMenu__close:before,
.drawerMenu__close:after {
  content: "";
  display: block;
  width: 2px;
  height: 40px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}

.drawerMenu__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.drawerMenu__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.drawerMenu__cont {
  margin: 0;
  padding: 0;
  background-color: #231f20;
}

.drawerMenu__item,
.drawerMenu__childItem {
  list-style: none;
  border-top: 1px solid #818082;
}

.drawerMenu__item > a,
.drawerMenu__parent > a,
.drawerMenu__childItem > a {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  text-decoration: none;
}

.drawerMenu__item > a,
.drawerMenu__parent > a {
  padding: 20px 15px;
}

.drawerMenu__parent {
  position: relative;
  border-top: 1px solid #818082;
}

.drawerMenu__parent > a {
  width: 30%;
}

.drawerMenu__parent:after {
  content: "\f105";
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -o-flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  font: normal normal normal 20px/1 FontAwesome;
  color: #fff;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.1s;
}

.drawerMenu__childMenu[aria-expanded=true] > .drawerMenu__parent {
  background-color: #193835;
}

.drawerMenu__item.forEmergencyInfo {
  background-color: #514c13;
}

.drawerMenu__childCont {
  /*height: 0;*/
  max-height: 0;
  overflow: hidden;
  padding: 0;
  background-color: #414142;
  transition-property: max-height, height;
  transition-duration: 0.3s;
}

.drawerMenu__childItem > a {
  padding: 13px 15px 13px 35px;
}

.drawerMenu__childMenu[aria-expanded=true] .drawerMenu__parent:after {
  transform: translateY(-50%) rotate(90deg);
}

.drawerMenu__childMenu[aria-expanded=true] .drawerMenu__childCont {
  max-height: 1000px;
  height: auto;
}

.drawerMenu__nav[aria-expanded=false] {
  transform: translateX(100%);
  transition-duration: 0.5s;
}

.drawerMenu__nav[aria-expanded=true] {
  transform: translateX(0%);
  transition-duration: 0.3s;
}

@media screen and (min-width: 901px) {
  .drawerMenu__switch {
    display: none;
  }
}
/*========================================================
/.drawerMenu */
.dir_sitetop.page_index .pageIntro,
.dir_features.page_10features .pageIntro {
  text-align: center;
}

.dir_sitetop.page_index .pageIntro > .contentsTitle,
.dir_features.page_10features .pageIntro > .contentsTitle {
  font-weight: normal;
}

/* .fixed
==========================================================  */
.fixed {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 50%;
  right: 0;
  z-index: 110;
  transform: translateY(50%);
  background: #fff;
}
@media screen and (max-width: 750px) {
  .fixed {
    flex-direction: row;
    gap: 0 6px;
    width: 100%;
    padding: 15px 20px;
    bottom: 0;
    transform: none;
  }
}
.fixed a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 196px;
  border: 1px solid #00897c;
  writing-mode: vertical-rl;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  .fixed a {
    font-size: min(3.4666666667vw, 14px);
    width: 50%;
    height: 38px;
    writing-mode: horizontal-tb;
  }
}
.fixed a:hover {
  opacity: 0.8;
}
.fixed_green {
  background: #00897c;
  color: #fff;
}
.fixed_white {
  color: #00897c;
}
.fixed ._rotate {
  display: inline-block;
  padding: 2px 0;
  transform: rotate(-90deg);
}
@media screen and (max-width: 750px) {
  .fixed ._rotate {
    padding: 0;
    transform: none;
  }
}

/*========================================================
/.fixed */
/* .topSlide
==========================================================  */
.topSlide__cont,
.topSlide__item {
  width: 100%;
  height: calc(100vh - 106px - 77px) !important;
  min-height: 700px !important;
}

.topSlide__item01 {
  background: url(/img/mv1.jpg);
}

.topSlide__item02 {
  background: url(/img/mv2.jpg);
}

.topSlide__item03 {
  background: url(/img/mv3.jpg);
}

.topSlide__item04 {
  background: url(/img/mv4.jpg);
}

.topSlide__item05 {
  background: url(/img/mv5_pc.jpg);
  position: relative;
}

.topSlide__item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.slider_main {
  position: relative;
}

.hero__catch {
  position: absolute;
  top: 5vw;
  left: 5vw;
  z-index: 1;
  display: block;
  width: calc(140px + 118 * (100% - 750px) / 250);
  /*(幅の最小値) + (変化量 = 幅の最大から最小の差　* （想定される画面幅の変化に対していまどれぐらい変化しているのか = (現在幅と最小幅の差) / 画面幅の最大と最小の差))）*/
  background: url(/img/top/hero-catch.svg) 50% 50%/cover no-repeat;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
  color: transparent;
}

.hero__catch:before {
  content: "";
  display: block;
  padding-top: 105%;
}

@media screen and (min-width: 1000px) {
  .hero__catch {
    width: 258px;
  }
}
@media (max-width: 991px) {
  .topSlide__cont,
  .topSlide__item {
    height: 500px;
  }
}
@media screen and (max-width: 750px) {
  .hero__catch {
    width: 140px;
  }
  .topSlide__cont,
  .topSlide__item {
    height: calc(100vh - 137px) !important;
    min-height: inherit !important;
    max-height: 100vw;
  }
}
.emergencyInfoBanner {
  position: absolute;
  text-align: center;
  width: 292px;
  border-radius: 8px;
  border: 2px solid #ffffff;
  background: #fff;
  overflow: hidden;
  bottom: 20px;
  right: 5%;
}

.emergencyInfoBanner h3 {
  color: #231815;
  line-height: 28px;
  border-bottom: 1px solid #e0dc9a;
  font-size: 15.93px;
  background: #000;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg, #fef68e 0, #bdb523 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1");
  /* for IE */
  background: linear-gradient(180deg, #fef68e 0, #bdb523 100%);
  /* W3C */
}

.emergencyInfoBanner h3 a {
  color: #231815;
}

.emergencyInfoBanner .txt {
  padding: 5px 10px;
  font-size: 13.44px;
}

.admissionBanner {
  position: absolute;
  padding: 25px 0;
  color: #fff;
  width: 253px;
  height: 185px;
  background: url("/img/bgcloud.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  bottom: 125px;
  right: 5%;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: flipInX;
}

.admissionBanner h3 {
  font-size: 32.64px;
  line-height: 36.5px;
  color: #fff;
}

.admissionBanner h3 a {
  color: #fff;
}

.admissionBanner .txt {
  font-size: 15px;
  color: #eb6d9a;
  background: #fff;
  padding: 3px 2px;
  border-radius: 10px;
  line-height: 25px;
  width: 183px;
  text-align: center;
  margin: auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .admissionBanner {
    right: 30px;
  }
}
@media (max-width: 991px) {
  .txt_banner1 {
    top: 20px;
  }
}
@media screen and (min-width: 751px) {
  .admissionBanner_sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .head_mid {
    position: relative;
  }
  .admissionBanner {
    /*display: none;*/
    position: static;
    width: 100%;
    background: #e28aa7;
    animation-duration: unset;
    animation-fill-mode: both;
    animation-name: unset;
    height: unset;
    padding: 10px 0;
  }
  .admissionBanner h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
  }
  .admissionBanner .txt {
    background-color: unset;
    color: #fff;
    width: 100%;
  }
  .admissionBanner br {
    display: none;
  }
  .txt_banner1 {
    width: 40%;
  }
  .txt_banner1 img {
    width: 100%;
  }
  .txt_banner1,
  .emergencyInfoBanner {
    left: 5%;
  }
  .emergencyInfoBanner .txt {
    /*display: none;*/
    text-align: left;
    background-color: #fffbd4;
  }
  .emergencyInfoBanner .txt a {
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
  }
  .emergencyInfoBanner {
    border: 0;
    /*width: auto;*/
    width: 100%;
    position: static;
    margin: 0;
    border: none;
    border-radius: 0;
  }
  .emergencyInfoBanner h3 {
    padding: 0 10px; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #fef68e 0, #bdb523 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1"); /* for IE */
    background: linear-gradient(90deg, #fef68e 0, #bdb523 100%); /* W3C */
    border-bottom: 0;
    color: #eb6d9a;
    text-align: left;
  }
  .admissionBanner_sp {
    /*margin: 0 15px;
      margin-top: 30px;
      padding: 10px;*/
    text-align: center;
    /*border-radius: 15px;/* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(90deg, #DD6D96 0, #e28aa7 100%);/* IE10+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    /*background: linear-gradient(90deg, #DD6D96 0, #e28aa7 100%);/* W3C */
    position: absolute;
    /*bottom: 110px;*/
    bottom: 0;
    width: 100%;
    display: none;
  }
  .admissionBanner_sp .bg_cl {
    background: #e28aa7;
    padding: 10px 10px;
    border-radius: 15px;
  }
  .admissionBanner_sp h3 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 10px;
  }
  .admissionBanner_sp h3 a {
    color: #fff;
  }
  .admissionBanner_sp .txt {
    width: auto;
    font-size: 14px;
    color: #eb6d9a;
    background: #fff;
    padding: 3px 2px;
    border-radius: 10px;
    line-height: 25px;
    text-align: center;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .txt_banner1 {
    width: 60%;
  }
}
/*========================================================
/.topSlide */
/* .titleBordered
----------------------------------------------------------  */
.titleBordered {
  font-size: 26px;
  line-height: 1.3;
  color: #231815;
  border-bottom: 1px solid #231815;
  padding-bottom: 3px;
  margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .titleBordered {
    font-size: 20px;
  }
}
/*--------------------------------------------------------
/.titleBordered */
/* .contentsTitle
----------------------------------------------------------  */
.contentsTitle {
  width: 100%;
  color: #231815;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 5px;
  margin: auto;
  border-bottom: 1px dotted #333333;
  margin-bottom: 40px;
}

.container.is_wrapped > .pageIntro {
  margin-bottom: 0;
}

.contentsTitle:last-child {
  margin-bottom: 0;
}

.contentsTitle + .lead {
  margin-top: -25px;
}

.contentsTitle + .lead.to10feature-lead {
  font-size: 18px;
  letter-spacing: 0.05em;
  font-family: "utopia-std-caption", serif;
}

@media screen and (max-width: 750px) {
  .contentsTitle {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .contentsTitle + .lead {
    margin-top: -10px;
  }
  .contentsTitle + .lead.to10feature-lead {
    text-align: center;
  }
}
/*--------------------------------------------------------
/.contentsTitle */
.pageIntro {
  margin-bottom: 50px;
}

.pageIntro .lead {
  font-size: 15.77px;
  color: #231815;
  margin-bottom: 17px;
  font-family: "kozuka-mincho-pr6n", serif;
}

.pageIntro .list_subject {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.pageIntro .list_subject li {
  width: 25%;
}

.pageIntro .list_subject li figure {
  display: inline-block;
  margin: 0 0 7px;
}

.pageIntro .list_subject li figure img {
  max-width: 45px;
  max-height: 46px;
}

.pageIntro .list_subject li h3 {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pageIntro .list_subject li h3 a {
  color: #231815;
  font-weight: normal;
}

@media (max-width: 991px) {
  .pageIntro .list_subject {
    flex-wrap: wrap;
  }
  .pageIntro .list_subject li {
    width: 20%;
  }
  .pageIntro .list_subject li:not(:nth-child(-n+5)) {
    margin-top: 20px;
  }
  .pageIntro .list_subject li > a {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 750px) {
  .pageIntro {
    margin-bottom: 30px;
  }
}
/* .dir_sitetop.page_index
==========================================================  */
.toConcept {
  position: relative;
}

.toConcept__imgs {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.toConcept__imgs figure {
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.toConcept__imgs figure:before {
  content: "";
  display: block;
}

.toConcept__imgs figure > img {
  position: absolute;
  top: 0;
  width: 100%;
}

.toConcept__imgs figure:nth-child(1) {
  background-image: url(/img/img1.png);
  width: calc(100% - 326px);
  -ms-align-self: stretch;
  align-self: stretch;
}

.toConcept__imgs figure:nth-child(2) {
  background-image: url(/img/img2.jpg);
  width: 326px;
}

.toConcept__imgs figure:nth-child(2):before {
  padding-top: 130%;
}

.toConcept__imgs figure:nth-child(3) {
  background-image: url(/img/img3.png);
  width: calc((100% - 326px) / 2);
}

.toConcept__imgs figure:nth-child(4) {
  background-image: url(/img/img4.png);
  width: calc((100% - 326px) / 2);
}

.toConcept__imgs figure:nth-child(3):before {
  padding-top: 74%;
}

.contentsLead {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  width: 90%;
  max-width: calc(100% - (100% - 1024px) / 2);
  position: relative;
  padding-bottom: 90px;
}

.dir_sitetop.page_index .contentsTitle:last-child {
  margin-bottom: 40px;
}

.dir_sitetop.page_index .toAfter-school {
  margin-bottom: 80px;
}

.dir_sitetop.page_index .toAfter-school .contentsLead__img {
  background-image: url(/img/img5.jpg);
  background-position: 5% 50%;
}

.dir_sitetop.page_index .toDaily .contentsLead__img {
  background-image: url(/img/img7.jpg);
  background-position: 5% 50%;
}

@media screen and (max-width: 750px) {
  .dir_sitetop.page_index .contentsTitle:last-child {
    margin-bottom: 20px;
  }
  .toConcept__imgs figure:nth-child(2) {
    width: 50%;
  }
  .toConcept__imgs figure:nth-child(3),
  .toConcept__imgs figure:nth-child(4) {
    width: 25%;
  }
  .dir_sitetop.page_index .toAfter-school {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .toConcept__imgs {
    width: 100%;
    margin-bottom: 20px;
  }
  .toConcept__imgs figure img {
    height: auto !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .toConcept__imgs figure:nth-child(1) {
    width: 100%;
  }
  .toConcept__imgs figure:nth-child(1):before {
    padding-top: 45%;
  }
  .toConcept__imgs figure:not(:nth-child(1)):before {
    padding-top: 65%;
  }
  .toConcept__imgs figure.contentsLeadTxt {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    border: 0;
    text-align: center;
    padding: 15px;
  }
}
/* .contentsLead
----------------------------------------------------------  */
.contentsLead.is_rev {
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: 10%;
}

.contentsLeadTxt {
  position: absolute;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: stretch;
  align-items: stretch;
  justify-content: center;
  border: 3px solid #199389;
  width: 410px;
  background: rgba(255, 255, 255, 0.8);
  padding: 50px;
  z-index: 1;
  bottom: 0;
}

.contentsLeadTxt {
  right: 0;
  margin-right: -30px;
}

.contentsLead.is_rev .contentsLeadTxt {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: -30px;
}

.contentsLeadTxt__title {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.5;
  color: #00877c;
  margin-bottom: 13px;
}

.contentsLeadTxt__title a {
  color: #00877c;
}

.contentsLeadTxt__cap {
  color: #231815;
  font-size: 14px;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 20px;
}

.contentsLeadTxt__btn {
  display: block;
  width: 100%;
  color: #00877c;
  font-size: 16.21px;
  background: #b2ddda;
  padding: 18px 6px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  transition-property: color;
  transition-duration: 0.3s;
}

.contentsLeadTxt__btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #99d3dd;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.contentsLeadTxt__btn:hover:before {
  transform: scale(2);
}

.contentsLead__img {
  width: calc(100% - 220px);
  min-height: 380px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  margin: 0;
}

.contentsLead__img:before {
  content: "";
  display: block;
  padding-top: 55%;
}

@media screen and (min-width: 1281px) {
  .contentsLead,
  .contentsLead.is_rev {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1199px) and (min-width: 751px) {
  .contentsLeadTxt {
    height: auto;
    padding: 40px;
  }
}
@media screen and (max-width: 750px) {
  .contentsLead {
    display: block;
    padding: 0;
  }
  .contentsLead,
  .contentsLead.is_rev {
    width: 90%;
    margin: 0 auto;
  }
  .contentsLead__img {
    margin-bottom: 20px;
  }
  .contentsLeadTxt__title {
    text-align: left;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .contentsLeadTxt__cap {
    margin-bottom: 10px;
  }
  .contentsLeadTxt {
    width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    border: 0;
    text-align: center;
    padding: 0;
    margin-right: 0 !important;
    position: unset;
  }
  .contentsLead__img {
    width: 100%;
    min-height: inherit;
  }
  .contentsLead.toAfter-school,
  .contentsLead.toDaily {
    margin-bottom: 40px;
  }
}
/*--------------------------------------------------------
/.contentsLead */
/*========================================================
/.dir_sitetop.page_index */
.title_divide {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  border-top: 1px dotted #cccccc;
  border-bottom: 1px dotted #cccccc;
  padding: 0.4em 0 0.35em;
  margin-bottom: 30px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

.contentsTitle + .title_divide {
  margin-top: 60px;
}

@media screen and (max-width: 750px) {
  .title_divide {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .contentsTitle + .title_divide {
    margin-top: 30px;
  }
}
/* .blogPosts
----------------------------------------------------------  */
.blogPosts__date {
  font-size: 13px;
  line-height: 1;
  color: #231815;
  margin-bottom: 3px;
}

.blogPosts__title {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.blogPosts__title a {
  color: #231815;
}

.blogPosts__forPc {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 30px;
}

.blogPosts .blogPosts__latest,
.blogPosts .blogPosts__notLatest {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 15px) / 2);
}

.blogPosts .blogPosts__notLatest > ul > li > a {
  display: block;
}

.blogPosts .blogPosts__notLatest > ul > li > a > img {
  display: block;
  width: 100%;
}

.blogPosts .blogPosts__notLatest > ul:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.blogPosts .blogPosts__notLatest > ul > li,
.blogPosts__forSp > li {
  float: left;
  width: calc((100% - 15px - 1px) / 2);
}

.blogPosts .blogPosts__notLatest > ul > li > a,
.blogPosts__forSp > li > a {
  display: block;
}

.blogPosts .blogPosts__notLatest > ul > li > a > img,
.blogPosts__forSp > li > a > img {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.blogPosts .blogPosts__notLatest > ul > li:nth-child(2n+1),
.blogPosts__forSp li:nth-child(2n+1) {
  margin-right: 15px;
}

.blogPosts .blogPosts__notLatest > ul > li:not(:nth-child(-n+2)),
.blogPosts__forSp li:not(:nth-child(-n+2)) {
  margin-top: 10px;
}

.blogPosts .blogPosts__latest > a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.blogPosts .blogPosts__latest > a > figure {
  flex: 1 1 auto;
  margin: 0 0 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.blogPosts__forSp {
  margin-bottom: 20px;
}

.blogPosts__forSp:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.blogPosts__forSp {
  display: none;
}

@media screen and (max-width: 750px) {
  .blogPosts__forPc {
    display: none;
  }
  .blogPosts__forSp {
    display: block;
  }
  .blogPosts .blogPosts__notLatest > ul {
    display: none;
  }
  .blogPosts .blogPosts__notLatest ul.blogPosts__forSp {
    display: block;
  }
}
/*--------------------------------------------------------
/.blogPosts */
/* .postList
----------------------------------------------------------  */
.postList {
  margin-bottom: 30px;
}

.postList li {
  border-bottom: 1px solid #cccccc;
}

.postList li > a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  padding: 9px 0;
}

.postList__date {
  flex: 0 0 auto;
  color: #231815;
  font-size: 15px;
  display: inline-block;
  margin-right: 13px;
}

.postList__cat {
  flex: 0 0 auto;
  color: #231815;
  display: inline-block;
  height: 17px;
  border: 1px solid #cccccc;
  text-align: center;
  font-size: 10px;
  line-height: 17px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
}

.postList__cat:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #99d3dd;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.postList__title {
  display: inline-block;
  font-size: 16px;
  color: #231815;
}

.dir_news .postList li > a:hover .postList__cat:before {
  transform: scale(2);
}

.postList li > a:hover .postList__title {
  color: #00877c;
  transition: color 0.3s;
}

.dir_guardian .postList__cat {
  border: none;
  font-size: 13px;
  color: #7f4f21;
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .postViewer .postList li > a {
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .postViewer .postList__title {
    flex-basis: 100%;
    display: block;
    margin-top: 5px;
  }
}
@media screen and (max-width: 750px) {
  .postList li > a {
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .postList__title {
    flex-basis: 100%;
    display: block;
    margin-top: 5px;
  }
  .dir_guardian .postList__cat {
    text-align: left;
    margin-right: 10px;
    flex-basis: 10em;
    padding: 0.1em 0;
  }
}
/*--------------------------------------------------------
/.postList */
.content_newsfeed {
  position: relative;
  margin-bottom: 135px;
}

.content_newsfeed .contentsLeadTxt {
  margin-left: inherit;
  margin-right: auto;
  margin-left: -50px;
  margin-top: 25px;
  right: inherit;
  left: calc((100% - 1024px) / 2);
}

.content_newsfeed .contentsLeadTxt.mg_l {
  left: auto;
  right: 138px;
}

@media (max-width: 991px) {
  .content_newsfeed {
    margin-bottom: 0;
  }
}
.btns-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*margin: 0 -20px;*/
  margin: 0;
}

.btns-bottom li {
  /*padding: 0 20px;*/
  padding: 0;
  width: 40%;
}

.btns-bottom li a {
  width: 100%;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00877c;
  font-size: 17px;
  color: #fff;
  position: relative;
}

.btns-bottom li a:before {
  content: "\f144";
  height: 18px;
  font: normal normal normal 18px/1 FontAwesome;
  color: #fff;
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.btns-bottom li:nth-child(2) {
  opacity: 0.7;
}

.btns-bottom li:nth-child(3) a {
  background: #99cfcb;
  color: #00877c;
}

.btns-bottom li:nth-child(3) a:before {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .btns-bottom {
    flex-wrap: wrap;
  }
  .btns-bottom li {
    width: 100%;
  }
  .btns-bottom li + li {
    margin-top: 10px;
  }
  .btns-bottom li a {
    margin: auto;
    height: 45px !important;
    max-width: 730px;
    width: 100% !important;
  }
}
.content_footer {
  font-size: 14px;
  color: #fff;
  background: #00877c;
  text-align: center;
  padding: 30px 0;
  position: relative;
}

.content_footer .contact_footer {
  text-align: center;
  font-size: 13px;
  line-height: 1.9;
}

.content_footer .contact_footer li {
  display: inline-block;
}

.content_footer .menu_ft {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.content_footer .menu_ft li {
  width: 13%;
}

.content_footer .menu_ft li a {
  display: block;
  color: #fff;
  font-size: 13.2px;
  border-right: 1px dotted #61b5ae;
}

.content_footer .menu_ft li:first-child a {
  border-left: 1px dotted #61b5ae;
}

.contact_footer a {
  color: inherit;
}

@media screen and (max-width: 991px) {
  .content_footer {
    padding: 16px 0 20px;
  }
  .content_footer .menu_ft {
    position: absolute;
    bottom: calc(100% + 10px);
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0;
  }
  .content_footer .menu_ft li {
    display: inline-block;
    width: auto;
    padding: 0 15px;
    position: relative;
  }
  .content_footer .menu_ft li > a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background: #231f20;
    border-radius: 50%;
    margin-right: 0.4em;
    transform: translateY(-1%);
  }
  .content_footer .menu_ft li a {
    color: #231f20;
    border-right: 0;
    border-left: 0 !important;
  }
  .content_footer .contact_footer li {
    display: block;
    text-align: left;
    padding-left: 15px;
  }
}
/* #go_top
==========================================================  */
#go_top {
  position: absolute;
  z-index: 100;
  top: 16px;
  right: 16px;
  display: none;
}

#go_top img {
  width: 30px;
}

@media screen and (max-width: 750px) {
  #go_top {
    display: block;
  }
  .content_footer {
    padding-bottom: 88px;
  }
}
/*========================================================
/#go_top */
.sc_info_home,
.sc_home {
  max-width: 100%;
}

.fz2 {
  font-size: 37.5px;
}

/* ++++++++++++++update++++++++++++++++*/
.subHero {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28vw;
  max-height: 356px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  background-image: url(/img/common/heroimg.jpg);
}

.subHero:before,
.subHero:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
}

.subHero:before {
  left: 0;
  background: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0.8) 26.19%, rgba(255, 255, 255, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF' ,GradientType=0)";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 26.19%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF" , GradientType=1);
}

.subHero:after {
  right: 0;
  background: -ms-linear-gradient(0deg, rgba(255, 255, 255, 0.8) 26.19%, rgba(255, 255, 255, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF' ,GradientType=0)";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 26.19%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF" , GradientType=1);
  transform: rotate(180deg);
}

.subHero__title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2em;
  color: #fff;
  width: 85%;
  max-width: 1024px;
  padding: 15px 0;
  background: -ms-linear-gradient(0deg, rgba(35, 24, 21, 0) 0%, rgba(31, 21, 18, 0.17) 16.73%, rgba(18, 13, 11, 0.34) 34.03%, rgba(0, 0, 0, 0.5) 50%, rgba(18, 13, 11, 0.34) 65.97%, rgba(31, 21, 18, 0.17) 83.27%, rgba(35, 24, 21, 0) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#231815', endColorstr='#231815' ,GradientType=0)";
  background: linear-gradient(90deg, rgba(35, 24, 21, 0) 0%, rgba(31, 21, 18, 0.17) 16.73%, rgba(18, 13, 11, 0.34) 34.03%, rgba(0, 0, 0, 0.5) 50%, rgba(18, 13, 11, 0.34) 65.97%, rgba(31, 21, 18, 0.17) 83.27%, rgba(35, 24, 21, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#231815",endColorstr="#231815" , GradientType=1);
}

.subHero__titleTxt {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}

.subHero__titleMain {
  text-align: center;
  padding: 0 10px;
}

.subHero__titleMain > span {
  display: block;
  font-weight: normal;
  letter-spacing: 0.15em;
}

.subHero__pagetitle {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-self: stretch;
  align-self: stretch;
  border-top: 1px solid #fff;
  margin-top: 10px;
  padding-top: 10px;
}

.dir_features .subHero {
  background-image: url(/img/features/heroimg.jpg);
  background-position: 100% 80%;
}

.dir_introduction .subHero {
  background-image: url(/img/introduction/heroimg.jpg);
}

.dir_features .subHero {
  background-image: url(/img/features/heroimg.jpg);
  background-position: 100% 50%;
}

.dir_school-life .subHero {
  background-image: url(/img/school-life/heroimg.jpg);
}

.dir_admission .subHero {
  background-image: url(/img/admission/heroimg.jpg);
}

@media screen and (min-width: 1001px) {
  .subHero__titleMain {
    font-size: 38px;
  }
  .subHero__titleMain > span {
    font-size: 17px;
  }
  .subHero__pagetitle {
    font-size: 21px;
  }
}
@media screen and (max-width: 1000px) {
  .subHero__titleMain {
    font-size: calc(28px + 10 * (100vw - 750px) / 250);
  }
  .subHero__titleMain > span {
    display: block;
    font-size: calc(13px + 4 * (100vw - 750px) / 250);
  }
  .subHero__pagetitle {
    font-size: calc(16px + 5 * (100vw - 750px) / 250);
    margin-top: calc(5px + 5 * (100vw - 750px) / 250);
    padding-top: calc(5px + 5 * (100vw - 750px) / 250);
  }
}
@media screen and (max-width: 750px) {
  .subHero {
    height: 50vw;
    background-image: url(/img/common/heroimg_sp.jpg);
  }
  .dir_introduction .subHero {
    background-image: url(/img/introduction/heroimg_sp.jpg);
  }
  .dir_features .subHero {
    background-image: url(/img/features/heroimg_sp.jpg);
    background-position: 100% 50%;
  }
  .dir_school-life .subHero {
    background-image: url(/img/school-life/heroimg_sp.jpg);
  }
  .dir_admission .subHero {
    background-image: url(/img/admission/heroimg_sp.jpg);
  }
  .subHero__titleMain {
    font-size: 28px;
  }
  .subHero__titleMain > span {
    font-size: 13px;
  }
  .subHero__pagetitle {
    font-size: 16px;
    margin-top: 5px;
    padding-top: 5px;
  }
}
.banner_cate {
  position: relative;
  font-size: 0;
}

.banner_cate .sub_banner {
  position: absolute;
  max-width: 880px;
  height: 90px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
}

.banner_cate .sub_banner h2 {
  font-size: 34.8px;
  color: #fff;
  display: inline-block;
  padding: 0 45px;
  border-bottom: 1px solid #fff;
}

.banner_cate .sub_banner .translate {
  font-size: 20.78px;
  color: #fff;
}

@media (max-width: 991px) {
  .banner_cate img {
    height: 360px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .banner_cate:before {
    content: "";
    width: 30%;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    display: inline-block; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(90deg, #ffffff 0, transparent 50%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1"); /* for IE */
    background: linear-gradient(90deg, #ffffff 0, transparent 50%); /* W3C */
  }
  .banner_cate:after {
    content: "";
    width: 30%;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    display: inline-block; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */
    background: -ms-linear-gradient(270deg, #ffffff 0, transparent 50%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1"); /* for IE */
    background: linear-gradient(270deg, #ffffff 0, transparent 50%); /* W3C */
  }
}
.back_link {
  padding-top: 22px;
}

.back_link ul li {
  display: inline-block;
}

.back_link ul li a {
  display: block;
  color: #7e7e7e;
  font-size: 15px;
  padding: 0 7px;
  position: relative;
}

.back_link ul li:not(:last-child) a:after {
  position: absolute;
  content: ">";
  display: inline-block;
  top: 0;
  right: -6px;
}

.back_link ul li:first-child a {
  padding-left: 0;
}

@media screen and (max-width: 750px) {
  .back_link {
    display: none;
  }
}
.left_content + .left_content,
.widget_menu_left + .widget_menu_left {
  margin-top: 25px;
}

@media (max-width: 991px) {
  .left_content {
    margin-bottom: 100px;
  }
}
/* .postViewer
----------------------------------------------------------  */
.postViewer {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.postViewer__cat {
  flex: 0 0 240px;
}

.postViewer__posts {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% - 240px - 30px);
}

.postViewer__postsTitle {
  font-size: 22px;
  line-height: 1.3;
  border-bottom: 1px solid;
  margin-bottom: 12px;
  padding-bottom: 3px;
}

.postViewer__cat > h2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  min-height: 32px;
  font-size: 17px;
  line-height: 1.3;
  color: #231815;
  margin-bottom: 13px;
  border-bottom: 1px solid #231815;
  padding-bottom: 3px;
}

.postViewer__cat > ul + h2 {
  margin-top: 14px;
}

.postViewer__cat > ul > li > a {
  display: block;
  font-size: 15px;
  color: #231815;
}

.postViewer__cat > ul > li {
  padding: 4px 0;
}

.postViewer__drawerSwitch {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.postViewer__drawerSwitch > a {
  flex: 1 1 auto;
}

.postViewer__drawerSwitch > button {
  color: transparent;
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
}

.postViewer__drawerSwitch > button:before,
.postViewer__drawerSwitch > button:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
}

.postViewer__drawerSwitch > button:before {
  transform: translate(-50%, -50%);
}

.postViewer__drawerSwitch > button:after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition-property: transform;
  transition-duration: 0.2s;
}

.postViewer__drawerSwitch.is_opend > button:after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.postViewer__drawerSwitch + ul {
  height: 0;
  transition-property: height, margin;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
}

.postViewer__drawerSwitch.is_opend + ul {
  transition-delay: 0s;
  margin-top: 5px;
  margin-bottom: 10px;
}

.postViewer__drawerSwitch + ul > li {
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
}

.postViewer__drawerSwitch.is_opend + ul > li {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.3s;
}

.postViewer__drawerSwitch + ul > li > a {
  font-size: 14px;
  display: block;
  position: relative;
  text-indent: -13px;
  padding: 7px 0 0 13px;
}

.postViewer__drawerSwitch + ul > li > a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 7px;
  border-color: transparent transparent transparent #231815;
  transform: translateY(-30%);
  margin-right: 3px;
  margin-left: 4px;
}

.postViewer__cat > ul > li > a,
.postViewer__drawerSwitch.is_opend > a,
.postViewer__drawerSwitch.is_opend + ul > li > a {
  transition: color 0.3s;
}

.postViewer__cat > ul > li > a:hover,
.postViewer__drawerSwitch.is_opend > a:hover,
.postViewer__drawerSwitch.is_opend + ul > li > a:hover {
  color: #00877c;
}

@media screen and (max-width: 750px) {
  .postViewer {
    display: block;
  }
  .postViewer__posts {
    margin-bottom: 50px;
  }
}
/*--------------------------------------------------------
/.postViewer */
.blogList {
  width: 100%;
}

.blogList__cont {
  display: flex;
  flex-wrap: wrap;
}

.blogList__cont:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.blogList__linkArea {
  display: block;
}

.blogList__img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.blogList__item .blogList__date {
  font-size: 15px;
  color: #231815;
  margin-bottom: 10px;
}

.blogList__title {
  width: 100%;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  transition-property: color;
  transition-duration: 0.5s;
}

.blogList__item > a:hover .blogList__title {
  color: #00877c;
  transition-duration: 0.5s;
}

.blogList__categories li {
  float: left;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blogList__categories li > a {
  font-size: 14px;
  display: inline-block;
  position: relative;
  color: #333;
}

.blogList__categories li > a:before {
  content: "";
  display: inline-block;
  font-size: 15px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #333;
  margin-right: 0.2em;
}

/*.blogList__categories li:nth-child(1) a {
  color: #8dc556;
}

.blogList__categories li:nth-child(1) a:before {
  background: #8dc556;
}

.blogList__categories li:nth-child(2) a {
  color: #eb6d9a;
}

.blogList__categories li:nth-child(2) a:before {
  background: #eb6d9a;
}

.blogList__categories li:nth-child(3) a {
  color: #00a0e9;
}

.blogList__categories li:nth-child(3) a:before {
  background: #00a0e9;
}

.blogList__categories li:nth-child(4) a {
  color: #f39800;
}

.blogList__categories li:nth-child(4) a:before {
  background: #f39800;
}*/
@media screen and (min-width: 1151px) {
  .blogList__item {
    width: calc((100% - 90px) / 4);
  }
  .blogList__item:not(:nth-child(4n+4)) {
    margin-right: 30px;
  }
  .blogList__item:not(:nth-child(-n+4)) {
    margin-top: 30px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1150px) {
  .blogList__item {
    width: calc((100% - 60px) / 3);
  }
  .blogList__item:not(:nth-child(3n+3)) {
    margin-right: 30px;
  }
  .blogList__item:not(:nth-child(-n+3)) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  .blogList__item {
    width: calc((100% - 30px) / 2);
  }
  .blogList__item:not(:nth-child(2n+2)) {
    margin-right: 30px;
  }
  .blogList__item:not(:nth-child(-n+2)) {
    margin-top: 30px;
  }
}
.title_detail_blog {
  font-size: 27.5px;
  color: #000;
  color: #231815;
  padding-bottom: 10px;
  border-bottom: 1px dotted #231815;
}

.date_detail {
  font-size: 18px;
  color: #231815;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

.txt_detail_blog {
  font-size: 12px;
  color: #231815;
  line-height: 22px;
  text-align: justify;
}

.txt_detail_blog .txt {
  margin: 20px 0;
}

.txt_detail_blog h3 {
  font-size: 22px;
  margin-top: 20px;
}

.txt_detail_blog .list_img_detail {
  margin: 0 -9px;
}

.txt_detail_blog .list_img_detail li {
  width: 34%;
  padding: 0 9px;
}

.tit_form {
  font-size: 40px;
  color: #000;
  text-align: center;
  border-bottom: 2px dotted #000;
  margin-bottom: 30px;
}

.list_form {
  color: #000;
  font-size: 15px;
  margin-bottom: 30px;
}

.list_form li {
  text-indent: -16px;
  padding-left: 16px;
  position: relative;
  margin-bottom: 7px;
}

.list_form li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 13px;
  height: 13px;
  margin-right: 3px;
  border-radius: 50%;
  background: #000;
  transform: translateY(-24%);
}

.list_form__note {
  color: #ed1c24;
}

li.list_form__note:before {
  content: "※";
  display: inline;
  background-color: transparent;
}

.mailForm__note {
  font-size: 17px;
  color: #ed1c24;
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}

.mailForm__note:before {
  content: url("/img/note.png");
  position: absolute;
  left: 0;
  top: 0px;
}

.mailForm {
  font-size: 14px;
}

.mailForm__cont {
  display: table;
}

.mailForm__cont > dl {
  display: table-row;
}

.mailForm__cont > dl > dt {
  width: 200px;
  background: #f1f1f2;
  text-align: center;
}

.mailForm__cont > dl > dt,
.mailForm__cont > dl > dd {
  display: table-cell;
  vertical-align: middle;
}

.mailForm__cont {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  border: 1px solid #949697;
  border-spacing: 0;
  border-collapse: collapse;
}

.mailForm__cont > dl > dt,
.mailForm__cont > dl > dd {
  padding: 10px 20px;
  border: 1px solid #949697;
}

.mailForm__cont > dl > dd input[name=address1],
.mailForm__cont > dl > dd input[name=classroom] {
  width: 60%;
}

.mailForm__cont > dl > dd .age {
  display: flex;
  flex-wrap: wrap;
}

.mailForm__cont > dl > dd .age label {
  margin-right: 15px;
}

.mailForm__cont > dl > dd .age label:last-child input[type=text] {
  width: 30%;
}

.mailForm__cont > dl > dd input {
  display: inline-block;
  background: #f1f2f2;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 0 3px;
}

.mailForm__cont > dl > dd .check_box {
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mailForm__cont > dl > dd .check_box > span > input {
  margin-right: 3px;
}

.mailForm__cont > dl > dd .check_box span {
  flex: 0 0 auto;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  align-items: center;
  margin-right: 28px;
}

.mailForm__cont > dl > dd textarea {
  background: #f1f2f2;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  min-height: 122px;
  padding: 5px;
}

.mailForm input[type=text] {
  width: 100%;
}

.mailForm input[name^=transfer] {
  /*width: 60%;*/
  width: 38%;
  margin-right: 20px;
}

.mailForm select[name^=transfer] {
  width: 15%;
  background: #f1f2f2;
  border-radius: 2px;
  height: 22px;
}

.mailForm input[name=postcode] {
  width: 12em;
  margin-left: 5px;
}

.mailForm input[name=address2],
.mailForm input[name=address3] {
  width: 50%;
}

.mailForm input[name=tel],
.mailForm input[name=email] {
  width: 40%;
}

.mailForm__btns {
  text-align: center;
}

* + .mailForm__btns {
  margin-top: 40px;
}

.mailForm__btns > .btn {
  display: inline-block;
  border: none;
  padding: 20px;
  min-width: 400px;
}

.mailForm__error {
  padding-top: 10px;
}

.mailForm__error > li {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 25px;
  position: relative;
}

.mailForm__error > li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #ccc 0, #ccc 2px, transparent 2px, transparent 3px);
  background-size: 3px 100%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
}

.mailform__thxTxt {
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mailForm__cont,
  .mailForm__cont > dl,
  .mailForm__cont > dl > dt,
  .mailForm__cont > dl > dd {
    display: block;
    width: 100%;
  }
  .mailForm__cont > dl > dd,
  .mailForm__cont > dl > dt {
    text-align: left !important;
    border: none !important;
  }
  .mailForm__cont > dl > dt {
    padding: 0.5em;
    background-color: #f2f2f2;
    margin-bottom: 13px;
  }
  .mailForm__cont > dl > dt br {
    display: none;
  }
  .mailForm__cont > dl > dd {
    padding: 0;
  }
  .mailForm__cont > dl > dd > label.birthday {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .mailForm__cont > dl + dl {
    margin-top: 10px;
  }
  .mailForm__cont {
    border: none;
  }
  .mailForm__cont > dl > dd input:not([type=checkbox]):not([type=radio]) {
    background-color: #fff;
    min-width: 10em;
  }
  .mailForm input[type=text],
  .mailForm textarea {
    font-size: 16px;
    padding: 1.3em 0.9em;
    -webkit-appearance: none;
  }
  .mailForm input[name^=transfer],
  .mailForm input[name=address2],
  .mailForm input[name=address3],
  .mailForm input[name=tel],
  .mailForm input[name=email] {
    width: 100%;
  }
  .mailForm select[name^=transfer] {
    margin-top: 10px;
  }
  .mailForm__btns > .btn {
    display: block;
    width: 100%;
    padding: 20px;
    min-width: inherit;
  }
  .mailForm__btns > .btn + .btn {
    margin-top: 10px;
  }
  .mailform__thxTxt {
    text-align: justify;
  }
}
/**************************news page***************************/
.row_news + .row_news {
  margin-top: 70px;
}

@media (max-width: 750px) {
  .row_news + .row_news {
    margin-top: 40px;
  }
}
/* .box-news
----------------------------------------------------------  */
.box-news {
  display: flex;
  justify-content: space-between;
}

.box-news__img {
  -ms-align-self: stretch;
  align-self: stretch;
  width: calc((100% - 30px) / 2);
  margin: 0;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.box-news__img:before {
  content: "";
  display: block;
  padding-top: 65%;
}

.box-news__txt {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc((100% - 30px) / 2);
  position: relative;
}

.box-news__txt > * {
  flex: 0 0 100%;
}

.box-news__txt h3.box-news__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 13px;
}

.box-news__txt h3.box-news__title a {
  color: #231f20;
  transition: all 0.3s;
}

.box-news__txt h3.box-news__title a:hover {
  color: #31867e;
  transition: all 0.3s;
}

.box-news__txt .des_txt_news {
  font-size: 14px;
  line-height: 1.6;
  color: #231a16;
  text-align: justify;
  margin-bottom: 20px;
}

.box-news__btn {
  -ms-align-self: flex-end;
  align-self: flex-end;
  color: #fff;
  font-size: 18px;
  background: #31867e url(/img/playy.png) no-repeat left 12px center;
  text-align: center;
  display: block;
  height: 71px;
  line-height: 71px;
  bottom: 0;
  transition: all 0.3s;
}

.box-news__btn:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

.toGreeting .box-news__img {
  background-image: url(/img/sc1.png);
  background-position: 10% 50%;
}

.toAbout .box-news__img {
  background-image: url(/img/sc2.png);
}

.toFacility .box-news__img {
  background-image: url(/img/sc3.png);
}

@media screen and (max-width: 750px) {
  .box-news {
    display: block;
  }
  .box-news__img,
  .box-news__txt {
    width: 100%;
  }
  .box-news__txt h3.box-news__title {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .box-news__txt .des_txt_news {
    margin-bottom: 10px;
  }
  .box-news__txt > .box-news__title > br {
    display: none;
  }
  .box-news__img {
    margin-bottom: 15px;
  }
  .box-news__btn {
    width: 100%;
  }
}
/*--------------------------------------------------------
/.box-news */
/* .dir_admission.page_information, .dir_admission.page_transfer
==========================================================  */
/* .table-entry
----------------------------------------------------------  */
.table-entry__title {
  font-size: 22px;
  color: #231a16;
  line-height: 1.3;
  border-bottom: 1px solid #231a16;
  margin-bottom: 50px;
  padding-bottom: 0.2em;
}

.table-entry__catName {
  margin-bottom: 0.2em;
}

.table-entry {
  display: table;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 20px;
  margin-bottom: 40px;
}

.table-entry:last-child {
  margin-bottom: 0;
}

.table-entry > dl {
  display: table-row;
}

.table-entry > dl > dt,
.table-entry > dl > dd {
  display: table-cell;
  border-bottom: 1px solid #ccc;
  padding: 30px;
  line-height: 1.5;
}

.table-entry > dl > dd span {
  color: #ed1c24;
}

.table-entry > dl > dt {
  border-right: 1px solid #ccc;
  width: 250px;
  background: #e7e7e8;
  text-align: center;
}

.table-entry > dl:last-child dd {
  border-bottom: 0;
}

@media screen and (max-width: 750px) {
  .table-entry {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .table-entry,
  .table-entry > dl,
  .table-entry > dl > dt,
  .table-entry > dl > dd {
    display: block;
    width: 100% !important;
  }
  .table-entry > dl > dt,
  .table-entry > dl > dd {
    text-align: left;
    border: none;
  }
  .table-entry > dl > dt {
    padding: 0.5em;
    background-color: #f2f2f2;
    margin-bottom: 13px;
  }
  .table-entry > dl > dd {
    padding: 0;
  }
  .table-entry > dl + dl {
    margin-top: 10px;
  }
  .table-entry__catName {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .table-entry__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
/*--------------------------------------------------------
/.table-entry */
.dir_admission.page_information hr,
.dir_admission.page_transfer hr {
  margin: 50px 0;
}

.dir_admission.page_information .simpleList,
.dir_admission.page_transfer .simpleList {
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  padding: 0 50px;
}

.dir_admission.page_information .simpleList > li,
.dir_admission.page_transfer .simpleList > li {
  text-indent: -1em;
  padding-left: 1em;
}

.dir_admission.page_information .simpleList > li + li,
.dir_admission.page_transfer .simpleList > li + li {
  margin-top: 10px;
}

.dir_admission.page_information .simpleList span,
.dir_admission.page_transfer .simpleList span {
  color: #ed1c24;
}

.dir_admission.page_information .entryBtn__title,
.dir_admission.page_transfer .entryBtn__title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  color: #ed1c24;
  font-size: 22px;
  margin-bottom: 20px;
}

.dir_admission.page_information .simpleList + .entryBt,
.dir_admission.page_transfer .simpleList + .entryBt {
  margin-top: 100px;
}

.dir_admission.page_information .entryBtn__btn,
.dir_admission.page_transfer .entryBtn__btn {
  display: inline-block;
  height: 71px;
  max-width: 350px;
  width: 100%;
  text-align: center;
  margin: auto;
  background: #31867e url(/img/playy.png) no-repeat left 12px center;
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
}

.transferNotWanted > p {
  font-size: 24px;
  color: #231a16;
}

.transferNotWanted {
  min-height: 20vh;
}

@media screen and (max-width: 750px) {
  .dir_admission.page_information .simpleList,
  .dir_admission.page_transfer .simpleList {
    padding: 0;
  }
  .dir_admission.page_information hr,
  .dir_admission.page_transfer hr {
    margin: 15px 0;
  }
  .dir_admission.page_information .entryBtn__title,
  .dir_admission.page_transfer .entryBtn__title {
    font-size: 18px;
  }
}
/*========================================================
/.dir_admission.page_information, .dir_admission.page_transfer */
/******************event **********************/
.pin {
  float: left;
  overflow: hidden;
  padding-left: 16px;
  position: relative;
  margin-top: 10px;
}

.pin:before {
  content: "";
  width: 11px;
  height: 11px;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 4px;
  background: #f39800;
}

.pin a {
  color: #f39800;
}

/*==================================================Slider detail=================================================================*/
.gc-icon.gc-icon-download {
  display: none !important;
}

.gc-thumbs-area-next .gc-icon.gc-icon-next:before {
  content: "\f105" !important;
  font: normal normal normal 24px/1 fontawesome !important;
  width: 24px;
  height: 24px;
  text-align: center;
}

.gc-thumbs-area-prev .gc-icon.gc-icon-prev:before {
  content: "\f104" !important;
  font: normal normal normal 24px/1 fontawesome !important;
  width: 24px;
  height: 24px;
  text-align: center;
}

.gc-display-area .gc-icon.gc-icon-next {
  width: 36px !important;
  height: 50px !important;
  right: 10px;
}

.gc-display-area .gc-icon.gc-icon-next:before {
  content: "\f105" !important;
  font: normal normal normal 48px/1 fontawesome !important;
  width: 36px;
  color: #fff;
  height: 50px;
  text-align: center;
}

.gc-display-area .gc-icon.gc-icon-prev {
  width: 36px !important;
  height: 50px !important;
  left: 10px;
}

.gc-display-area .gc-icon.gc-icon-prev:before {
  content: "\f104" !important;
  font: normal normal normal 48px/1 fontawesome !important;
  width: 36px;
  color: #fff;
  height: 50px;
  text-align: center;
}

.gc-overlay-right-icons .gc-icon.gc-icon-next {
  width: 36px !important;
  height: 50px !important;
  text-align: center;
}

.gc-overlay-right-icons .gc-icon.gc-icon-next:before {
  content: "\f105" !important;
  font: normal normal normal 48px/1 fontawesome !important;
  width: 36px !important;
  height: 50px !important;
  color: #fff;
}

.gc-overlay-left-icons .gc-icon.gc-icon-prev {
  width: 36px !important;
  height: 50px !important;
  text-align: center;
}

.gc-overlay-left-icons .gc-icon.gc-icon-prev:before {
  content: "\f104" !important;
  font: normal normal normal 48px/1 fontawesome !important;
  width: 36px !important;
  height: 50px !important;
  color: #fff;
}

.gc-icon.gc-icon-enlarge {
  display: none !important;
}

.gc-overlay-top-icons .gc-icon.gc-icon-close:before {
  content: "\f00d" !important;
  font: normal normal normal 25px/1 fontawesome !important;
  color: #fff;
  width: 24px;
  text-align: center;
}

.glass-case {
  margin: auto;
}

.gc-zoom,
.gc-lens {
  display: none !important;
}

/*===================================================end slider detail======================================================*/
.txt_info_event {
  font-size: 12px;
  color: #231815;
  padding-bottom: 25px;
  border-bottom: 1px solid #231815;
  margin-bottom: 25px;
}

.txt_info_event ul {
  margin: 20px 0;
  color: #c30d23;
}

.txt_info_event ul li {
  position: relative;
  padding-left: 16px;
}

.txt_info_event ul li:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background: #c30d23;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  top: 2px;
}

.list_other {
  border-bottom: 1px solid #231815;
  padding-bottom: 10px;
  margin-bottom: 50px;
}

.list_other h2 {
  margin-bottom: 20px;
  font-size: 14px;
  color: #231815;
}

.list_other ul {
  font-size: 14px;
}

.list_other ul li {
  margin-bottom: 20px;
  padding-left: 16px;
  position: relative;
}

.list_other ul li a {
  color: #231815;
  display: inline-block;
}

.list_other ul li:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background: #231815;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  top: 4px;
}

.text-center .entryBtn__btn {
  background: #00877c url(/img/playy.png) no-repeat left 12px center;
}

.content_event {
  margin-bottom: 100px;
}

/* .dir_introduction.page_about
==========================================================  */
/* .table_info
----------------------------------------------------------  */
.table_info {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 15px;
}

.table_info > dl {
  display: table-row;
}

.table_info > dl > dt,
.table_info > dl > dd {
  display: table-cell;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  padding: 20px;
  line-height: 1.5;
}

.table_info > dl > dd > .is_red {
  color: #ed1c24;
}

.table_info > dl > dt {
  border-right: 1px solid #ccc;
  width: 250px;
  text-align: center;
}

.table_info > dl:last-child td {
  border-bottom: 0;
  vertical-align: top;
}

.table_info > dl > dd > dl {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100% q;
}

.table_info > dl > dd > span {
  display: inline-block;
}

.table_info > dl > dd > dl + dl {
  margin-top: 10px;
}

.table_info > dl > dd > dl > dt {
  flex: 0 0 4em;
}

.table_info > dl > dd > dl > dd {
  flex: 1 1 auto;
}

@media screen and (max-width: 750px) {
  .table_info,
  .table_info > dl,
  .table_info > dl > dt,
  .table_info > dl > dd {
    display: block;
  }
  .table_info > dl,
  .table_info > dl > dt,
  .table_info > dl > dd {
    width: 100% !important;
  }
  .table_info > dl + tr {
    margin-top: 15px;
  }
  .table_info > dl > dt,
  .table_info > dl > dd {
    text-align: left !important;
    border: none !important;
  }
  .table_info > dl > dd {
    padding: 0;
  }
  .table_info > dl > dt {
    padding: 0.5em;
    background-color: #f2f2f2;
    margin-bottom: 13px;
  }
  .table_info > dl > dd > dl {
    display: block;
  }
  .table_info > dl > dd > dl > dt {
    position: relative;
    padding-bottom: 6px;
    margin-bottom: 5px;
    line-height: 1;
  }
  .table_info > dl > dd > dl > dt:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #000 0, #000 1px, transparent 1px, transparent 2px);
    background-size: 2px 100%;
    background-repeat: repeat-x;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .table_info > dl > dd > dl + dl {
    margin-top: 10px;
  }
  .table_info > dl + dl {
    margin-top: 10px;
  }
}
/*--------------------------------------------------------
/.table_info */
/* .schoolSong
----------------------------------------------------------  */
.schoolSong {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: space-between;
  font-family: "ro-nikkatsu-sei-kai-std", serif;
  margin-bottom: 60px;
}

.schoolSong__auther {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.schoolSong__auther > li {
  writing-mode: vertical-rl;
  display: block;
  font-size: 19px;
  line-height: 1.6;
  vertical-align: text-top;
  padding-top: 31px;
}

.schoolSong__lyrics {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.schoolSong__verseNum {
  flex: 0 0 100%;
  font-size: 19px;
  height: 31px;
  text-align: right;
}

.schoolSong__lyrics > span {
  display: block;
  vertical-align: text-top;
  width: 1em;
  font-size: 19px;
  line-height: 1;
}

.dir_introduction.page_about .img_music {
  display: flex;
  justify-content: space-between;
}

.dir_introduction.page_about .img_music li {
  width: calc((100% - 10px) / 2);
  font-size: 0;
}

.dir_introduction.page_about .btn_play_music {
  display: inline-block;
  color: #fff;
  max-width: 350px;
  width: 100%;
  height: 44px;
  background: #33817a url(/img/btnms.png) no-repeat left 15px center;
  border: 0;
  cursor: pointer;
}

@media screen and (min-width: 1280px) {
  .schoolSong__lyrics > span + span {
    margin-right: 18px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1279px) {
  .schoolSong__lyrics > span + span {
    margin-right: calc(7px + 11 * (100vw - 750px) / 530);
  }
}
@media screen and (max-width: 850px) {
  .schoolSong__lyrics {
    letter-spacing: -0.1em;
  }
  .schoolSong__auther > li,
  .schoolSong__lyrics span {
    font-size: 16px;
  }
}
@media screen and (max-width: 750px) {
  .schoolSong {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .schoolSongTitle {
    text-align: center;
  }
  .schoolSong__auther {
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: center;
  }
  .schoolSong__auther > li {
    writing-mode: horizontal-tb;
    padding-top: 0;
  }
  .schoolSong__auther > li + li {
    margin-left: 10px;
  }
  .schoolSong__verseNum {
    text-align: center;
  }
  .schoolSong__lyrics span {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .schoolSong__verse {
    margin-top: 30px;
  }
}
@media screen and (max-width: 480px) {
  .schoolSong__verse {
    width: 100%;
  }
}
/*--------------------------------------------------------
/.schoolSong */
/*========================================================
/.dir_introduction.page_about */
/* .dir_introduction.page_facility
==========================================================  */
.dir_introduction.page_facility .lead {
  text-align: left;
  margin-bottom: 30px;
}

.dir_introduction.page_facility main > section + section {
  margin-top: 85px;
}

.dir_introduction.page_facility main > section:last-child {
  padding-bottom: 140px;
}

.dir_introduction.page_facility .facilityRoom__zukouName {
  position: static !important;
  text-align: right !important;
  padding-top: 10px !important;
}

.dir_introduction.page_facility .facilityCont {
  width: 90%;
  margin: 0 auto 0 0;
}

.dir_introduction.page_facility .facilityCont.is_reverse {
  margin: 0 0 0 auto;
}

.dir_introduction.page_facility .facilityCont + .container {
  padding-top: 20px;
}

.dir_introduction.page_facility .facilityCont > * {
  margin-bottom: 40px;
}

.dir_introduction.page_facility .to360 {
  text-align: center;
  background: #add7d0;
  margin: 50px auto 0;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00877c;
  padding: 15px 10px 13px 18px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.26em;
  margin-top: 80px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 35px;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_facility .to360 {
    max-width: 337px;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_facility .to360 {
    margin-top: 45px;
    position: relative;
    display: flex;
    justify-content: center;
    padding-left: 60px;
    padding-right: 40px;
  }
}
.dir_introduction.page_facility .to360 > span {
  display: inline-block;
  position: absolute;
  left: 18px;
}
.dir_introduction.page_facility .to360 > span::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #00877c;
}
.dir_introduction.page_facility .to360 > span i.fa {
  color: white;
}

@media screen and (min-width: 1401px) {
  .dir_introduction.page_facility .facilityCont,
  .dir_introduction.page_facility .facilityCont.is_reverse {
    width: 1024px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_facility main > section:last-child {
    padding-bottom: 100px;
  }
  .dir_introduction.page_facility .lead {
    margin-bottom: 0;
  }
  .dir_introduction.page_facility main > section + section {
    margin-top: 60px;
  }
  .dir_introduction.page_facility .facilityCont,
  .dir_introduction.page_facility .facilityCont.is_reverse {
    width: 90%;
    margin: 0 auto;
  }
  .dir_introduction.page_facility .facilityCont > * {
    margin-bottom: calc(20px + 20 * (100vw - 750px) / 274 * 2);
  }
  .dir_introduction.page_facility .facilityCont + .container {
    margin-top: 10px;
    padding-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_facility main > section + section {
    margin-top: 45px;
  }
  .dir_introduction.page_facility .facilityCont > * {
    margin-bottom: 20px;
  }
}
.img1with2 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.img1with2__main {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 80px) / 3 * 2 + 40px);
  -ms-align-self: stretch;
  align-self: stretch;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin: 0;
}

.img1with2__main figcaption {
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 29px;
  line-height: 1;
}

.img1with2__subCont {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 80px) / 3);
}

.img1with2__sub {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin: 0;
}

.img1with2__sub:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.img1with2__sub:nth-child(1) {
  margin-bottom: 40px;
}

.img1with2__sub > figcaption {
  font-size: 21px;
  line-height: 1;
  display: block;
  width: 100%;
  padding-top: 5px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.img1with2.is_reverse {
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.img1with2.is_reverse .img1with2__main figcaption {
  left: auto;
  right: 20px;
}

.img1with2__main > figcaption.is_white {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .img1with2__sub:nth-child(1) {
    margin-bottom: calc(20px + 20 * (100vw - 750px) / 274);
  }
  .img1with2__sub > figcaption {
    font-size: calc(10px + 11 * (100vw - 750px) / 274);
  }
  .img1with2__main {
    flex-basis: calc((100% - (20px + 20 * (100vw - 750px) / 274) * 2) / 3 * 2 + 20px + 20 * (100vw - 750px) / 274);
  }
  .img1with2__main figcaption {
    font-size: calc(12px + 17 * (100vw - 750px) / 274);
  }
  .img1with2__subCont {
    flex-basis: calc((100% - (20px + 20 * (100vw - 750px) / 274) * 2) / 3);
  }
}
@media screen and (max-width: 750px) {
  .img1with2__sub:nth-child(1) {
    margin-bottom: 20px;
  }
  .img1with2__sub > figcaption {
    font-size: 10px;
  }
  .img1with2__main {
    flex-basis: calc((100% - 40px) / 3 * 2 + 20px);
  }
  .img1with2__main figcaption {
    font-size: 12px;
  }
  .img1with2__subCont {
    flex-basis: calc((100% - 40px) / 3);
  }
}
.img3equal {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.img3equal__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 80px) / 3);
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin: 0;
}

.img3equal__item > figcaption {
  font-size: 21px;
  line-height: 1;
  display: block;
  width: 100%;
  padding-top: 5px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.img3equal__item {
  background-color: #ccc;
}

.img3equal__item:before {
  content: "";
  display: block;
  padding-top: 100%;
}

@media screen and (max-width: 750px) {
  .img3equal__item {
    flex-basis: calc((100% - (20px + 20 * (100vw - 750px) / 274) * 2) / 3);
  }
  .img3equal__item > figcaption {
    font-size: calc(10px + 20 * (100vw - 750px) / 274);
  }
}
@media screen and (max-width: 750px) {
  .img3equal__item {
    flex-basis: calc((100% - 40px) / 3);
  }
  .img3equal__item > figcaption {
    font-size: 10px;
  }
}
.img2equal {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.img2equal__item {
  width: calc((100% - 40px) / 2);
  position: relative;
  margin: 0;
}

.img2equal__item > figcaption {
  font-size: 21px;
  line-height: 1;
  display: block;
  width: 100%;
  padding-top: 5px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
}

.img2equal__item {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.img2equal__item:before {
  content: "";
  display: block;
  padding-top: 100%;
}

@media screen and (max-width: 750px) {
  .img2equal__item {
    flex-basis: calc((100% - (20px + 20 * (100vw - 750px) / 274)) / 2);
  }
  .img2equal__item > figcaption {
    font-size: calc(10px + 20 * (100vw - 750px) / 274);
  }
}
@media screen and (max-width: 750px) {
  .img2equal__item {
    flex-basis: calc((100% - 20px) / 2);
  }
  .img2equal__item > figcaption {
    font-size: 10px;
  }
}
.imgFullW {
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.imgFullW > figcaption {
  position: absolute;
  top: 18px;
  left: 20px;
  font-size: 29px;
  line-height: 1;
}

.imgFullW > figcaption.is_white {
  color: #fff;
}

.imgFullW:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.facilityCont.is_reverse .imgFullW > figcaption {
  top: 18px;
  left: auto;
  right: 20px;
}

@media screen and (max-width: 750px) {
  .imgFullW > figcaption {
    font-size: calc(12px + 17 * (100vw - 750px) / 274);
  }
}
@media screen and (max-width: 750px) {
  .imgFullW > figcaption {
    font-size: 12px;
  }
}
.facility-aproach .img01 {
  background-image: url(/img/facility01.jpg);
}

.facility-aproach .img01_2 {
  background-image: url(/img/_MG_4334.jpg);
}

.facility-aproach .img02 {
  background-image: url(/img/IMG_9822.jpg);
}

.facility-aproach .img02:before {
  padding-top: 73%;
}

.facility-aproach .img02_2 {
  background-image: url(/img/_MG_4335.jpg);
}

.facility-aproach .img02_2:before {
  padding-top: 73%;
}

.facility-aproach .img03 {
  background-image: url(/img/facility03.jpg);
}

.facility-aproach .img03:before {
  padding-top: 76%;
}

.facility-aproach .img03_2 {
  background-image: url(/img/_MG_4336.jpg);
}

.facility-aproach .img03_2:before {
  padding-top: 76%;
}

.facility-building .img01 {
  background-image: url(/img/_MG_1619.jpg);
}

.facility-building .img02 {
  background-image: url(/img/img99.png);
}

.facility-building .img02:before {
  padding-top: 68%;
}

.facility-building .img03 {
  background-image: url(/img/_MG_0142.jpg);
}

.facility-building .img03:before {
  padding-top: 66%;
}

.facility-building .img04 {
  background-image: url(/img/IMG_8510.jpg);
}

.facility-building .img05 {
  background-image: url(/img/facility08.jpg);
}

.facility-building .img06 {
  background-image: url(/img/introduction/facility/washroom.jpg);
}

.facility-building .img04:before,
.facility-building .img05:before,
.facility-building .img06:before {
  padding-top: 67%;
}

.facility-room01 .img01 {
  background-image: url(/img/facility10.jpg);
}

.facility-room01 .img01:before {
  padding-top: 66%;
}

.facility-room02 .img01 {
  background-image: url(/img/_MG_1025.jpg);
}

.facility-room02 .img01:before {
  padding-top: 66%;
}

.facility-room02 .img02 {
  background-image: url(/img/_MG_1042.jpg);
}

.facility-room02 .img03 {
  background-image: url(/img/_MG_1333.jpg);
}

.facility-room02 .img04 {
  background-image: url(/img/_MG_0603.jpg);
}

.facility-room02 .img02:before,
.facility-room02 .img03:before,
.facility-room02 .img04:before {
  padding-top: 66%;
}

.facility-room02 .img05 {
  background-image: url(/img/_MG_1984.jpg);
}

.facility-room02 .img06 {
  background-image: url(/img/_MG_1055.jpg);
}

.facility-room02 .img07 {
  background-image: url(/img/IMG_8743.jpg);
}

.facility-room02 .img05:before,
.facility-room02 .img06:before,
.facility-room02 .img07:before {
  padding-top: 66%;
}

.facility-room03 .img01 {
  background-image: url(/img/_MG_0197.jpg);
}

.facility-room03 .img02 {
  background-image: url(/img/_MG_4333.jpg);
}

.facility-room03 .img01:before,
.facility-room03 .img02:before {
  padding-top: 66%;
}

.facility-playground .img01 {
  background-image: url(/img/_MG_0129.jpg);
}

.facility-playground .img01:before {
  padding-top: 66%;
}

.facility-playground .img02 {
  background-image: url(/img/IMG_6998.JPG);
}

.facility-playground .img03 {
  background-image: url(/img/IMG_8838.jpg);
}

.facility-playground .img04 {
  background-image: url(/img/_MG_0189.jpg);
}

.facility-playground .img02:before,
.facility-playground .img03:before,
.facility-playground .img04:before {
  padding-top: 70%;
}

.facility-anothers .img01 {
  background-image: url(/img/_MG_1016.jpg);
}

.facility-anothers .img02 {
  background-image: url(/img/_MG_1019.jpg);
}

.facility-anothers .img01:before,
.facility-anothers .img02:before {
  padding-top: 66%;
}

.facility-anothers .img03 {
  background-image: url(/img/IMG_0550.jpg);
}

.facility-anothers .img04 {
  background-image: url(/img/IMG_0549.jpg);
}

.facility-anothers .img05 {
  background-image: url(/img/_MG_1271.jpg);
}

.facility-anothers .img03:before,
.facility-anothers .img04:before,
.facility-anothers .img05:before {
  padding-top: 66%;
}

/*========================================================
/.dir_introduction.page_facility */
.sc_row_img_part .row_img_part:last-child {
  margin-bottom: 50px;
}

.toConcept__imgs {
  animation-duration: 3s;
  animation-fill-mode: both;
}

.contentsLeadTxt {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.contentsLead__img {
  animation-duration: 3s;
  animation-fill-mode: both;
}

/*****************************qa*****************************/
.navMenu {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -16px;
  font-size: 15px;
}

* + .navMenu {
  margin-top: 30px;
}

.navMenu li {
  flex: 1 1 auto;
  line-height: 1;
  padding: 5px 12px;
  border: 1px solid #231a16;
  border-radius: 3px;
  margin: 0 9px 16px 9px;
  text-indent: -13px;
  padding-left: 25px;
}

.navMenu li a {
  display: block;
}

.navMenu li a:hover {
  color: #00897d;
}

.navMenu li a .fa {
  text-indent: 0;
  font-size: 13px;
  vertical-align: middle;
  transform: translateY(-5%);
  color: #00897d;
  margin-right: 5px;
}

@media screen and (max-width: 750px) {
  .navMenu {
    width: calc(100% + 18px);
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: -10px;
  }
  .navMenu li {
    margin-bottom: 10px;
  }
}
.box_question_answer {
  color: #231f20;
}

.box_question_answer + .box_question_answer {
  margin-top: 30px;
}

.box_question_answer .txt_question {
  font-size: 22.5px;
  background: #c9dbd9;
  position: relative;
}

.box_question_answer .txt_question span {
  color: #fff;
  font-size: 22.5px;
  background: #00897d;
  display: flex;
  vertical-align: middle;
  width: 50px;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.box_question_answer .txt_question .txt_qus {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  padding: 10px 10px 8px 68px;
}

.box_question_answer .txt_answer {
  margin-top: 15px;
}

.box_question_answer .txt_answer .txt {
  display: block;
  font-size: 15px;
  line-height: 1.8;
  color: #231a16;
  padding-top: 8px;
  text-align: justify;
  text-indent: -2em;
  padding-left: calc(50px + 2em);
  padding-right: 50px;
}

.box_question_answer .txt_answer .txt:before {
  content: "A.";
  color: #00897d;
  font-size: 22.5px;
  line-height: 1;
  display: inline-block;
  margin-right: 5px;
  text-indent: 0;
}

@media screen and (max-width: 750px) {
  .box_question_answer .txt_answer .txt {
    padding-top: 0;
    line-height: 1.6;
    text-indent: -2.1em;
    padding-left: calc(16px + 2.1em);
    padding-right: 0;
  }
  .box_question_answer .txt_question .txt_qus {
    font-size: 16px;
  }
  .box_question_answer .txt_answer .txt:before {
    margin-right: 7px;
  }
  .box_question_answer .txt_answer {
    margin-top: 10px;
  }
  .box_question_answer + .box_question_answer {
    margin-top: 20px;
  }
}
.backToTop {
  display: inline-block;
  color: #00897d;
  font-size: 17.5px;
  background: #c9dbd9;
  padding: 5px 10px 3px;
  margin-top: 40px;
  cursor: pointer;
}

.backToTop .fa {
  color: #fff;
  margin-right: 3px;
  transform: translateY(-5%);
}

@media screen and (max-width: 750px) {
  .backToTop {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    padding: 15px 10px 13px;
  }
}
/*
==========================================================  */
.dir_features.page_index .toPolicy .box-news__img {
  background-image: url(/img/news_ed_1.png);
}

.dir_features.page_index .to10features .box-news__img {
  background-image: url(/img/news_ed_2.png);
}

.dir_features.page_index .toIct .box-news__img {
  background-image: url(/img/news_ed_3.png);
}

.dir_features.page_index .toIkkan .box-news__img {
  background-image: url(/img/news_ed_4.png);
}

.dir_features.page_index .toBlog .box-news__img {
  background-image: url(/img/news_ed_5.png);
}

.dir_features.page_index .toVideo .box-news__img {
  background-image: url(/img/news_ed_6.png);
}

.dir_features.page_index .toSubject .box-news__img {
  background-image: url(/img/news_ed_7.png);
}

/*========================================================
/ */
/* .dir_introduction.page_greeting
==========================================================  */
.dir_introduction.page_greeting .schoolmaster-img {
  display: block;
  width: 100%;
  margin-bottom: 40px;
}

.dir_introduction.page_greeting .greetingTxt {
  margin: 0 auto;
  max-width: 655px;
}

.dir_introduction.page_greeting .greetingMessage {
  line-height: 1.8;
  font-size: 15px;
  color: #231815;
  text-align: justify;
  margin-bottom: 30px;
}

.dir_introduction.page_greeting .greetingMds {
  font-size: 22px;
  line-height: 1.4;
  color: #231815;
  margin-bottom: 20px;
  text-align: center;
}

.dir_introduction.page_greeting .greetingSign {
  text-align: right;
  line-height: 1;
}

.greetingSign__date {
  font-size: 13px;
  margin-bottom: 15px;
}

.greetingSign__post {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

.greetingSign__name {
  font-size: 26px;
  font-weight: bold;
}

@media screen and (max-width: 770px) {
  .dir_introduction.page_greeting .greetingMds {
    text-align: left;
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
  }
  .dir_introduction.page_greeting .greetingMds > br {
    display: none;
  }
  .greetingMessage > br + br {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_greeting .schoolmaster-img {
    margin-bottom: 20px;
  }
  .greetingSign__name {
    font-size: 20px;
  }
}
/*========================================================
/.dir_introduction.page_greeting */
/* .dir_introduction.page_tuition
==========================================================  */
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition main .container.is_wrapped:last-child {
    padding-bottom: 123px;
  }
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .u-pc-none {
    display: none;
  }
}
.dir_introduction.page_tuition .subjectTitle {
  font-family: "kozuka-mincho-pr6n", serif;
  color: #0e8278;
  letter-spacing: 0.12em;
  line-height: 1.74;
  font-weight: 300;
  border-bottom-style: solid;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .tuition__container + .tuition__container {
    margin-top: 100px;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_tuition .tuition__container + .tuition__container {
    margin-top: 50px;
  }
}
.dir_introduction.page_tuition .tuition__container h2 {
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.2em;
  border-bottom: 1px dotted #9fa0a0;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .tuition__container h2 {
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_tuition .tuition__container h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .dir_introduction.page_tuition .tuition__container h2 span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 450px) {
  .dir_introduction.page_tuition .tuition__container h2 {
    letter-spacing: 0;
  }
  .dir_introduction.page_tuition .tuition__container h2 span {
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
  }
}
.dir_introduction.page_tuition .tuition__tablewrap table, .dir_introduction.page_tuition .tuition__tablewrap thead,
.dir_introduction.page_tuition .tuition__tablewrap tr,
.dir_introduction.page_tuition .tuition__tablewrap th,
.dir_introduction.page_tuition .tuition__tablewrap td {
  box-sizing: border-box;
}
.dir_introduction.page_tuition .tuition__tablewrap table {
  width: 100%;
  border-collapse: collapse;
}
.dir_introduction.page_tuition .tuition__tablewrap table th:not(.blank) {
  background-color: #b0dcd5;
  color: #00877c;
}
.dir_introduction.page_tuition .tuition__tablewrap table th {
  line-height: 2.5;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .tuition__tablewrap table th {
    font-size: 18px;
    letter-spacing: 0.56em;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_tuition .tuition__tablewrap table th {
    font-size: 15px;
    letter-spacing: 0.1em;
  }
}
.dir_introduction.page_tuition .tuition__tablewrap table thead tr th {
  border-right: none;
}
.dir_introduction.page_tuition .tuition__tablewrap table thead tr {
  border-right: 1px solid #b0dcd5;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody tr {
  border-right: 1px dotted #dcdddd;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody tr:last-of-type td {
  border-bottom: 1px dotted #dcdddd;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody tr:not(:last-child) {
  border-bottom: 1px dotted #dcdddd;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody th.u-lh1 {
  letter-spacing: 0.34em;
  font-feature-settings: "palt" 1;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody th.u-lh2 {
  letter-spacing: 0.06em;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .tuition__tablewrap table tbody th {
    width: 198px;
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_tuition .tuition__tablewrap table tbody th {
    width: 130px;
  }
  .dir_introduction.page_tuition .tuition__tablewrap table tbody th.u-lh1 {
    line-height: 1.25;
    padding: 10px 0;
  }
  .dir_introduction.page_tuition .tuition__tablewrap table tbody th.u-lh2 {
    line-height: 1.25;
    padding: 10px 0;
  }
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody td {
  text-align: center;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.2em;
  line-height: 1.75;
}
.dir_introduction.page_tuition .tuition__tablewrap table tbody td .u-text-sm {
  font-size: 12px;
  letter-spacing: 0;
}
@media screen and (min-width: 751px) {
  .dir_introduction.page_tuition .tuition__tablewrap table tbody td {
    font-size: 21px;
    width: calc(100% - 198px);
  }
}
@media screen and (max-width: 750px) {
  .dir_introduction.page_tuition .tuition__tablewrap table tbody td {
    font-size: 16px;
    width: calc(100% - 130px);
  }
}

/*========================================================
/.dir_introduction.page_tuition */
/* .dir_features.page_video
==========================================================  */
.videosBox {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.videosBox__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 40px) / 2);
}

.videosBox__item:not(:nth-child(-n+2)) {
  margin-top: 60px;
}

.videosBox__videoWrap {
  position: relative;
}

.videosBox__videoWrap:before {
  content: "";
  display: block;
  padding-top: 56.5%;
  margin-bottom: 5px;
}

.videosBox__videoWrap > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.videosBox__date {
  text-align: right;
  color: #231f20;
  font-size: 14px;
  margin-bottom: 5px;
}

.videosBox__title:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 17px;
  background: url(/img/icon_cam.png) 50% 50%/cover no-repeat;
  margin-right: 5px;
}

.videosBox__title {
  font-size: 19px;
  position: relative;
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px dashed #000;
  text-indent: -32px;
  padding-left: 32px;
}

@media screen and (max-width: 750px) {
  .videosBox__title {
    font-size: 16px;
    text-indent: -31px;
    padding-left: 31px;
  }
  .videosBox__item {
    flex: 0 0 100%;
  }
  .videosBox__item:not(:nth-child(-n+2)) {
    margin-top: auto;
  }
  .videosBox__item + .videosBox__item {
    margin-top: 40px;
  }
}
/*========================================================
/.dir_features.page_video */
/* .dir_features.page_10features
==========================================================  */
.dir_features.page_10features .list_subject {
  margin-bottom: 50px;
}

.dir_features.page_10features .tit_fatures {
  font-size: 35px;
  color: #231f20;
  margin-bottom: 30px;
}

.dir_features.page_10features .des_fatures {
  font-size: 15px;
  color: #231f20;
  line-height: 28px;
}

@media screen and (min-width: 1300px) {
  .dir_features.page_10features .des_fatures {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1220px) {
  .dir_features.page_10features .des_fatures {
    text-align: left;
  }
  .dir_features.page_10features .des_fatures > br {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features .tit_fatures {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
  }
}
/*========================================================
/.dir_features.page_10features */
/* .dir_features.page_10features__after-school
==========================================================  */
.dir_features.page_10features__after-school .container.is_wrapped .subjectTitle .u-colored {
  color: #d80c18;
}
.dir_features.page_10features__after-school .subjectIntro__cap {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.075em;
}
.dir_features.page_10features__after-school .subject__list {
  margin-top: 80px;
  margin-bottom: 20px;
  -moz-column-gap: 0;
       column-gap: 0;
  margin-bottom: -1.5em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .subject__list {
    -moz-column-count: 3;
         column-count: 3;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__after-school .subject__list {
    margin-top: 35px;
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media screen and (min-width: 451px) {
  .dir_features.page_10features__after-school .subject__list .u-br {
    display: none;
  }
}
.dir_features.page_10features__after-school .subject__list li {
  list-style: none;
  text-align: center;
  color: #00877c;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  /* pc */
  /* sp */
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .subject__list li {
    border: 0.5px solid #00877c;
    border-bottom: none;
    font-size: 23px;
    line-height: 2;
  }
  .dir_features.page_10features__after-school .subject__list li.u-pc-none {
    display: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-of-type(10), .dir_features.page_10features__after-school .subject__list li:nth-of-type(21) {
    border-left: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-last-of-type(n + 10) {
    border-right: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-last-of-type(-n + 2) {
    border-right: none;
  }
  .dir_features.page_10features__after-school .subject__list li:last-of-type {
    border-top: none;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__after-school .subject__list li {
    border: 1px solid #00877c;
    border-bottom: none;
    font-size: 18px;
    line-height: 2;
    height: 37px;
  }
  .dir_features.page_10features__after-school .subject__list li.u-mid-none {
    display: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-last-of-type(n + 16) {
    border-right: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-of-type(15) {
    border-left: none;
  }
  .dir_features.page_10features__after-school .subject__list li:nth-last-of-type(-n + 2) {
    border-right: none;
  }
}
@media screen and (max-width: 450px) {
  .dir_features.page_10features__after-school .subject__list li.u-sp-font-size {
    line-height: 1.14;
    font-size: 14px;
    padding: 2px 0;
  }
}
@media screen and (max-width: 240px) {
  .dir_features.page_10features__after-school .subject__list li {
    font-size: 14px;
  }
  .dir_features.page_10features__after-school .subject__list li.u-sp-font-size {
    line-height: 1.2;
    font-size: 10px;
    padding: 2px 0;
  }
}
.dir_features.page_10features__after-school .subject__list-text {
  font-size: 15px;
  line-height: 1.666;
  letter-spacing: 0.13em;
}
.dir_features.page_10features__after-school .list_life_after .box_life_after {
  justify-content: space-between;
}
.dir_features.page_10features__after-school .list_life_after .box_life_after .sub_life_after {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .list_life_after .box_life_after .sub_life_after {
    width: 51%;
  }
}
.dir_features.page_10features__after-school .list_life_after .box_life_after .sub_life_after h3 {
  color: #d80c18;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .list_life_after .box_life_after .img_life_after {
    width: 47%;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .box_life_after + .box_life_after {
    margin-top: 80px;
  }
}
.dir_features.page_10features__after-school .detail-btn {
  text-align: center;
  background: #add7d0;
  min-height: 45px;
  display: flex;
  align-items: center;
  color: #00877c;
  gap: 15px;
  padding: 15px 10px 13px 18px;
  font-size: 16.25px;
  font-weight: bold;
  letter-spacing: 0.26em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__after-school .detail-btn {
    margin: 130px auto 70px;
    max-width: 385px;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__after-school .detail-btn {
    margin: 50px auto 15px;
    position: relative;
    display: flex;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 464px) {
  .dir_features.page_10features__after-school .detail-btn {
    justify-content: center;
  }
}
.dir_features.page_10features__after-school .detail-btn > span {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__after-school .detail-btn > span {
    position: absolute;
    left: 18px;
  }
}
@media screen and (max-width: 464px) {
  .dir_features.page_10features__after-school .detail-btn > span {
    align-self: baseline;
  }
}
.dir_features.page_10features__after-school .detail-btn > span::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #00877c;
}
.dir_features.page_10features__after-school .detail-btn > span i.fa {
  color: white;
}
@media screen and (max-width: 285px) {
  .dir_features.page_10features__after-school .detail-btn br.u-br {
    display: none;
  }
}
@media screen and (min-width: 465px) {
  .dir_features.page_10features__after-school .detail-btn br.u-br {
    display: none;
  }
}

/*========================================================
/.dir_features.page_10features__after-school */
/* .dir_features.page_10features__expression
==========================================================  */
.dir_features.page_10features__expression .container.is_wrapped .subjectTitle .u-colored {
  color: #8fc31f;
}
.dir_features.page_10features__expression .subjectIntro__cap {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__expression .list_life_after {
    margin-bottom: 80px;
  }
}
.dir_features.page_10features__expression .list_life_after .box_life_after {
  justify-content: space-between;
}
.dir_features.page_10features__expression .list_life_after .box_life_after .sub_life_after {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__expression .list_life_after .box_life_after .sub_life_after {
    width: 51%;
  }
}
.dir_features.page_10features__expression .list_life_after .box_life_after .sub_life_after h3 {
  color: #8fc31f;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__expression .list_life_after .box_life_after .img_life_after {
    width: 47%;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__expression .box_life_after + .box_life_after {
    margin-top: 80px;
  }
}

/*========================================================
/.dir_features.page_10features__expression */
/* .dir_features.page_10features__ict
==========================================================  */
.dir_features.page_10features__ict .container.is_wrapped .subjectTitle .u-colored {
  color: #ea5504;
}
.dir_features.page_10features__ict .container.is_wrapped .subjectTitle .u-font-en {
  letter-spacing: 0.26em;
}
.dir_features.page_10features__ict .subjectIntro__cap {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.12em;
}
.dir_features.page_10features__ict .list_life_after .box_life_after {
  justify-content: space-between;
}
.dir_features.page_10features__ict .list_life_after .box_life_after .sub_life_after {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.07em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .list_life_after .box_life_after .sub_life_after {
    width: 51%;
  }
}
.dir_features.page_10features__ict .list_life_after .box_life_after .sub_life_after h3 {
  color: #ea5504;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .list_life_after .box_life_after .sub_life_after h3 .u-sp-none {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .list_life_after .box_life_after .img_life_after {
    width: 47%;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .box_life_after + .box_life_after {
    margin-top: 80px;
  }
}
.dir_features.page_10features__ict .ict__basic-principle {
  margin-top: 30px;
  padding: 25px;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .ict__basic-principle {
    border: 0.5px solid #000;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle {
    flex-direction: column;
    border: 1px solid #000;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .ict__basic-principle-wrapper {
    width: calc(53.5% - 19px);
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle-wrapper {
    display: contents;
  }
}
.dir_features.page_10features__ict .ict__basic-principle-title {
  letter-spacing: 0.06em;
  line-height: 1.857;
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle-title {
    font-size: 21px;
    order: 1;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle-title {
    font-size: 20px;
  }
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .ict__basic-principle-img {
    width: calc(46.5% - 19px);
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle-img {
    order: 2;
  }
}
.dir_features.page_10features__ict .ict__basic-principle ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .ict__basic-principle ul {
    order: 3;
    margin-top: 30px;
  }
}
.dir_features.page_10features__ict .ict__basic-principle ul li {
  height: 54.8px;
  display: flex;
  gap: 3px;
}
.dir_features.page_10features__ict .ict__basic-principle ul li span {
  width: 34.6px;
  background-color: #ea5504;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dir_features.page_10features__ict .ict__basic-principle ul li p {
  background-color: rgba(234, 85, 4, 0.2);
  color: #ea5504;
  font-size: 10px;
  letter-spacing: 0.14em;
  font-feature-settings: "palt" 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
}
.dir_features.page_10features__ict .teacher-voice {
  position: relative;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .teacher-voice {
    border: 0.5px solid #956134;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice {
    display: flex;
    flex-direction: column;
    border: 1px solid #956134;
  }
}
.dir_features.page_10features__ict .teacher-voice h2 {
  padding: 15px 25px 12px;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__ict .teacher-voice h2 {
    border-bottom: 0.5px solid #956134;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice h2 {
    border-bottom: 1px solid #956134;
    order: 1;
  }
}
.dir_features.page_10features__ict .teacher-voice h2 .teacher-voice__tilte {
  width: 220px;
  height: 29.5px;
}
.dir_features.page_10features__ict .teacher-voice h3 {
  font-size: 20.59px;
  letter-spacing: 0.05em;
  line-height: 1.22;
  font-weight: bold;
  padding-left: 25px;
  margin-top: 25px;
  margin-bottom: 13px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice h3 {
    order: 2;
    padding-right: 25px;
  }
}
.dir_features.page_10features__ict .teacher-voice h4 {
  font-size: 13.73px;
  letter-spacing: 0.05em;
  line-height: 1.165;
  font-feature-settings: "palt" 1;
  padding-left: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice h4 {
    order: 3;
  }
}
.dir_features.page_10features__ict .teacher-voice p {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-feature-settings: "palt" 1;
  line-height: 2.16;
  padding-left: 25px;
  margin-bottom: 60px;
  max-width: 536px;
  width: 41vw;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice p {
    order: 5;
    width: 100%;
    max-width: 100%;
    padding-right: 25px;
    margin-bottom: 25px;
  }
}
.dir_features.page_10features__ict .teacher-voice__img {
  position: absolute;
  bottom: 0;
  height: 353px;
}
@media screen and (min-width: 1401px) {
  .dir_features.page_10features__ict .teacher-voice__img {
    right: 70px;
  }
}
@media screen and (max-width: 1400px) {
  .dir_features.page_10features__ict .teacher-voice__img {
    right: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__ict .teacher-voice__img {
    height: 47.0666666667vw;
    -o-object-fit: contain;
       object-fit: contain;
    position: static;
    order: 4;
    margin-bottom: 15px;
    min-width: 200px;
  }
}

/*========================================================
/.dir_features.page_10features__ict */
/* .dir_features.page_10features__curriculum-management
==========================================================  */
.dir_features.page_10features__curriculum-management .container.is_wrapped .subjectTitle .u-colored {
  color: #956134;
}
.dir_features.page_10features__curriculum-management .subjectTitle {
  letter-spacing: 0.12em;
}
@media screen and (min-width: 1100px) {
  .dir_features.page_10features__curriculum-management .subjectLead {
    white-space: nowrap;
  }
}
.dir_features.page_10features__curriculum-management .subjectIntro__cap {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__curriculum-management .subjectIntro__img {
    filter: blur(1.5px);
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .subjectIntro__img {
    filter: blur(1px);
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice {
  position: relative;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__curriculum-management .teacher-voice {
    border: 0.5px solid #956134;
  }
  .dir_features.page_10features__curriculum-management .teacher-voice:first-of-type p {
    margin-bottom: 25px;
  }
  .dir_features.page_10features__curriculum-management .teacher-voice + .teacher-voice {
    margin-top: 37px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice {
    display: flex;
    flex-direction: column;
    border: 1px solid #956134;
  }
  .dir_features.page_10features__curriculum-management .teacher-voice + .teacher-voice {
    margin-top: 30px;
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice h2 {
  padding: 15px 25px 12px;
}
@media screen and (min-width: 751px) {
  .dir_features.page_10features__curriculum-management .teacher-voice h2 {
    border-bottom: 0.5px solid #956134;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice h2 {
    border-bottom: 1px solid #956134;
    order: 1;
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice h2 .teacher-voice__tilte {
  width: 220px;
  height: 29.5px;
}
.dir_features.page_10features__curriculum-management .teacher-voice h3 {
  font-size: 20.59px;
  letter-spacing: 0.05em;
  line-height: 1.22;
  font-weight: bold;
  padding-left: 25px;
  margin-top: 25px;
  margin-bottom: 13px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice h3 {
    order: 2;
    padding-right: 25px;
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice h4 {
  font-size: 13.73px;
  letter-spacing: 0.05em;
  line-height: 1.165;
  font-feature-settings: "palt" 1;
  padding-left: 25px;
  margin-bottom: 25px;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice h4 {
    order: 3;
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice p {
  font-size: 15px;
  letter-spacing: 0.1em;
  font-feature-settings: "palt" 1;
  line-height: 2.16;
  padding-left: 25px;
  margin-bottom: 72px;
  max-width: 536px;
  width: 41vw;
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice p {
    order: 5;
    width: 100%;
    max-width: 100%;
    padding-right: 25px;
    margin-bottom: 25px;
  }
}
.dir_features.page_10features__curriculum-management .teacher-voice__img {
  position: absolute;
  bottom: 0;
  height: 353px;
}
@media screen and (min-width: 1401px) {
  .dir_features.page_10features__curriculum-management .teacher-voice__img {
    right: 50px;
  }
}
@media screen and (max-width: 1400px) {
  .dir_features.page_10features__curriculum-management .teacher-voice__img {
    right: 3.6vw;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_10features__curriculum-management .teacher-voice__img {
    height: 47.0666666667vw;
    -o-object-fit: contain;
       object-fit: contain;
    position: static;
    order: 4;
    margin-bottom: 15px;
    min-width: 200px;
  }
}

/*========================================================
/.dir_features.page_10features__curriculum-management */
/* .indexDetail
==========================================================  */
.indexDetail__icon {
  font-size: 14.25px;
  color: #231f20;
  margin-bottom: 22px;
}

.indexDetail__icon span {
  display: block;
  margin-top: 2px;
}

.indexDetail__title {
  text-align: center;
  color: #231f20;
  font-size: 30px;
  margin-bottom: 50px;
  font-weight: normal;
  position: relative;
  z-index: 1;
}

.indexDetail__item + .indexDetail__item {
  margin-top: 160px;
}

.indexDetail__item {
  width: 90%;
  max-width: calc(100% - (100% - 1024px) / 2);
}

.indexDetail__item:nth-child(even) {
  margin-left: 10%;
}

.indexDetail__box {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  position: relative;
  z-index: 0;
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
}

.indexDetail__img {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 30px) / 2);
  margin: 0;
  font-size: 0;
  background-repeat: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.indexDetail__img:before {
  content: "";
  display: block;
  padding-top: 53%;
}

.indexDetail__txt {
  -ms-align-self: stretch;
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 30px) / 2);
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 32%;
  font-size: 15px;
  color: #000;
  text-align: justify;
  line-height: 25px;
  position: relative;
  z-index: 1;
}

.indexDetail__cap {
  flex: 0 0 100%;
  margin-bottom: 30px;
}

.indexDetail__btn {
  -ms-align-self: flex-end;
  align-self: flex-end;
  flex: 0 0 100%;
  position: relative;
  background: #fcdee3;
  color: #f1729e;
  display: block;
  text-align: center;
  padding: 10px 0;
  font-size: 16.25px;
}

.indexDetail__btn:before {
  content: "\f144";
  font: normal normal normal 17px/1 FontAwesome;
  position: absolute;
  height: 14px;
  width: 14px;
  line-height: 14px;
  background: #f1729e;
  display: inline-block;
  left: 15px;
  color: #fff;
  border-radius: 50%;
  margin: auto;
  bottom: 0;
  top: 0;
}

.indexDetail__txt:before {
  font-family: sans-serif;
  content: "";
  position: absolute;
  top: -50px;
  right: 95px;
  transform: translate(50%, -50%);
  z-index: -1;
  width: 248px;
  height: 202px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.indexDetail__item:nth-child(even) .indexDetail__box {
  flex-direction: row-reverse;
}

.indexDetail__item:nth-child(even) .indexDetail__txt:before {
  right: auto;
  left: 95px;
  transform: translate(-50%, -50%);
}

.dir_features.page_10features #feature01 .indexDetail__img {
  background-image: url(/img/ft1.jpg);
}

.dir_features.page_10features #feature02 .indexDetail__img {
  background-image: url(/img/ft2.jpg);
}

.dir_features.page_10features #feature03 .indexDetail__img {
  background-image: url(/img/ft3.jpg);
}

.dir_features.page_10features #feature04 .indexDetail__img {
  background-image: url(/img/ft4.jpg);
}

.dir_features.page_10features #feature05 .indexDetail__img {
  background-image: url(/img/ft5.jpg);
}

.dir_features.page_10features #feature06 .indexDetail__img {
  background-image: url(/img/ft6.jpg);
}

.dir_features.page_10features #feature07 .indexDetail__img {
  background-image: url(/img/ft7.jpg);
}

.dir_features.page_10features #feature08 .indexDetail__img {
  background-image: url(/img/ft8.jpg);
}

.dir_features.page_10features #feature09 .indexDetail__img {
  background-image: url(/img/ft9.jpg);
}

.dir_features.page_10features #feature10 .indexDetail__img {
  background-image: url(/img/ft10.jpg);
}

.indexDetail__txt[title="1"]:before {
  background-image: url(/img/features/10features/no01.svg);
}

.indexDetail__txt[title="2"]:before {
  background-image: url(/img/features/10features/no02.svg);
}

.indexDetail__txt[title="3"]:before {
  background-image: url(/img/features/10features/no03.svg);
}

.indexDetail__txt[title="4"]:before {
  background-image: url(/img/features/10features/no04.svg);
}

.indexDetail__txt[title="5"]:before {
  background-image: url(/img/features/10features/no05.svg);
}

.indexDetail__txt[title="6"]:before {
  background-image: url(/img/features/10features/no06.svg);
}

.indexDetail__txt[title="7"]:before {
  background-image: url(/img/features/10features/no07.svg);
}

.indexDetail__txt[title="8"]:before {
  background-image: url(/img/features/10features/no08.svg);
}

.indexDetail__txt[title="9"]:before {
  background-image: url(/img/features/10features/no09.svg);
}

.indexDetail__txt[title="10"]:before {
  background-image: url(/img/features/10features/no10.svg);
  left: 162px !important;
}

.dir_features.page_10features .indexDetail__item:nth-child(1) .indexDetail__title {
  color: #f06692;
}

.dir_features.page_10features .indexDetail__item:nth-child(2) .indexDetail__title {
  color: #00adef;
}

.dir_features.page_10features .indexDetail__item:nth-child(2) .indexDetail__btn {
  background: #c6eafb;
  color: #00adef;
}

.dir_features.page_10features .indexDetail__item:nth-child(2) .indexDetail__btn:before {
  background: #00adef;
}

.dir_features.page_10features .indexDetail__item:nth-child(3) .indexDetail__title {
  color: #008d47;
}

.dir_features.page_10features .indexDetail__item:nth-child(3) .indexDetail__btn {
  background: #c6dccb;
  color: #008d47;
}

.dir_features.page_10features .indexDetail__item:nth-child(3) .indexDetail__btn:before {
  background: #008d47;
}

.dir_features.page_10features .indexDetail__item:nth-child(4) .indexDetail__title {
  color: #f7931d;
}

.dir_features.page_10features .indexDetail__item:nth-child(4) .indexDetail__btn {
  background: #fee5ca;
  color: #f7931d;
}

.dir_features.page_10features .indexDetail__item:nth-child(4) .indexDetail__btn:before {
  background: #f7931d;
}

.dir_features.page_10features .indexDetail__item:nth-child(5) .indexDetail__title {
  color: #8cc63e;
}

.dir_features.page_10features .indexDetail__item:nth-child(5) .indexDetail__btn {
  background: #e5f0d4;
  color: #8cc63e;
}

.dir_features.page_10features .indexDetail__item:nth-child(5) .indexDetail__btn:before {
  background: #8cc63e;
}

.dir_features.page_10features .indexDetail__item:nth-child(6) .indexDetail__title {
  color: #8a5d3b;
}

.dir_features.page_10features .indexDetail__item:nth-child(6) .indexDetail__btn {
  background: #ded0c5;
  color: #8a5d3b;
}

.dir_features.page_10features .indexDetail__item:nth-child(6) .indexDetail__btn:before {
  background: #8a5d3b;
}

.dir_features.page_10features .indexDetail__item:nth-child(7) .indexDetail__title {
  color: #f05a22;
}

.dir_features.page_10features .indexDetail__item:nth-child(7) .indexDetail__btn {
  background: #fddac4;
  color: #f05a22;
}

.dir_features.page_10features .indexDetail__item:nth-child(7) .indexDetail__btn:before {
  background: #f05a22;
}

.dir_features.page_10features .indexDetail__item:nth-child(8) .indexDetail__title {
  color: #fdb813;
}

.dir_features.page_10features .indexDetail__item:nth-child(8) .indexDetail__btn {
  background: #ffe9c3;
  color: #fdb813;
}

.dir_features.page_10features .indexDetail__item:nth-child(8) .indexDetail__btn:before {
  background: #fdb813;
}

.dir_features.page_10features .indexDetail__item:nth-child(9) .indexDetail__title {
  color: #007dc5;
}

.dir_features.page_10features .indexDetail__item:nth-child(9) .indexDetail__btn {
  background: #bad1ed;
  color: #007dc5;
}

.dir_features.page_10features .indexDetail__item:nth-child(9) .indexDetail__btn:before {
  background: #007dc5;
}

.dir_features.page_10features .indexDetail__item:nth-child(10) .indexDetail__title {
  color: #da2028;
}

.dir_features.page_10features .indexDetail__item:nth-child(10) .indexDetail__btn {
  background: #f3c5b3;
  color: #da2028;
}

.dir_features.page_10features .indexDetail__item:nth-child(10) .indexDetail__btn:before {
  background: #da2028;
}

.indexDetail__item:last-child {
  padding-bottom: 140px;
}

@media screen and (min-width: 1201px) {
  .indexDetail__item,
  .indexDetail__item:nth-child(even) {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .indexDetail__title {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 990px) {
  .indexDetail {
    width: 80%;
    margin: 0 auto;
  }
  .indexDetail__item,
  .indexDetail__item:nth-child(even) {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .indexDetail__box {
    display: block;
  }
  .indexDetail__title {
    text-align: center;
    width: 100%;
    font-size: 28px;
    margin: 0 auto 30px;
  }
  .indexDetail__img {
    width: 100%;
    margin-bottom: 15px;
  }
  .indexDetail__txt {
    width: 100%;
  }
  .indexDetail__item + .indexDetail__item {
    margin-top: 140px;
  }
  .indexDetail__txt:before {
    content: none;
  }
  .indexDetail__btn {
    width: 340px;
    max-width: 100%;
    margin: 0 auto;
  }
  .indexDetail__icon {
    position: relative;
    width: 100%;
    margin: 0 auto 22px;
  }
  .indexDetail__icon:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 145px;
    height: 118px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
  }
  .indexDetail__item:nth-child(odd) .indexDetail__icon:before {
    left: 58px;
    transform: translate(-50%, -3%);
  }
  .indexDetail__item:nth-child(even) .indexDetail__icon:before {
    right: 58px;
    transform: translate(50%, -3%);
  }
  .indexDetail__icon[title="1"]:before {
    background-image: url(../img/features/10features/no01.svg);
  }
  .indexDetail__icon[title="2"]:before {
    background-image: url(../img/features/10features/no02.svg);
  }
  .indexDetail__icon[title="3"]:before {
    background-image: url(../img/features/10features/no03.svg);
  }
  .indexDetail__icon[title="4"]:before {
    background-image: url(../img/features/10features/no04.svg);
  }
  .indexDetail__icon[title="5"]:before {
    background-image: url(../img/features/10features/no05.svg);
  }
  .indexDetail__icon[title="6"]:before {
    background-image: url(../img/features/10features/no06.svg);
  }
  .indexDetail__icon[title="7"]:before {
    background-image: url(../img/features/10features/no07.svg);
  }
  .indexDetail__icon[title="8"]:before {
    background-image: url(../img/features/10features/no08.svg);
  }
  .indexDetail__icon[title="9"]:before {
    background-image: url(../img/features/10features/no09.svg);
  }
  .indexDetail__icon[title="10"]:before {
    background-image: url(../img/features/10features/no10.svg);
    right: 0 !important;
    z-index: -1;
    transform: translate(0, -3%) !important;
  }
}
@media screen and (max-width: 750px) {
  .indexDetail {
    width: 90%;
  }
  .indexDetail__title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
  }
  .indexDetail__icon:before {
    opacity: 0.5;
  }
  .indexDetail__item + .indexDetail__item {
    margin-top: 55px;
  }
  .indexDetail__cap {
    margin-bottom: 10px;
  }
  .indexDetail__item:last-child {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 480px) {
  .indexDetail__icon:before {
    font-size: 90px;
    bottom: 0;
  }
}
/*========================================================
/.indexDetail */
/* .dir_admission.page_index
==========================================================  */
.dir_admission.page_index .cellList__item > a {
  display: block;
}

.dir_admission.page_index .cellList__item > a:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

.dir_admission.page_index .cellList__item > a > .title_divide {
  margin-bottom: 10px;
}

.dir_admission.page_index .cellList__item > a > figure {
  width: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.dir_admission.page_index .cellList__item > a > figure:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.dir_admission.page_index .cellList__item:nth-child(3) > a > figure {
  background-position: 20% 0%;
}

/*========================================================
/.dir_admission.page_index */
/* .dir_features.page_ikkan
==========================================================  */
.dir_features.page_ikkan .lead {
  text-align: left;
}

/*========================================================
/.dir_features.page_ikkan  */
/* .dir_features.page_ict
==========================================================  */
/* .basicPolicyList
----------------------------------------------------------  */
.basicPolicyList {
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
}

.basicPolicyList__cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 26px;
  margin: auto;
}

.basicPolicyList__item {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
}

.basicPolicyList__item > span {
  -ms-align-self: flex-start;
  align-self: flex-start;
  display: inline-block;
  flex: 0 0 64px;
  height: 64px;
  font-size: 50px;
  color: #00897d;
  background: #a3d9d2;
  margin-right: 18px;
  text-align: center;
  line-height: 64px;
  border-radius: 7px;
}

.basicPolicyList__item .basicPolicyList__txt {
  line-height: 1.5;
}

.basicPolicyList__item + .basicPolicyList__item {
  margin-top: 40px;
}

.basicPolicyList .img_info_ict {
  width: 50%;
  font-size: 0;
  padding: 0 10px;
}

.basicPolicyList .img_info_ict img {
  width: 100%;
}

@media (max-width: 991px) {
  .basicPolicyList {
    flex-direction: column;
  }
  .basicPolicyList .basicPolicyList__cont,
  .basicPolicyList .img_info_ict {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .basicPolicyList__item > span {
    flex: 0 0 28px;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    margin-right: 7px;
  }
  .basicPolicyList__cont {
    width: 100%;
  }
  .basicPolicyList__txt {
    font-size: 16px;
    line-height: 1.3;
  }
  .basicPolicyList__item + .basicPolicyList__item {
    margin-top: 10px;
  }
}
/*--------------------------------------------------------
/.basicPolicyList */
.dir_features.page_ict .tit_form2 + .lead > span {
  display: block;
  width: 100%;
  text-align: center;
}

.dir_features.page_ict .tit_form2 + .lead > span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  width: 50px;
  height: 57px;
  background: url(/img/MicrosoftSchool.jpg) 50% 50%/cover no-repeat;
}

.dir_features.page_ict .lead {
  text-align: left;
}

.dir_features.page_ict .room_pc {
  padding: 20px;
  border: 1px solid #231f20;
}

.dir_features.page_ict .room_pc .box_room_pc {
  width: 40%;
  font-size: 14px;
  color: #231a16;
}

.dir_features.page_ict .room_pc .box_room_pc h3 {
  font-size: 28px;
  margin-bottom: 8px;
  color: #231f20;
  font-weight: normal;
}

.dir_features.page_ict .room_pc .box_room_pc {
  margin-bottom: 20px;
}

.dir_features.page_ict .room_pc .box_room_pc .txt_room_pc {
  line-height: 1.5;
  text-align: justify;
}

.dir_features.page_ict .room_pc .img_room_pc > img {
  display: block;
  width: 100%;
}

.dir_features.page_ict .sc_teacher {
  display: flex;
  justify-content: space-between;
}

.dir_features.page_ict .sc_teacher__space::after {
  content: "";
  flex-basis: calc((100% - 20px) / 3);
}

.dir_features.page_ict .box_teacher {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 3);
}

.dir_features.page_ict .sc_teacher .box_teacher h2 {
  background: #00897d;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  padding: 0.4em 0;
  margin-bottom: 20px;
  color: #fff;
}

.dir_features.page_ict .sc_teacher .box_teacher h4 {
  font-size: 19px;
  color: #231f20;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  margin-bottom: 10px;
}

.dir_features.page_ict .sc_teacher .box_teacher h4 span {
  font-size: 14px;
  color: #00897d;
}

.dir_features.page_ict .sc_teacher .box_teacher .des_teacher {
  font-size: 14px;
  line-height: 1.6;
  height: 120px;
  color: #231a16;
  margin-bottom: 15px;
}

@media (max-width: 991px) {
  .dir_features.page_ict .room_pc .img_room_pc {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .dir_features.page_ict .sc_teacher .box_teacher h2 {
    margin-bottom: 10px;
  }
  .dir_features.page_ict .room_pc .box_room_pc h3 {
    font-size: 18px;
  }
  .dir_features.page_ict .room_pc .box_room_pc {
    margin-bottom: 10px;
  }
  .dir_features.page_ict .sc_teacher {
    display: block;
    flex-wrap: wrap;
  }
  .dir_features.page_ict .box_teacher + .box_teacher {
    margin-top: 40px;
  }
  .dir_features.page_ict .sc_teacher .box_teacher h4 {
    height: auto;
    line-height: 1.3;
    margin-bottom: 5px;
  }
  .dir_features.page_ict .sc_teacher .box_teacher h4 > br {
    display: none;
  }
  .dir_features.page_ict .sc_teacher .box_teacher .des_teacher {
    margin-bottom: 10px;
    height: auto;
  }
}
/*========================================================
/.dir_features.page_ict */
/* .dir_features.page_policy
==========================================================  */
/* .policyExplain
----------------------------------------------------------  */
.policyExplain__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  list-style: none;
}

.policyExplain__title {
  -ms-align-self: stretch;
  align-self: stretch;
  min-height: 110px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width: 200px;
  background: #8cc63f;
  border-radius: 15px;
  font-size: 29px;
  color: #fff;
  text-align: center;
  margin-right: 30px;
  padding: 10px;
}

.policyExplain__item + .policyExplain__item {
  margin-top: 35px;
}

.policyExplain__mds {
  font-size: 24px;
  color: #8dc63f;
  margin-bottom: 5px;
  display: block;
}

.policyExplain__cap {
  display: inline-block;
  width: 100%;
  color: #000100;
  font-size: 15px;
  line-height: 1.5;
}

.policyExplain__item:nth-child(2) .policyExplain__title {
  background: #fcb040;
}

.policyExplain__item:nth-child(2) .policyExplain__mds {
  color: #fbb040;
}

.policyExplain__item:nth-child(3) .policyExplain__title {
  background: #009dda;
}

.policyExplain__item:nth-child(3) p {
  line-height: 1.5;
}

.policyExplain__item:nth-child(3) p + p {
  margin-top: 10px;
}

.policyExplain__item:nth-child(3) span {
  font-size: 24px;
  color: #009eda;
  vertical-align: middle;
}

.policyExplain__item:nth-child(2) .policyExplain__cap > p {
  width: 100%;
}

.policyExplain__item:nth-child(3) .policyExplain__cap {
  transform: translateX(-0.9em);
  line-height: 34px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .policyExplain__title {
    min-width: auto;
  }
}
@media screen and (max-width: 950px) {
  .policyExplain__mds {
    font-size: 18px;
  }
  .policyExplain__item:nth-child(3) span {
    font-size: 18px;
    display: block;
  }
  .policyExplain__item:nth-child(3) .policyExplain__cap {
    transform: none;
  }
  .policyExplain__cap > br {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .policyExplain__item {
    display: block;
  }
  .policyExplain__item + .policyExplain__item {
    margin-top: 30px;
  }
  .policyExplain__title {
    font-size: 18px;
    width: 100%;
    min-height: auto;
    margin-bottom: 12px;
    border-radius: 5px;
  }
}
/*--------------------------------------------------------
/.policyExplain */
.dir_features.page_policy .list_children li {
  list-style: none;
  line-height: 1.5;
  font-size: 15px;
  position: relative;
  padding-left: 15px;
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.dir_features.page_policy .list_children li + li {
  margin-top: 10px;
}

.dir_features.page_policy .list_children li i {
  font-size: 16px;
  color: #00897e;
  top: 8px;
  left: 0px;
  text-indent: 0;
}

.dir_features.page_policy .img_children {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.dir_features.page_policy .img_children > div {
  width: calc((100% - 4px) / 3);
}

@media screen and (max-width: 750px) {
  .dir_features.page_policy .img_children {
    margin-bottom: 10px;
  }
  .dir_features.page_policy .list_children li {
    line-height: 1.3;
  }
  .dir_features.page_policy .list_children li + li {
    margin-top: 5px;
  }
}
/*========================================================
/.dir_features.page_policy */
/*************************voice**********************/
.tit_voice {
  font-size: 27.5px;
  margin-bottom: 10px;
}

/* .dir_features-subject.page_subject-index
==========================================================  */
.dir_features-subject.page_subject-index .indexDetail__item {
  text-align: center;
}

.dir_features-subject.page_subject-index .subjectTitle {
  display: none;
}

.dir_features-subject.page_subject-index .indexDetail__title:before,
.dir_features-subject.page_subject-index .indexDetail__title:after {
  content: "";
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.dir_features-subject.page_subject-index .indexDetail__title:before {
  transform: translateY(-70%);
  width: 128px;
  height: 128px;
  z-index: -2;
}

.dir_features-subject.page_subject-index .indexDetail__title:after {
  width: 132px;
  height: 100px;
  top: 42px;
  z-index: -1;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(odd) .indexDetail__title:before {
  right: 0;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(even) .indexDetail__title:before {
  left: 0;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(odd) .indexDetail__title:after {
  transform: translate(50%, -50%);
  right: 120px;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(even) .indexDetail__title:after {
  transform: translate(-50%, -50%);
  left: 120px;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(1) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-kokugo_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(1) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-kokugo_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(2) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-eigo_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(2) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-eigo_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(3) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-sansu_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(3) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-sansu_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(4) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-rika_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(4) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-rika_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(5) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-shakai_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(5) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-shakai_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(6) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-doutoku_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(6) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-doutoku_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(7) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-taiiku_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(7) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-taiiku_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(8) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-ongaku_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(8) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-ongaku_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(9) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-zukou_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(9) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-zukou_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(10) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-shosha_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(10) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-shosha_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(11) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-kateika_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(11) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-kateika_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(12) .indexDetail__title:before {
  background-image: url(/img/features/subject/index/letter-sougou_01.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(12) .indexDetail__title:after {
  background-image: url(/img/features/subject/index/letter-sougou_02.svg);
}

.dir_features-subject.page_subject-index .indexDetail__item .indexDetail__btn {
  background: #e48166;
  color: #fff;
}

.dir_features-subject.page_subject-index .indexDetail__item .indexDetail__btn:before {
  background: #da5239;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(2) .indexDetail__btn {
  background: #fed391;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(2) .indexDetail__btn:before {
  background: #fcb94c;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(3) .indexDetail__btn {
  background: #b4d782;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(3) .indexDetail__btn:before {
  background: #a3cf62;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(4) .indexDetail__btn {
  background: #f286b6;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(4) .indexDetail__btn:before {
  background: #ec008b;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(5) .indexDetail__btn {
  background: #a18166;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(5) .indexDetail__btn:before {
  background: #744c28;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(6) .indexDetail__btn {
  background: #7b8bc5;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(6) .indexDetail__btn:before {
  background: #295baa;
}

.indexDetail__item:nth-child(1) .indexDetail__img {
  background-image: url(/img/sj1.png);
}

.indexDetail__item:nth-child(2) .indexDetail__img {
  background-image: url(/img/sj2.png);
}

.indexDetail__item:nth-child(3) .indexDetail__img {
  background-image: url(/img/sj4.png);
}

.indexDetail__item:nth-child(4) .indexDetail__img {
  background-image: url(/img/sj5.png);
}

.indexDetail__item:nth-child(5) .indexDetail__img {
  background-image: url(/img/sj6.png);
}

.indexDetail__item:nth-child(6) .indexDetail__img {
  background-image: url(/img/sj7.png);
}

.indexDetail__item:nth-child(7) .indexDetail__img {
  background-image: url(/img/sj8.png);
}

.indexDetail__item:nth-child(8) .indexDetail__img {
  background-image: url(/img/sj9.png);
}

.indexDetail__item:nth-child(9) .indexDetail__img {
  background-image: url(/img/sj10.png);
}

.indexDetail__item:nth-child(10) .indexDetail__img {
  background-image: url(/img/sj11.png);
  background-position: 50% 88%;
}

.indexDetail__item:nth-child(11) .indexDetail__img {
  background-image: url(/img/sj12.png);
}

.indexDetail__item:nth-child(12) .indexDetail__img {
  background-image: url(/img/sj13.png);
}

.dir_features-subject.page_subject-index .subjectName {
  display: none;
}

@media screen and (max-width: 990px) {
  .dir_features-subject.page_subject-index .indexdetail__title {
    width: 100%;
  }
  .dir_features-subject.page_subject-index .indexDetail__title:before,
  .dir_features-subject.page_subject-index .indexDetail__title:after {
    opacity: 0.5;
  }
}
@media screen and (max-width: 750px) {
  .dir_features-subject.page_subject-index .subjectName {
    display: block;
    font-size: 35px;
    font-family: "kozuka-mincho-pr6n", serif;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 10px;
    color: #8f8f8f;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(even) .indexDetail__title:before,
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(odd) .indexDetail__title:before,
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(even) .indexDetail__title:after,
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(odd) .indexDetail__title:after {
    content: none;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(1) .subjectName:first-letter {
    color: #e48166;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(2) .subjectName:first-letter {
    color: #fed391;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(3) .subjectName:first-letter {
    color: #b4d782;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(4) .subjectName:first-letter {
    color: #f286b6;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(5) .subjectName:first-letter {
    color: #a18166;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(6) .subjectName:first-letter {
    color: #7b8bc5;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(7) .subjectName:first-letter {
    color: #78bde8;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(8) .subjectName:first-letter {
    color: #578662;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(9) .subjectName:first-letter {
    color: #9980bb;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(10) .subjectName:first-letter {
    color: #6590a4;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(11) .subjectName:first-letter {
    color: #bca17c;
  }
  .dir_features-subject.page_subject-index .indexDetail__item:nth-child(12) .subjectName:first-letter {
    color: #a96966;
  }
}
/*========================================================
/.dir_features-subject.page_subject-index */
/* .dir_features-subject.page_kokugo
==========================================================  */
.dir_features-subject.page_kokugo .twoColumns__title {
  color: #db4f2e;
}

.dir_features-subject.page_kokugo .ed-method__title span {
  color: #da523a;
}

.dir_features-subject.page_kokugo .img_edayori {
  background-image: url(/img/features/subject/kokugo/img_edayori.jpg);
}

.dir_features-subject.page_kokugo .img_edayori:before {
  padding-top: 61%;
}

.dir_features-subject.page_kokugo .img_dokushochokin {
  background-image: url(/img/features/subject/kokugo/img_dokushochokin.jpg);
}

.dir_features-subject.page_kokugo .img_dokushochokin:before {
  padding-top: 61%;
}

/*========================================================
/.dir_features-subject.page_kokugo */
/* .dir_features-subject.page_eigo
==========================================================  */
.dir_features-subject.page_eigo .twoColumns__title {
  color: #fcb94c;
}

/*========================================================
/.dir_features-subject.page_eigo */
/************************education medium******************/
/* .dir_features.page_ikkan
==========================================================  */
.educationChart__item {
  background: #b3cdcb;
  color: #fff;
  padding-bottom: 17px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 80px;
}

.educationChart__title {
  font-size: 26px;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
}

.educationChart__listTitle {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 25px;
  font-size: 14px;
  padding: 4px 8px 2px;
  margin-bottom: 12px;
  position: relative;
  z-index: 2;
}

.educationChart__list {
  max-width: 774px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.educationChart__list li {
  background: #fff;
  color: #000;
  font-size: 17px;
  margin-bottom: 15px;
  padding: 8px 10px;
  text-align: left;
  text-indent: -22px;
  padding-left: 32px;
}

.educationChart__list li span {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: #fff;
  background: #00897d;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  text-indent: 0;
  margin-right: 4px;
}

.educationChart__item:before {
  content: "";
  width: 260px;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: #6faaa4;
  position: absolute;
  display: inline-block;
  z-index: 1;
}

.educationChart__item:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #6faaa4 transparent transparent transparent;
  border-width: 70px 130px 0 130px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}

.educationChart__item.bg2 {
  background: #87b6b1;
}

.educationChart__item.bg2:before {
  background: #3e9890;
}

.educationChart__item.bg2:after {
  border-top-color: #3e9890;
}

.educationChart__item.bg3 {
  background: #4d9d95;
}

.educationChart__item.bg3:before {
  background: #00897d;
}

.educationChart__item.bg3:after {
  border-top-color: #00897d;
}

.educationChart__item .img_radius {
  position: absolute;
  top: 0;
  left: 0;
  padding: 3px;
  background: #fff;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 1px 4px 6px 2px #676666;
  width: 205px;
  height: 205px;
  z-index: 3;
  left: 35px;
  top: -102.5px;
}

.educationChart__item .img_radius img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.educationChart__item .img_radius.img_radius2 {
  width: 155px;
  height: 155px;
  left: auto;
  right: 26px;
  top: -42px;
}

.educationChart__item .box_medium {
  position: relative;
  z-index: 2;
  max-width: 820px;
  margin: auto;
  color: #231f20;
  font-size: 18px;
  background: #fff;
  padding: 20px 10px;
}

.educationChart__item .box_medium .list_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 10px;
}

.educationChart__item .box_medium .list_top li {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 3);
  background: #64964b;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 20px 5px;
}

#features-ikkan .highGrade__course {
  flex-basis: calc((100% - 20px) / 5 * 2);
}

#features-ikkan .highGrade__course:nth-child(2) {
  flex-basis: calc((100% - 20px) / 5 * 3);
}

.educationChart__item .box_medium .list_mid {
  padding: 0 10px;
  margin-bottom: 10px;
}

.educationChart__item .box_medium .list_mid li {
  background: #d0dec7;
  padding: 0.5em;
  box-sizing: border-box;
}

.educationChart__item .box_medium .txt_bot_medium {
  font-size: 17px;
  margin: 0 10px;
  padding: 8px 2px;
  border: 1px dashed #231f20;
}

.educationChart__item.bg4 {
  background: #a8c398;
}

.educationChart__item.bg4:before {
  background: #8cb078;
}

.educationChart__item.bg4:after {
  border-top-color: #8cb078;
}

.educationChart__item.bg4 .img_radius1 {
  top: -170px;
}

.educationChart__item.bg4 .img_radius2 {
  top: -110px;
}

.educationChart__item.bg5 {
  background: #85ab70;
}

.educationChart__item.bg5:before {
  background: #64964b;
}

.educationChart__item.bg5:after {
  border-top-color: #64964b;
}

.educationChart__item.bg5 .list_mid {
  display: flex;
  padding: 0;
  justify-content: space-between;
}

.educationChart__item.bg5 .list_mid li {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 40px) / 5 * 2);
  margin: 0 10px;
}

.educationChart__item.bg5 .list_mid li:nth-child(2) {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 40px) / 5 * 3);
}

.educationChart__item.bg5 .img_radius1 {
  top: -170px;
  left: auto;
  right: 26px;
}

.educationChart__item.bg5 .img_radius2 {
  top: -110px;
  right: auto;
  left: 35px;
}

.educationChart__title {
  position: relative;
}

.educationChart__title:before,
.educationChart__title:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 54px);
  bottom: 0;
  transform: translateY(-50%);
  width: 164px;
  height: 164px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 1px 4px 6px 2px #676666;
  border: 3px solid #fff;
  z-index: 3;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.educationChart__title:before {
  left: 0;
}

.educationChart__title:after {
  right: 0;
}

.educationChart--ofPrimarySec .educationChart__item:nth-child(1) .educationChart__title:before {
  background-image: url(/img/IMG_8824.jpg);
}

.educationChart--ofPrimarySec .educationChart__item:nth-child(1) .educationChart__title:after {
  content: none;
}

.educationChart--ofPrimarySec .educationChart__item:nth-child(2) .educationChart__title:before,
.educationChart--ofPrimarySec .educationChart__item:nth-child(2) .educationChart__title:after {
  content: none;
}

.educationChart--ofPrimarySec .educationChart__item:nth-child(3) .educationChart__title:before {
  content: none;
}

.educationChart--ofPrimarySec .educationChart__item:nth-child(3) .educationChart__title:after {
  background-image: url(/img/_MG_1321.jpg);
  width: 137px;
  height: 137px;
  margin-top: 33px;
}

.educationChart--ofMiddleSec .educationChart__item:nth-child(1) .educationChart__title:before {
  background-image: url(/img/features/ikkan/middleschool_left.png);
  margin-top: -56px;
}

.educationChart--ofMiddleSec .educationChart__item:nth-child(1) .educationChart__title:after {
  background-image: url(/img/features/ikkan/middleschool_lite.jpg);
  width: 137px;
  height: 137px;
  margin-top: -13px;
}

.educationChart--ofHighSec .educationChart__item:nth-child(1) .educationChart__title:before {
  background-image: url(/img/features/ikkan/highschool_left.jpg);
  width: 137px;
  height: 137px;
  margin-top: -13px;
}

.educationChart--ofHighSec .educationChart__item:nth-child(1) .educationChart__title:after {
  background-image: url(/img/features/ikkan/highschool_lite.jpg);
  top: -97px;
}

.educationChart + .title_divide {
  margin-top: 90px;
}

@media (max-width: 991px) {
  .educationChart .educationChart__item .img_radius {
    width: 170px;
    height: 170px;
  }
  .educationChart .educationChart__item .img_radius.img_radius2 {
    width: 140px;
    height: 140px;
  }
}
@media screen and (max-width: 750px) {
  .educationChart__title:before,
  .educationChart__title:after {
    content: none;
  }
  .educationChart__item .box_medium .list_top {
    display: block;
  }
  .educationChart__item .box_medium .list_top li {
    width: 100%;
    margin: 0;
  }
  .educationChart__item .box_medium .list_top li + li {
    margin-top: 10px;
  }
  .educationChart__item.bg5 .list_mid {
    display: block;
  }
  .educationChart__item.bg5 .list_mid li + li {
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .educationChart .educationChart__item.bg4 .img_radius1 {
    top: -50px;
  }
  .educationChart .educationChart__item.bg4 .img_radius2 {
    top: -30px;
  }
  .educationChart .educationChart__item .img_radius {
    width: 70px;
    height: 70px;
  }
  .educationChart .educationChart__item .img_radius.img_radius2 {
    width: 60px;
    height: 60px;
  }
}
.dir_features.page_ikkan .lowerGrade__img {
  top: 0 !important;
  transform: translateY(-65%);
}

.dir_features.page_ikkan .educationChart--ofHighSec {
  margin-bottom: 100px;
}

.dir_features.page_ikkan .sc_success .successTitle {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  justify-content: center;
  text-align: left;
  font-size: 26px;
  font-weight: bold;
  color: #231f20;
  margin-bottom: 40px;
}

.dir_features.page_ikkan .successList {
  font-weight: bold;
  margin-bottom: 40px;
}

.dir_features.page_ikkan .sc_success .successListHead {
  color: #ed1c24;
  border: 1px solid #00877c;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  padding: 10px;
  line-height: 1;
}

.dir_features.page_ikkan .sc_success .successListHead h3 {
  color: #00877c;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.2;
}

.dir_features.page_ikkan .sc_success .successListHead h3 .s_font {
  color: #231f20;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 0;
}

.dir_features.page_ikkan .sc_success .successListHead h3 .sp_br {
  display: none;
}

.dir_features.page_ikkan .sc_success .successListHead p {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #231f20;
  font-size: 14px;
  display: block;
}

.dir_features.page_ikkan .sc_success .successListHead .s_medicine {
  position: static;
  color: #231f20;
  font-size: 14px;
  display: block;
  margin-top: 10px;
}

.dir_features.page_ikkan .successList__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 20px;
  letter-spacing: -0.03em;
  font-weight: normal;
  border-bottom: 1px solid #231f20;
  padding-bottom: 5px;
  margin-bottom: 7px;
  position: relative;
}

.dir_features.page_ikkan .successList__item + .successList__item {
  margin-top: 40px;
}

.dir_features.page_ikkan .successList__category {
  flex: 0 0 25em;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  margin-right: 20px;
}

.dir_features.page_ikkan .successList__example {
  flex: 0 0 auto;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
}

/*.dir_features.page_ikkan .successList__category > dt{
  flex-basis: calc(13em);
}*/
.dir_features.page_ikkan .successList__category > dd,
.dir_features.page_ikkan .successList__example > dd {
  color: #00877c;
}

.dir_features.page_ikkan .successList__category > dd > .sp_text {
  color: #231f20;
  font-size: 12px;
}

.dir_features.page_ikkan .successList__category dt {
  margin-right: 1em;
}

.dir_features.page_ikkan .successList__example dt {
  margin-right: 1em;
}

.dir_features.page_ikkan .successList__note {
  flex-basis: 100%;
  color: #231f20;
  font-size: 12px;
  letter-spacing: 0;
  text-align: right;
  position: absolute;
  bottom: -8px;
  right: 0;
  transform: translateY(100%);
}

.dir_features.page_ikkan .successList__note__second {
  flex-basis: 100%;
  color: #231f20;
  font-size: 12px;
  letter-spacing: 0;
  text-align: right;
  position: absolute;
  bottom: 20px;
  left: 308px;
  transform: translateY(100%);
}

.dir_features.page_ikkan .view_success {
  font-size: 16.25px;
  color: #fff;
  display: inline-block;
  background: #64964b;
  text-align: center;
  position: relative;
  padding: 10px 0;
  max-width: 420px;
  width: 100%;
  margin: auto;
}

.dir_features.page_ikkan .view_success:before {
  content: "\f144";
  font: normal normal normal 17px/1 FontAwesome;
  position: absolute;
  height: 14px;
  width: 14px;
  line-height: 14px;
  background: #64964b;
  display: inline-block;
  left: 15px;
  color: #fff;
  border-radius: 50%;
  margin: auto;
  bottom: 0;
  top: 0;
}

@media screen and (max-width: 1000px) {
  .dir_features.page_ikkan .successList__item {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .dir_features.page_ikkan .successList__category {
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #231f20;
    padding-bottom: 5px;
    margin-bottom: 7px;
    margin-right: 0;
  }
  .dir_features.page_ikkan .successList__example {
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #231f20;
    padding-bottom: 5px;
    margin-bottom: 7px;
    margin-right: 0;
  }
  .dir_features.page_ikkan .successList__category > dt {
    flex-basis: auto;
  }
  .dir_features.page_ikkan .successList__note {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: left;
    transform: none;
    margin-top: 10px;
  }
  .dir_features.page_ikkan .successList__note__second {
    position: relative;
    bottom: auto;
    left: 0;
    text-align: left;
    transform: none;
    margin-bottom: 10px;
  }
  .dir_features.page_ikkan .sc_success .successListHead {
    margin-bottom: 50px;
  }
  .dir_features.page_ikkan .sc_success .successListHead p {
    right: 0;
    bottom: -8px;
    transform: translateY(100%);
  }
  .dir_features.page_ikkan .sc_success .successListHead h3 span {
    color: #231f20;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 0;
  }
}
@media (max-width: 750px) {
  .dir_features.page_ikkan .sc_success .successTitle {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .dir_features.page_ikkan .sc_success .successListHead {
    margin-bottom: 20px;
  }
  .dir_features.page_ikkan .sc_success .successListHead h3 {
    font-size: 18px;
  }
  .dir_features.page_ikkan .successList__item {
    font-size: 16px;
  }
  .dir_features.page_ikkan .successList__item + .successList__item {
    margin-top: 10px;
  }
  .dir_features.page_ikkan .successList__example {
    display: block;
  }
  .dir_features.page_ikkan .successList__example dt,
  .dir_features.page_ikkan .successList__example dd {
    display: inline;
  }
}
@media screen and (max-width: 485px) {
  .dir_features.page_ikkan .sc_success .successListHead h3 > span {
    display: block;
    font-size: 18px;
    width: 100%;
    margin-bottom: 5px;
    transform: none;
  }
  .dir_features.page_ikkan .sc_success .successListHead h3 .s_font {
    color: #231f20;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 0;
    margin-top: 10px;
  }
  .dir_features.page_ikkan .sc_success .successListHead h3 .sp_br {
    display: block;
  }
}
/*========================================================
/.dir_features.page_ikkan */
/* .dir_features-subject
==========================================================  */
.subjectTitle {
  font-size: 65px;
  color: #6d6e70;
  font-family: "kozuka-mincho-pr6n", serif;
  border-bottom: 1px solid #000;
  padding-bottom: 0.1em;
  margin-bottom: 25px;
}

.subjectTitle > span + span {
  margin-left: 0.15em;
}

.subjectLead {
  width: 100%;
  font-size: 30px;
  margin-bottom: 50px;
}

.subjectIntro__cap {
  text-align: left;
  font-size: 15px;
  color: #000;
  line-height: 1.6;
  margin-top: 30px;
}

.subjectIntro__img {
  width: 100%;
}

@media (max-width: 750px) {
  .subjectTitle {
    font-size: 40px;
    margin-bottom: 10px;
  }
  .subjectLead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .subjectIntro__cap {
    text-align: left;
    margin-top: 10px;
  }
}
/*========================================================
/.dir_features-subject */
.dir_features-subject.page_eigo .eigo-column {
  padding: 0 0 100px;
  background-color: #fcf1dc;
  overflow: hidden;
}

.dir_features-subject.page_eigo .eigo-column .twoColumns:not(.is_rev) .twoColumns__item:not(figure) {
  padding-left: 40px;
}

.dir_features-subject.page_eigo .eigo-column .twoColumns.is_rev .twoColumns__item:not(figure) {
  padding-right: 40px;
}

.dir_features-subject.page_eigo .eigo-column .twoColumns + .twoColumns {
  margin-top: 50px;
}

.dir_features-subject.page_eigo .eigo-column .twoColumns__img:before {
  padding-top: 55%;
}

.dir_features-subject.page_eigo .column-gasshuku .twoColumns__img {
  background-position: 100% 50%;
}

.eigo-columnTitle {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  padding-top: 50px;
  margin-bottom: 55px;
  position: relative;
}

.eigo-columnTitle__sub {
  color: #231f20;
  font-size: 29px;
  line-height: 1.3;
  padding: 10px 10px 11px;
  background: #fac03d;
  transform: translateX(-25%);
  position: relative;
  z-index: 0;
}

.eigo-columnTitle__sub:before {
  content: "";
  display: block;
  width: 460px;
  height: 241px;
  background: url(../img/features/subject/eigo/worldmap.svg) 50% 50%/cover no-repeat;
  position: absolute;
  left: 0;
  top: -50px;
  z-index: -1;
  transform: translateX(-52.5%);
  opacity: 0.6;
  pointer-events: none;
}

.eigo-columnTitle__main {
  padding: 0px 15px;
  color: #fff;
  font-family: "kozuka-mincho-pr6n", serif;
  font-weight: 200;
  font-size: 60px;
  line-height: 1.3;
  padding: 1px 14px 1px;
  background: #000;
  transform: translateX(25%);
}

.educationstages {
  padding: 30px;
  border: 1px solid #000;
}

.educationstages__mds {
  font-size: 30px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 26px;
}

.educationstages__mds > span {
  font-size: 38px;
  color: #fcb94c;
}

.educationstages__stgCont {
  display: flex;
  justify-content: space-between;
}

.educationstages__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 6vw) / 3);
  position: relative;
}

.educationstages__item {
  background: #fcb94c;
  border-radius: 7px;
}

.educationstages__stgName {
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: inline-flex;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
  color: #fff;
  font-size: 17px;
  margin-bottom: 10px;
}

.educationstages__stgName span {
  display: block;
  padding-right: 0.3em;
  background: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 33px;
  position: relative;
  color: #231f20;
  margin-right: 14px;
}

.educationstages__stgName span:before {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  content: "";
  border-style: solid;
  transition-duration: 0.3s;
  transition-property: transform;
  top: 0;
  left: 100%;
  border-width: 0px 0 33px 10px;
  border-color: transparent transparent transparent #fff;
}

.educationstages__stgMds {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  padding: 0 5px;
  height: 60px;
  margin-bottom: 10px;
}

.educationstages__item:first-child .educationstages__stgMds {
  padding-top: 0.7em;
}

.educationstages__stgMds span {
  color: #231f20;
}

.educationstages__cap {
  font-size: 14px;
  line-height: 1.3;
  color: #231f20;
  padding: 0 15px 15px;
}

.educationstages__item:not(:last-child):after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: -1.5vw;
  transform: translate(8px, -50%);
  border-style: solid;
  border-width: 15px 0 16px 13px;
  border-color: transparent transparent transparent #6d6e70;
}

.ed-method {
  padding: 30px;
  border: 1px solid #4c494a;
}

.ed-method__cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}

.ed-method__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 2);
}

.ed-method__img {
  -ms-align-self: stretch;
  align-self: stretch;
  margin: 0;
  background: url(/img/img_ed_kokugo2.png) 50% 47%/cover no-repeat;
}

.ed-method__img:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.ed-method__title {
  font-size: 31px;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #231f20;
}

.ed-method__title span {
  font-size: 31px;
  display: block;
  text-align: left;
}

.ed-method__cap {
  font-size: 15px;
  line-height: 1.8;
}

.blogFeed .row_mid {
  margin: 0px -30px;
}

@media screen and (max-width: 1190px) {
  .ed-method__cont {
    display: block;
  }
  .ed-method__img:before {
    padding-top: 50%;
  }
  .ed-method__title {
    margin-bottom: 10px;
  }
  .ed-method__cap {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .educationstages__stgCont li .educationstages__item .educationstages__stgName span {
    font-size: 25px;
  }
}
@media screen and (max-width: 1000px) {
  .eigo-columnTitle__sub {
    font-size: 25px;
  }
  .eigo-columnTitle__main {
    font-size: 44px;
  }
}
@media screen and (max-width: 991px) {
  .educationstages__stgCont li .educationstages__item .educationstages__stgName span {
    font-size: 19px;
  }
}
@media screen and (max-width: 900px) {
  .educationstages__stgCont {
    display: block;
  }
  .educationstages__stgCont li {
    width: 100%;
  }
  .educationstages__stgCont li + li {
    margin-top: 40px;
  }
  .educationstages__item:not(:last-child):after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 20px 22px 0 22px;
    right: auto;
    top: auto;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    border-color: #6d6e70 transparent transparent transparent;
  }
  .educationstages__stgMds {
    height: auto;
  }
  .educationstages__item:first-child .educationstages__stgMds {
    padding-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .ed-method__title {
    font-size: 20px;
  }
  .ed-method__title span {
    font-size: 20px;
  }
  .ed-method__cap {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .ed-method {
    padding: 20px;
  }
  .ed-method__item {
    width: 100%;
  }
  .dir_features-subject.page_eigo .eigo-column {
    padding: 0 20px 20px;
  }
  .dir_features-subject.page_eigo .eigo-column .twoColumns + .twoColumns {
    margin-top: 20px;
  }
  .dir_features-subject.page_eigo .eigo-column .twoColumns.is_rev .twoColumns__item:not(figure) {
    padding-right: 0;
  }
  .dir_features-subject.page_eigo .eigo-column .twoColumns:not(.is_rev) .twoColumns__item:not(figure) {
    padding-left: 0;
  }
  .eigo-columnTitle {
    display: block;
    width: 90%;
    margin: 0 auto 20px;
    padding-top: 20px;
  }
  .eigo-columnTitle:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
  }
  .eigo-columnTitle__main,
  .eigo-columnTitle__sub {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    text-align: justify;
    transform: none;
    min-width: 70%;
  }
  .eigo-columnTitle__main {
    float: right;
    line-height: 1;
    padding: 5px 10px 5px;
    font-size: 30px;
  }
  .eigo-columnTitle__sub {
    font-size: 16px;
    float: left;
    padding: 7px 10px 6px;
  }
  .eigo-columnTitle__sub:before {
    content: none;
  }
  .educationstages {
    padding: 20px;
  }
  .educationstages__stgMds {
    font-size: 20px;
  }
  .educationstages__stgName span {
    font-size: 18px;
  }
  .educationstages__mds {
    font-size: 18px;
  }
  .educationstages__mds > span {
    font-size: 20px;
  }
}
@media screen and (max-width: 330px) {
  .eigo-columnTitle {
    width: 100%;
  }
  .eigo-columnTitle__main,
  .eigo-columnTitle__sub {
    width: 100%;
    max-width: inherit;
    min-width: inherit;
  }
}
@media screen and (max-width: 290px) {
  .educationstages__mds > br {
    display: none;
  }
}
/* .dir_features-subject.page_kokugo
==========================================================  */
.dir_features-subject.page_kokugo .subjectTitle > span:nth-child(1) {
  color: #e48166;
}

/*========================================================
/.dir_features-subject.page_kokugo */
/* .dir_features-subject.page_eigo
==========================================================  */
.dir_features-subject.page_eigo .subjectTitle > span:nth-child(1) {
  color: #fed391;
}

/*========================================================
/.dir_features-subject.page_eigo */
/* .dir_features-subject.page_sansu
==========================================================  */
.dir_features-subject.page_sansu .subjectTitle > span:nth-child(1),
.dir_features-subject.page_sansu .twoColumns__title {
  color: #a3cf62;
}

.dir_features-subject.page_sansu .ed-method .twoColumns__img {
  background-position: 0% 50%;
}

.dir_features-subject.page_sansu .ed-method .twoColumns__img:before {
  padding-top: 67%;
}

.dir_features-subject.page_sansu .img_happyo:before {
  padding-top: 74%;
}

.dir_features-subject.page_sansu .desc_mast {
  margin-top: 15px;
  line-height: 1.5;
}

.dir_features-subject.page_sansu .idea_math_title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 15px;
}

.dir_features-subject.page_sansu .idea_math li {
  list-style: none;
  font-size: 28px;
  color: #a3cf62;
  position: relative;
  padding-left: 29px;
  text-indent: -29px;
}

.dir_features-subject.page_sansu .idea_math li span {
  text-indent: 0;
  width: 26px;
  height: 26px;
  display: inline-block;
  background: #a3cf62;
  border-radius: 50%;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  transform: translateY(-15%);
  margin-right: 3px;
}

.dir_features-subject.page_sansu .idea_math li + li {
  margin-top: 5px;
}

.dir_features-subject.page_sansu .desc_mast {
  font-size: 15px;
  color: #000100;
}

@media screen and (max-width: 1200px) {
  .dir_features-subject.page_sansu .idea_math_title {
    font-size: 23px;
  }
  .dir_features-subject.page_sansu .idea_math li {
    font-size: 21px;
  }
}
@media screen and (max-width: 750px) {
  .dir_features-subject.page_sansu .idea_math_title {
    font-size: 20px;
  }
  .dir_features-subject.page_sansu .idea_math li {
    font-size: 18px;
    padding-left: 22px;
  }
  .dir_features-subject.page_sansu .idea_math li span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    top: 2px;
    font-size: 12px;
  }
  .dir_features-subject.page_sansu .desc_mast {
    margin-top: 10px;
  }
}
/*========================================================
/.dir_features-subject.page_sansu */
/* .dir_features-subject.page_rika
==========================================================  */
.dir_features-subject.page_rika .subjectTitle > span:nth-child(1) {
  color: #f286b6;
}

/*========================================================
/.dir_features-subject.page_rika */
/* .dir_features-subject.page_shakai
==========================================================  */
.dir_features-subject.page_shakai .subjectTitle > span:nth-child(1) {
  color: #a18166;
}

/*========================================================
/.dir_features-subject.page_shakai */
/* .dir_features-subject.page_doutoku
==========================================================  */
.dir_features-subject.page_doutoku .subjectTitle > span:nth-child(1),
.dir_features-subject.page_doutoku .twoColumns__title {
  color: #7b8bc5;
}

.dir_features-subject.page_doutoku .lesson-img {
  background-image: url(/img/img_doutoku2.jpg);
}

.dir_features-subject.page_doutoku .lesson-img:before {
  padding-top: 66%;
}

.dir_features-subject.page_doutoku .doutoku3-img {
  -ms-align-self: flex-start;
  align-self: flex-start;
  background-image: url(/img/features/subject/doutoku/img_doutoku3_181126.jpg);
}

.dir_features-subject.page_doutoku .doutoku3-img:before {
  padding-top: 121%;
}

.dir_features-subject.page_doutoku .leaderShip-img {
  background-image: url(/img/img_doutoku4.jpg);
}

.dir_features-subject.page_doutoku .carrier-img {
  background-image: url(/img/img_doutoku5.jpg);
}

.dir_features-subject.page_doutoku .name_efforts {
  font-size: 23px;
  color: #231f20;
  margin-bottom: 15px;
}

.dir_features-subject.page_doutoku .descs_efforts {
  font-size: 15px;
  color: #000100;
  line-height: 2;
}

.dir_features-subject.page_doutoku .descs_efforts + .name_efforts {
  margin-top: 23px;
}

/*========================================================
/.dir_features-subject.page_doutoku */
/* .dir_features-subject.page_taiiku
==========================================================  */
.dir_features-subject.page_taiiku .subjectTitle > span:nth-child(1) {
  color: #78bde8;
}

/*========================================================
/.dir_features-subject.page_taiiku */
/* .dir_features-subject.page_ongaku
==========================================================  */
.dir_features-subject.page_ongaku .subjectTitle > span:nth-child(1) {
  color: #578662;
}

/*========================================================
/.dir_features-subject.page_ongaku */
/* .dir_features-subject.page_zukou
==========================================================  */
.dir_features-subject.page_zukou .subjectTitle > span:nth-child(1) {
  color: #9980bb;
}

/*========================================================
/.dir_features-subject.page_zukou */
/* .dir_features-subject.page_shosha
==========================================================  */
.dir_features-subject.page_shosha .subjectTitle > span:nth-child(1) {
  color: #6590a4;
}

/*========================================================
/.dir_features-subject.page_shosha */
/* .dir_features-subject.page_kateika
==========================================================  */
.dir_features-subject.page_kateika .subjectTitle > span:nth-child(1) {
  color: #bca17c;
}

.dir_features-subject.page_kateika .subjectTitle > span:nth-child(2) {
  letter-spacing: 0.27em;
}

/*========================================================
/.dir_features-subject.page_kateika */
/* .dir_features-subject.page_sougou
==========================================================  */
.dir_features-subject.page_sougou .subjectTitle > span:nth-child(1) {
  color: #a96966;
}

/*========================================================
/.dir_features-subject.page_sougou */
/* .dir_school-life.page_index
==========================================================  */
.dir_school-life.page_index .toDaily .box-news__img {
  background-image: url(/img/fix1.png);
}

.dir_school-life.page_index .toEvents .box-news__img {
  background-image: url(/img/school-life/top/event.jpg);
}

.dir_school-life.page_index .toAfter-school .box-news__img {
  background-image: url(/img/fix3.png);
}

.dir_school-life.page_index .toUniform .box-news__img {
  background-image: url(/img/fix4.png);
}

.dir_school-life.page_index .toSchool-meal .box-news__img {
  background-image: url(/img/fix5.png);
}

.dir_school-life.page_index .toSafety .box-news__img {
  background-image: url(/img/school-life/top/safety.jpg);
}

.dir_school-life.page_index .toCommendation .box-news__img {
  background-image: url(/img/school-life/top/commendation.jpg);
}

/*========================================================
/.dir_school-life.page_index */
/* .dir_school-life.page_commendation
==========================================================  */
.dir_school-life.page_commendation .box_certi > img {
  width: 100%;
}

.dir_school-life.page_commendation .activities_certi img {
  margin: auto;
}

.dir_school-life.page_commendation .tit_year {
  font-size: 21.98px;
  color: #241a16;
  border-bottom: 2px solid #241a16;
  margin: 30px 0;
  padding: 0 0 6px;
}

.dir_school-life.page_commendation .tit_year p {
  font-weight: bold;
  font-size: 22px;
}

.dir_school-life.page_commendation .container_year p {
  font-size: 14px;
  color: #000100;
  padding: 10px 0;
}

.dir_school-life.page_commendation .container_month {
  display: flex;
  padding: 12px 0;
  border-top: 1px dotted #ccc;
}

.dir_school-life.page_commendation .award {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.dir_school-life.page_commendation .title {
  width: 50%;
}

.dir_school-life.page_commendation .container_title {
  display: flex;
}

.dir_school-life.page_commendation .result {
  display: flex;
  border-top: 1px dotted #ccc;
  justify-content: space-between;
}

.dir_school-life.page_commendation .container_result {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.dir_school-life.page_commendation .month {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color: #231f20;
  font-size: 9.31px;
  width: 40px;
  text-align: center;
  background: #9cc1be;
  margin-right: 24px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 18px;
  font-weight: bold;
}

.dir_school-life.page_commendation .month p {
  font-size: 9.31px;
}

.dir_school-life.page_commendation .month p span {
  font-size: 24px;
  color: #231f20;
  display: block;
}

.dir_school-life.page_commendation .container_title {
  border-top: 1px dotted #ccc;
}

.dir_school-life.page_commendation .container_result .result:first-child {
  border-top: 0;
}

.dir_school-life.page_commendation .container_result .result p:first-child {
  width: 60%;
}

.dir_school-life.page_commendation .container_result .result p:nth-child(2) {
  width: 15%;
}

.dir_school-life.page_commendation .container_result .result p:nth-child(3) {
  width: 25%;
  text-align: right;
}

.dir_school-life.page_commendation .award .container_title:first-child {
  border-top: 0;
}

.dir_school-life.page_commendation .container_year .container_month:last-child {
  border-bottom: 1px dotted #ccc;
}

@media (max-width: 991px) {
  .dir_school-life.page_commendation .activities_certi img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_commendation .container_month {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dir_school-life.page_commendation .container_title {
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .dir_school-life.page_commendation .month,
  .dir_school-life.page_commendation .title,
  .dir_school-life.page_commendation .container_result {
    flex: 0 0 100%;
  }
  .dir_school-life.page_commendation .title {
    border-bottom: 1px solid #000;
  }
  .dir_school-life.page_commendation .activities_certi img {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .dir_school-life.page_commendation .activities_certi img {
    width: 100%;
  }
}
/*========================================================
/.dir_school-life.page_commendation */
/********************after life*******************/
.list_life_after .box_life_after {
  display: flex;
  margin: 0 -15px;
}

.box_life_after + .box_life_after {
  margin-top: 50px;
}

.list_life_after .box_life_after .sub_life_after {
  padding: 0 15px;
  width: 41%;
}

.list_life_after .box_life_after .sub_life_after h3 {
  margin-bottom: 10px;
  font-size: 30px;
}

.list_life_after .box_life_after .sub_life_after h3 a {
  color: #40c1ca;
}

.list_life_after .box_life_after .sub_life_after .des_life-after {
  font-size: 15px;
  color: #000;
  line-height: 28px;
  text-align: justify;
}

.list_life_after .box_life_after .img_life_after {
  padding: 0 15px;
  width: 59%;
  font-size: 0;
}

.list_life_after .box_life_after:nth-child(even) {
  flex-direction: row-reverse;
}

.sc_school_life_after2 .list_life_after .box_life_after .sub_life_after h3 a {
  color: #dfbd3c;
}

.txt_bot_life_school {
  font-size: 18px;
  color: #000;
  line-height: 28px;
  text-align: justify;
  padding-top: 15px;
  border-top: 1px solid #000;
  margin-bottom: 20px;
  margin-top: 50px;
}

.list_care {
  max-width: 800px;
  margin: 50px auto 0;
}

.list_care li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  text-align: justify;
  background: #a3d9d2;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 19px;
}

.list_care li h3 {
  font-size: 29px;
  list-style: 1.3em;
  margin-bottom: 10px;
}

.list_care li h3 a {
  color: #00897d;
}

.list_care li span {
  font-size: 15px;
  line-height: 1.5;
  color: #000000;
}

.txt_des_story {
  font-size: 15px;
  line-height: 28px;
  text-align: justify;
  color: #000;
}

.row_txt_sc_last {
  display: flex;
  justify-content: space-between;
}

.row_txt_sc_last .txt_last_after {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 2);
  font-size: 15px;
  line-height: 28px;
  color: #000;
  text-align: justify;
}

.row_txt_sc_last .img_sc_last {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 2);
  display: block;
}

.w_100 + .row_txt_sc_last {
  margin-top: 30px;
}

.tit_top {
  font-size: 26.71px;
  color: #231a16;
  border-bottom: 1px solid #231a16;
  margin-bottom: 28px;
}

@media (max-width: 750px) {
  .list_care {
    text-align: left;
    margin-top: 15px;
  }
  .list_care li {
    display: block;
    padding: 20px;
  }
  .list_care li h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .list_life_after .box_life_after .sub_life_after h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .row_txt_sc_last {
    display: block;
  }
  .row_txt_sc_last .txt_last_after,
  .row_txt_sc_last .img_sc_last {
    width: 100%;
    margin-bottom: 15px;
  }
  .list_life_after .box_life_after {
    flex-direction: column-reverse;
  }
  .list_life_after .box_life_after .img_life_after {
    width: 100%;
    margin-bottom: 13px;
  }
  .list_life_after .box_life_after .sub_life_after {
    width: 100%;
  }
  .list_life_after .box_life_after:nth-child(even) {
    flex-direction: column-reverse;
  }
  .box_life_after + .box_life_after {
    margin-top: 30px;
  }
}
/* .dir_school-life.page_after-school
==========================================================  */
.dir_school-life.page_after-school .timeLine__item:nth-child(1) {
  padding-top: 0;
}

@media screen and (min-width: 751px) {
  .dir_school-life.page_after-school .container.is_wrapped {
    padding-bottom: 30px;
  }
}
.dir_school-life.page_after-school .video-btn {
  text-align: center;
  background: #add7d0;
  margin: 50px auto 0;
  min-height: 45px;
  display: flex;
  align-items: center;
  color: #00877c;
  gap: 15px;
  padding: 15px 10px 13px 18px;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.26em;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_after-school .video-btn {
    max-width: 385px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_after-school .video-btn {
    position: relative;
    display: flex;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media screen and (max-width: 464px) {
  .dir_school-life.page_after-school .video-btn {
    justify-content: center;
  }
}
.dir_school-life.page_after-school .video-btn > span {
  display: inline-block;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_after-school .video-btn > span {
    position: relative;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_after-school .video-btn > span {
    position: absolute;
    left: 18px;
  }
}
@media screen and (max-width: 464px) {
  .dir_school-life.page_after-school .video-btn > span {
    align-self: baseline;
  }
}
.dir_school-life.page_after-school .video-btn > span::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #00877c;
}
.dir_school-life.page_after-school .video-btn > span i.fa {
  color: white;
}
@media screen and (max-width: 285px) {
  .dir_school-life.page_after-school .video-btn br.u-br {
    display: none;
  }
}
@media screen and (min-width: 465px) {
  .dir_school-life.page_after-school .video-btn br.u-br {
    display: none;
  }
}

/*========================================================
/.dir_school-life.page_after-school */
/* .dir_school-life.page_daily
==========================================================  */
.timeLine__cont {
  position: relative;
}

.timeLine__cont:before {
  content: "";
  width: 62px;
  background: #e6e7e8;
  position: absolute;
  margin: auto;
  left: 50%;
  top: 55px;
  bottom: 0;
  transform: translateX(-50%);
}

.timeLine__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  padding-top: 55px;
  position: relative;
}

.timeLine__item + .timeLine__item {
  margin-top: 120px;
}

.timeLine__item:after {
  content: "";
  flex: 0 0 10%;
  display: block;
  min-width: calc((100% - 1024px) / 2);
}

.timeLine__time {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  position: absolute;
  font-size: 28px;
  color: #00897d;
  width: 158px;
  height: 158px;
  line-height: 1.3;
  background: #00877c;
  color: #fff;
  border-radius: 50%;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.timeLine__item .timeLine__time > span {
  display: inline-block;
}

.timeLine__cap {
  margin-bottom: 30px;
}

.timeLine__sub {
  width: 248px;
}

.timeLine__subImg {
  margin: 0 0 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.timeLine__subImg img {
  display: block;
  width: 100%;
}

.timeLine__subImg:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.timeLine__subMds {
  font-size: 25px;
  margin-bottom: 5px;
}

.timeLine__mainImg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% + 31px + 27px);
  text-align: right;
  font-size: 0;
  margin: 0;
}

.timeLine__txt {
  font-size: 15px;
  color: #000;
  line-height: 1.8;
  text-align: justify;
  padding-left: 36px;
}

.timeLine__mainImg img {
  width: 100%;
}

.timeLine__title {
  font-size: 35px;
  color: #231f20;
  border-bottom: 1px solid #231f20;
  line-height: 1.3;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  margin-left: -36px;
  padding-left: 36px;
}

.timeLine__txtImg {
  margin: 0;
}

.timeLine__txtImg > img {
  max-width: 227px;
  display: block;
}

.timeLine__item.is_reverse {
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.timeLine__item.is_reverse .timeLine__txtImg > img {
  float: right;
}

.timeLine__item.is_reverse .timeLine__mainImg {
  text-align: left;
}

.timeLine__item.is_reverse .timeLine__txt {
  padding-left: 0;
  padding-right: 36px;
}

.timeLine__item.is_reverse .timeLine__title {
  margin-left: 0;
  padding-left: 0;
  margin-right: -36px;
  padding-right: 36px;
}

.dir_school-life.page_daily .timeLine__item:nth-child(2) .timeLine__mainImg img {
  max-width: 500px;
}

.dir_school-life.page_daily .timeLine__item:nth-child(1) .timeLine__subImg:before {
  padding-top: 88%;
}

.dir_school-life.page_daily .timeLine__item:nth-child(3) .timeLine__mainImg img {
  max-width: 100%;
}

.dir_school-life.page_daily .timeLine__item:nth-child(4) .timeLine__mainImg img {
  max-width: 500px;
}

.dir_school-life.page_daily .timeLine__item:nth-child(7) .timeLine__mainImg img {
  max-width: 500px;
}

.dir_school-life.page_daily .timeLine__item:nth-child(9) .timeLine__mainImg img {
  max-width: 500px;
}

.dir_school-life.page_daily .timeLine__item:last-child {
  padding-bottom: 140px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .timeLine__cont .timeLine__item .timeLine__txt {
    width: 44%;
  }
}
@media screen and (max-width: 950px) {
  .timeLine__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 750px) {
  .timeLine__item {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-top: calc((85px + 73 * (100vw - 350px) / 400) * 30 / 100);
  }
  .dir_school-life.page_daily .timeLine__item:last-child {
    padding-bottom: 100px;
  }
  .timeLine__cont:before {
    top: calc((85px + 73 * (100vw - 350px) / 400) * 30 / 100);
    opacity: 0.4;
  }
  .timeLine__time {
    top: 0;
    left: auto;
    right: 10px;
    font-size: calc(138% + 6 * (100vw - 350px) / 400);
    width: calc(105px + 53 * (100vw - 350px) / 400);
    height: calc(105px + 53 * (100vw - 350px) / 400);
  }
  .timeLine__item + .timeLine__item {
    margin-top: 20px;
  }
  .timeLine__mainImg {
    margin-bottom: 14px;
  }
  .timeLine__txt {
    padding-left: 0;
  }
  .timeLine__item.is_reverse .timeLine__txt {
    padding-right: 0;
  }
  .timeLine__title {
    font-size: 20px;
    font-weight: bold;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    border: none;
    padding-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 7px;
  }
  .timeLine__cap {
    margin-bottom: 15px;
  }
  .timeLine__sub {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
  }
  .timeLine__subMds {
    font-size: 18px;
    font-weight: bold;
  }
  .timeLine__subImg {
    display: block;
  }
  .timeLine__subTxt,
  .timeLine__subImg,
  .timeline__subCap {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 20px) / 2);
  }
  .timeLine__txtImg {
    display: none;
  }
}
.dir_school-life.page_daily .contentsTitle + .lead {
  margin-bottom: 0;
}

.dir_school-life.page_daily .container.is_wrapped:nth-child(2) {
  padding-bottom: 35px;
}

@media screen and (max-width: 750px) {
  .dir_school-life.page_daily .container.is_wrapped:nth-child(2) {
    padding-bottom: 10px;
  }
}
/*========================================================
/.dir_school-life.page_daily */
/* .dir_school-life.page_safety
==========================================================  */
.dir_school-life.page_safety .contentsTitle + .lead {
  margin-bottom: 0;
}

/* .introSafety
----------------------------------------------------------  */
.introSafety {
  padding: 45px 35px;
  border: 1px solid #918f90;
}

.introSafety__diagram {
  position: relative;
  z-index: 1;
}

.introSafety__lead {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 50px;
}

.introSafety__leadTxt {
  flex: 1 1 auto;
  margin-left: 32px;
}

.introSafety__leadImg {
  flex: 0 0 298px;
}

.introSafety__leadImg > img {
  display: block;
  width: 100%;
}

.introSafety__leadTitle {
  font-size: 28px;
  color: #231f20;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #231f20;
}

.introSafety__leadCap {
  font-size: 17px;
  color: #000100;
  line-height: 1.7;
  text-align: justify;
}

.introSafety__title {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  font-size: 27px;
  font-weight: bold;
  color: #231f20;
  line-height: 1.3;
  margin-bottom: 25px;
}

.introSafety__diagramMain {
  display: block;
  margin: 0;
}

.introSafety__diagramLines {
  margin: -10px auto;
  max-width: 80%;
}

.introSafety__diagramLines > img {
  display: block;
  width: 100%;
}

.introSafety__diagramSub {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.introSafety__diagramSubItem {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 3);
}

.introSafety__diagramSubImg {
  display: block;
  width: 100%;
  border: 1px solid #00877c;
  margin-bottom: 10px;
}

.introSafety__diagramSubName {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #231f20;
}

@media screen and (max-width: 980px) {
  .introSafety__lead {
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 30px;
  }
  .introSafety__leadTitle > br {
    display: none;
  }
  .introSafety__leadImg {
    margin-bottom: 20px;
  }
  .introSafety__leadTxt {
    margin-left: 0;
  }
}
@media screen and (max-width: 750px) {
  .introSafety {
    padding: 30px 20px;
  }
  .introSafety__leadTitle {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .introSafety__lead {
    margin-bottom: 20px;
  }
  .introSafety__leadCap {
    font-size: 16px;
  }
  .introSafety__title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .introSafety__leadImg {
    flex-basis: auto;
    max-width: 100%;
  }
  .introSafety__diagram {
    position: relative;
  }
  .introSafety__diagram:after {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 100px;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    background-color: #00877c;
  }
  .introSafety__diagramMain {
    position: relative;
    margin-bottom: 30px;
  }
  .introSafety__diagramMain:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #00877c;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
  }
  .introSafety__diagramSub {
    display: block;
  }
  .introSafety__diagramSubItem + .introSafety__diagramSubItem {
    margin-top: 20px;
  }
  .introSafety__diagramSubName {
    font-size: 14px;
    text-align: left;
  }
  .introSafety__diagramLines {
    display: none;
  }
}
/*--------------------------------------------------------
/.introSafety */
/* .securitySystem
----------------------------------------------------------  */
.securitySystem {
  padding: 40px;
  border: 1px solid #918f90;
}

.securitySystem__title {
  font-size: 27px;
  margin-bottom: 10px;
  color: #231f20;
}

.securitySystem__cap {
  font-size: 17px;
  line-height: 1.8;
}

.securitySystem__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.securitySystem__item:nth-child(even) {
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.securitySystem__img {
  flex: 0 0 290px;
  margin-right: 20px;
}

.securitySystem__item:nth-child(even) .securitySystem__img {
  margin-right: 0;
  margin-left: 20px;
}

.securitySystem__item + .securitySystem__item {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  .securitySystem {
    padding: 20px 20px;
  }
  .securitySystem__item {
    display: block;
  }
  .securitySystem__img,
  .securitySystem__item:nth-child(even) .securitySystem__img {
    margin: 0 0 15px;
  }
  .securitySystem__title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .securitySystem__cap {
    font-size: 14px;
    line-height: 1.5;
  }
}
/*--------------------------------------------------------
/.securitySystem */
/*========================================================
/.dir_school-life.page_safety */
/* .dir_school-life.page_event
==========================================================  */
.eventCal {
  width: 100%;
}

.eventCal:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.eventCal__item {
  /*float: left;*/
  display: inline-block;
  vertical-align: top;
}

.eventCal__date {
  font-size: 45px;
  color: #00897d;
  border-bottom: 1px solid #00897d;
}

.eventCal__date span {
  font-size: 15px;
}

.eventCal__cont {
  margin-top: 10px;
}

.eventCal__cont li {
  list-style: none;
  font-size: 15px;
  line-height: 26px;
  text-indent: -16px;
  padding-left: 16px;
}

.eventCal__cont li a {
  color: #241a16;
}

.eventCal__cont li i {
  color: #00897d;
  padding-right: 4px;
  text-indent: 0;
}

.summer_school {
  text-indent: 0;
  display: inline-block;
  padding: 4px 5px;
  border: 1px dotted #000;
  font-size: 15px;
  line-height: 1;
  margin-left: 5px;
}

.eventCal__note {
  float: left;
  margin-top: 30px;
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  padding: 8px 15px;
  background-color: #f5f5f5;
}

@media screen and (max-width: 750px) {
  .dir_school-life.page_event .lead-supplement > br {
    display: none;
  }
  .eventCal__date {
    font-size: 30px;
  }
  .dir_school-life.page_event .img3in1 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 651px) {
  .eventCal__item {
    width: calc((100% - 120px) / 3);
  }
  .eventCal__item:not(:nth-child(3n+3)) {
    margin-right: 55px;
  }
  .eventCal__item:not(:nth-child(-n+3)) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 650px) {
  .eventCal__item {
    width: calc((100% - 30px) / 2);
  }
  .eventCal__item:not(:nth-child(2n+2)) {
    margin-right: 20px;
  }
  .eventCal__item:not(:nth-child(-n+2)) {
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .summer_school {
    right: 15px;
    left: inherit;
  }
}
/*========================================================
/.dir_school-life.page_event */
/* .dir_school-life.page_uniform
==========================================================  */
.about-uniform .intro-uniform {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.about-uniform .intro-uniform > h4 {
  display: none;
}

.about-uniform .intro-uniform .intro-uniform__img {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 100 * 45);
}

.about-uniform .intro-uniform .intro-uniform__img img {
  max-width: 100%;
  display: block;
  text-align: center;
  margin: auto;
}

.about-uniform .intro-uniform .intro-uniform__txt {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) / 100 * 55);
  -ms-align-self: center;
  align-self: center;
}

.about-uniform .intro-uniform .intro-uniform__txt h3 {
  font-size: 25px;
  margin-bottom: 60px;
  color: #000;
  display: inline-block;
  border: 1px solid #000;
  line-height: 25px;
}

.about-uniform .intro-uniform h4 {
  font-size: 27px;
  margin-bottom: 30px;
  color: #1b75bc;
}

.about-uniform .intro-uniform .intro-uniform__txt .intro-uniform__cap {
  font-size: 14px;
  color: #000;
  line-height: 1.8;
  text-align: justify;
}

.about-uniform .feature-uniform .feature-uniform__item {
  display: flex;
}

.about-uniform .feature-uniform .feature-uniform__item + .feature-uniform__item {
  margin-top: 50px;
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt {
  width: 40%;
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt h3 {
  font-size: 30px;
  border-bottom: 1px solid #000;
  line-height: 30px;
  margin-bottom: 20px;
  padding-right: 30px;
  color: #000;
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt h3 span {
  color: transparent;
  text-indent: -999em;
  display: inline-block;
  line-height: 0;
  width: 84px;
  height: 44px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  vertical-align: middle;
  transform: translateY(-23%);
  margin-left: 0.3em;
}

.about-uniform .feature-uniform .feature-uniform__item.detail01 .feature-uniform__txt h3 span {
  background-image: url(/img/school-life/uniform/no01.svg);
}

.about-uniform .feature-uniform .feature-uniform__item.detail02 .feature-uniform__txt h3 span {
  background-image: url(/img/school-life/uniform/no02.svg);
}

.about-uniform .feature-uniform .feature-uniform__item.detail03 .feature-uniform__txt h3 span {
  background-image: url(/img/school-life/uniform/no03.svg);
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt .feature-uniform__cap {
  font-size: 14px;
  color: #000100;
  text-align: justify;
  line-height: 1.8;
  padding-right: 30px;
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img {
  width: 60%;
}

.about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img img {
  display: block;
  width: 100%;
}

.about-uniform .feature-uniform .feature-uniform__item:nth-child(even) {
  flex-direction: row-reverse;
}

.about-uniform .feature-uniform .feature-uniform__item:nth-child(even) .feature-uniform__txt h3 {
  padding-left: 30px;
  padding-right: 0;
}

.about-uniform .feature-uniform .feature-uniform__item:nth-child(even) .feature-uniform__txt .feature-uniform__cap {
  padding-right: 0;
  padding-left: 30px;
}

.about-uniform.uniform_female .intro-uniform {
  flex-direction: row-reverse;
}

.about-uniform.uniform_female .intro-uniform .intro-uniform__txt h4 a {
  color: #be1e2d;
}

.about-uniform.uniform_female .feature-uniform .feature-uniform__item .feature-uniform__txt h3 span {
  color: #d37c82;
}

.feature-uniform {
  margin-bottom: 30px;
}

.uniform_season {
  display: flex;
  margin: 0 -38px;
}

.uniform_season .form_summer {
  text-align: center;
  width: 50%;
  padding: 0 38px;
  margin-bottom: 60px;
}

.uniform_season .form_summer h3 {
  font-size: 25px;
  margin-bottom: 7px;
}

.uniform_season .form_summer h3 a {
  color: #000;
}

.uniform_season .form_summer img {
  width: 100%;
}

@media (min-width: 1200px) {
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img h3 {
    display: none;
  }
}
@media (min-width: 751px) and (max-width: 1199px) {
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img h3 {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .about-uniform .intro-uniform {
    display: block;
    margin-bottom: 30px;
  }
  .about-uniform .intro-uniform > h4 {
    font-size: 18px;
    margin-bottom: 10px;
    display: block;
  }
  .about-uniform .intro-uniform > h4 > br {
    display: none;
  }
  .about-uniform .intro-uniform .intro-uniform__txt h4 {
    display: none;
  }
  .about-uniform .intro-uniform .intro-uniform__img img {
    height: 400px;
    max-width: inherit;
  }
  .about-uniform .feature-uniform .feature-uniform__item + .feature-uniform__item {
    margin-top: 30px;
  }
  .about-uniform .feature-uniform .feature-uniform__item + .feature-uniform__item {
    margin-top: 30px;
  }
  .uniform_season .form_summer {
    margin-bottom: 30px;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img img {
    margin-bottom: 10px;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img h3 {
    display: block;
    font-size: 26px;
    line-height: 1;
    margin-bottom: 15px;
    text-align: center;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img h3 span {
    text-indent: -999em;
    color: transparent;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    width: 71px;
    height: 37px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    transform: translateY(-5%);
    margin-left: 0.2em;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt .feature-uniform__cap {
    padding-right: 0;
  }
  .about-uniform .feature-uniform .feature-uniform__item:nth-child(even) .feature-uniform__txt .feature-uniform__cap {
    padding-left: 0;
  }
  .about-uniform .feature-uniform .feature-uniform__item.detail01 .feature-uniform__img h3 span {
    background-image: url(/img/school-life/uniform/no01.svg);
  }
  .about-uniform .feature-uniform .feature-uniform__item.detail02 .feature-uniform__img h3 span {
    background-image: url(/img/school-life/uniform/no02.svg);
  }
  .about-uniform .feature-uniform .feature-uniform__item.detail03 .feature-uniform__img h3 span {
    background-image: url(/img/school-life/uniform/no03.svg);
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt h3 {
    display: none;
  }
  .about-uniform.uniform_female .feature-uniform .feature-uniform__item .feature-uniform__img h3 span {
    color: #d37c82;
  }
  .uniform_season {
    flex-direction: column;
  }
  .uniform_season .form_summer {
    width: 100%;
  }
  .about-uniform .feature-uniform .feature-uniform__item {
    flex-direction: column-reverse !important;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__txt {
    width: 100%;
    margin-bottom: 0;
  }
  .about-uniform .feature-uniform .feature-uniform__item .feature-uniform__img {
    width: 100%;
  }
}
/************************meal *************************/
.dir_school-life.page_meal .title-meal {
  text-align: center;
  font-size: 27px;
  margin-bottom: 40px;
  color: #00897d;
}

.dir_school-life.page_meal .sc_meal .row_meal {
  display: flex;
  margin: 0 -16px;
}

.dir_school-life.page_meal .sc_meal .row_meal + .row_meal {
  margin-top: 70px;
}

.dir_school-life.page_meal .sc_meal .row_meal .img_meal {
  width: 53%;
  padding: 0 16px;
}

.dir_school-life.page_meal .sc_meal .row_meal .img_meal img {
  width: 100%;
}

.dir_school-life.page_meal .sc_meal .row_meal .sub_meal {
  width: 50%;
  padding: 0 16px;
}

.dir_school-life.page_meal .sc_meal .row_meal .sub_meal h3 {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.3;
  color: #231f20;
}

.dir_school-life.page_meal .sc_meal .row_meal .sub_meal .des_meal {
  font-size: 14px;
  color: #000;
  text-align: justify;
  line-height: 1.8;
}

.dir_school-life.page_meal .sc_meal .row_meal:nth-child(even) {
  flex-direction: row-reverse;
}

@media (max-width: 750px) {
  .dir_school-life.page_meal .sc_meal .row_meal + .row_meal {
    margin-top: 30px;
  }
  .dir_school-life.page_meal .title-meal {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .dir_school-life.page_meal .sc_meal .row_meal .sub_meal h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .dir_school-life.page_meal .sc_meal .row_meal {
    display: block;
  }
  .dir_school-life.page_meal .sc_meal .row_meal .img_meal {
    width: 100%;
    margin-bottom: 20px;
  }
  .dir_school-life.page_meal .sc_meal .row_meal .sub_meal {
    width: 100%;
  }
}
/*========================================================
/.dir_school-life.page_uniform */
/* .dir_school-life.page_timetable
==========================================================  */
.dir_school-life.page_timetable .u-palt {
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable main {
    margin-bottom: 240px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable main {
    margin-bottom: 140px;
  }
}
.dir_school-life.page_timetable .subjectTitle {
  font-family: "kozuka-mincho-pr6n", serif;
  color: #0e8278;
  letter-spacing: 0.12em;
  line-height: 1.74;
  font-weight: 300;
  border-bottom-style: solid;
}
.dir_school-life.page_timetable .subjectLead {
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .subjectLead {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .lead {
    font-size: 18px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .lead {
    margin-bottom: 30px;
  }
  .dir_school-life.page_timetable .lead br {
    display: block;
  }
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .timetable_ex + .timetable_ex {
    margin-top: 115px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .timetable_ex + .timetable_ex {
    margin-top: 57px;
  }
}
.dir_school-life.page_timetable .title_divide {
  letter-spacing: 0.2em;
  font-feature-settings: "palt" 1;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .title_divide {
    margin-bottom: 40px;
  }
  .dir_school-life.page_timetable .title_divide + .title_divide {
    margin-top: 115px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .title_divide {
    margin-bottom: 20px;
  }
  .dir_school-life.page_timetable .title_divide + .title_divide {
    margin-top: 57px;
  }
}
.dir_school-life.page_timetable .timetable__image {
  margin: auto;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .timetable__image {
    max-width: 677px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .timetable__image {
    overflow-x: auto;
  }
}
.dir_school-life.page_timetable .timetable__image img {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .timetable__image img {
    width: 100%;
    max-width: 677px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .timetable__image img {
    width: 600px;
  }
}
.dir_school-life.page_timetable .timetable__text {
  font-feature-settings: "palt" 1;
  letter-spacing: 0.01em;
  line-height: 1.16;
  color: #d45315;
}
@media screen and (min-width: 751px) {
  .dir_school-life.page_timetable .timetable__text {
    font-size: 24px;
    margin: 20px auto 0;
    max-width: 677px;
  }
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_timetable .timetable__text {
    font-size: 18px;
    max-width: 600px;
    margin: 20px auto 0;
  }
}

/*========================================================
/.dir_school-life.page_timetable */
/* .dir_school-life.page_voice
==========================================================  */
.dir_school-life.page_voice .subHero {
  background: #fffbf5;
}
.dir_school-life.page_voice .subHero::before, .dir_school-life.page_voice .subHero::after {
  display: none;
}
.dir_school-life.page_voice .subHero .subHero__title {
  background: none;
}
.dir_school-life.page_voice .subHero .subHero__titleMain img {
  max-width: 100%;
}
@media screen and (max-width: 750px) {
  .dir_school-life.page_voice .subHero .subHero__titleMain {
    display: block;
    width: 54.1333333333vw;
    margin: 0 auto;
  }
  .dir_school-life.page_voice .subHero .subHero__titleMain img {
    width: 100%;
  }
}

.parentsVoice_tabWrap {
  overflow-x: scroll;
}
@media screen and (max-width: 750px) {
  .parentsVoice_tabWrap {
    overflow: auto;
  }
}
.parentsVoice_tab {
  display: flex;
  align-items: flex-end;
  margin-top: 68px;
}
.parentsVoice_tab::after {
  content: "";
  display: block;
  width: max(10vw, (100vw - 1024px) / 2);
  min-width: max(10vw, (100vw - 1024px) / 2);
  height: 36px;
}
@media screen and (max-width: 750px) {
  .parentsVoice_tab {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 0;
  }
  .parentsVoice_tab::after {
    display: none;
  }
}
.parentsVoice_tab button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  outline: none;
  display: block;
  width: 25%;
  min-width: 25%;
  height: 36px;
  color: #fff;
  font-size: clamp(12px, 1.25vw, 16px);
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .parentsVoice_tab button {
    width: 50%;
    min-width: 0;
    font-size: min(3.7333333333vw, 15px);
  }
}
@media screen and (min-width: 751px) {
  .parentsVoice_tab button.is-active {
    height: 48px;
  }
}
.parentsVoice_tab button.-color1 {
  background: #1695d4;
}
.parentsVoice_tab button.-color2 {
  background: #e7373c;
}
.parentsVoice_tab button.-color3 {
  background: #70b42c;
}
.parentsVoice_tab button.-color4 {
  background: #f08c00;
}

@media screen and (max-width: 900px) {
  .parentsVoice_container {
    margin-bottom: 100px;
  }
}
.parentsVoice_cont {
  display: none;
  padding: 80px 0 86px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_cont {
    padding: 50px 0 48px;
  }
}
.parentsVoice_cont.is-active {
  display: block;
}
.parentsVoice_cont.-color1 {
  background: rgba(22, 149, 212, 0.1);
}
.parentsVoice_cont.-color2 {
  background: rgba(231, 55, 60, 0.1);
}
.parentsVoice_cont.-color3 {
  background: rgba(112, 180, 44, 0.1);
}
.parentsVoice_cont.-color4 {
  background: rgba(240, 140, 0, 0.1);
}
.parentsVoice_contInner {
  background: #fff;
  padding: 86px min(6.25vw, 80px);
}
@media screen and (max-width: 900px) {
  .parentsVoice_contInner {
    padding: 45px 16px 55px;
  }
}
.parentsVoice_topto {
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto 0;
}
.parentsVoice_topto a {
  display: flex;
  justify-content: baseline;
  align-items: center;
  height: 36px;
  padding: 0 12px 0 36px;
  background: rgba(9, 129, 119, 0.3) url(/img/school-life/voice/topto_icon.svg) left 12px center/auto no-repeat;
  color: #098177;
  font-size: 17px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_topto a {
    font-size: 14px;
  }
}
@media screen and (max-width: 900px) {
  .parentsVoice ._pc {
    display: none;
  }
}
.parentsVoice_tsumuki01 {
  display: flex;
  gap: 40px 4.6296296296%;
  margin-bottom: 95px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki01 {
    flex-direction: column;
    margin-bottom: 45px;
  }
}
.parentsVoice_tsumuki01_imgBox {
  width: 38.1944444444%;
}
.parentsVoice_tsumuki01_imgBox img {
  display: block;
  max-width: 100%;
}
.parentsVoice_tsumuki01_imgBox img + img {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki01_imgBox img + img {
    margin-top: 10px;
  }
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki01_imgBox {
    width: 100%;
  }
  .parentsVoice_tsumuki01_imgBox img {
    margin-left: auto;
    margin-right: auto;
  }
}
.parentsVoice_tsumuki01_contBox {
  flex: 1;
  font-size: 15px;
  line-height: 2.166;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki01_contBox {
    line-height: 1.8;
  }
}
.parentsVoice_tsumuki01_ttl {
  margin-top: -0.25em;
  margin-bottom: 24px;
  font-size: clamp(22px, 2.1875vw, 28px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki01_ttl {
    margin-top: 0;
    margin-bottom: 17px;
    line-height: 1.59;
  }
}
.parentsVoice_tsumuki02 {
  display: flex;
  flex-direction: row-reverse;
  gap: 0 4.6296296296%;
  margin-bottom: 95px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki02 {
    flex-direction: column;
    margin-bottom: 45px;
  }
}
.parentsVoice_tsumuki02_imgBox {
  width: 50.9259259259%;
}
.parentsVoice_tsumuki02_imgBox img {
  display: block;
  max-width: 100%;
}
.parentsVoice_tsumuki02_imgBox img + img {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki02_imgBox {
    width: 100%;
    order: 2;
    margin-bottom: 20px;
  }
  .parentsVoice_tsumuki02_imgBox img {
    margin-left: auto;
    margin-right: auto;
  }
  .parentsVoice_tsumuki02_imgBox img + img {
    margin-top: 10px;
  }
}
.parentsVoice_tsumuki02_contBox {
  flex: 1;
  font-size: 15px;
  line-height: 2.166;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki02_contBox {
    line-height: 1.8;
    display: contents;
  }
  .parentsVoice_tsumuki02_contBox > * {
    order: 3;
  }
}
.parentsVoice_tsumuki02_ttl {
  margin-top: -0.25em;
  margin-bottom: 24px;
  font-size: clamp(22px, 2.1875vw, 28px);
  font-weight: bold;
  line-height: 1.5;
  font-feature-settings: "palt";
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki02_ttl {
    margin-top: 0;
    margin-bottom: 17px;
    line-height: 1.59;
    order: 1;
  }
}
.parentsVoice_tsumuki03 {
  display: flex;
  gap: 0 4.6296296296%;
  margin-bottom: 95px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki03 {
    flex-direction: column;
    margin-bottom: 45px;
  }
}
.parentsVoice_tsumuki03_imgBox {
  width: 46.0648148148%;
}
.parentsVoice_tsumuki03_imgBox img {
  display: block;
  max-width: 100%;
}
.parentsVoice_tsumuki03_imgBox img + img {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki03_imgBox img + img {
    margin-top: 10px;
  }
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki03_imgBox {
    width: 100%;
    order: 2;
    margin-bottom: 20px;
  }
  .parentsVoice_tsumuki03_imgBox img {
    margin-left: auto;
    margin-right: auto;
  }
  .parentsVoice_tsumuki03_imgBox img + img {
    margin-top: 10px;
  }
}
.parentsVoice_tsumuki03_contBox {
  flex: 1;
  font-size: 15px;
  line-height: 2.166;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki03_contBox {
    display: contents;
    line-height: 1.8;
  }
  .parentsVoice_tsumuki03_contBox > * {
    order: 3;
  }
}
.parentsVoice_tsumuki03_ttl {
  margin-top: -0.25em;
  margin-bottom: 24px;
  font-size: clamp(22px, 2.1875vw, 28px);
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 900px) {
  .parentsVoice_tsumuki03_ttl {
    margin-top: 0;
    margin-bottom: 17px;
    line-height: 1.59;
    order: 1;
  }
}

/*========================================================
/.dir_school-life.page_voice */
/* .bscDocument
----------------------------------------------------------  */
.bscDocument__secTitle {
  font-size: 21px;
  line-height: 1.3;
  color: #fff;
  background: #00897d;
  padding: 5px 15px 4px;
  margin-bottom: 30px;
}

.bscDocument__sign {
  font-size: 16px;
  color: #231f20;
  margin-bottom: 45px;
  text-align: right;
}

.bscDocument__olLink {
  font-size: 15px;
}

.bscDocument__olLink li {
  margin-bottom: 5px;
  list-style: unset;
  color: #356bb4;
  list-style-position: inside;
}

.bscDocument__olLink li a {
  color: #356bb4;
}

.bscDocument__ulLink {
  font-size: 15px;
}

.bscDocument__ulLink li {
  margin-bottom: 5px;
  list-style: square;
  color: #356bb4;
  list-style-position: inside;
}

.bscDocument__ulLink li a {
  color: #356bb4;
}

.bscDocument {
  font-size: 15px;
  color: #231f20;
  line-height: 1.8;
  text-align: justify;
}

.bscDocument ul li {
  margin-bottom: 40px;
  padding-left: 20px;
  position: relative;
}

.bscDocument ul li:before {
  content: attr(title);
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
}

.bscDocument__olLink {
  margin-top: 30px;
}

.bscDocument h2 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.bscDocument * + h2 {
  margin-top: 80px;
}

.bscDocument h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
  margin-bottom: 10px;
}

.bscDocument * + h3 {
  margin-top: 30px;
}

.bscDocument img {
  max-width: 100%;
  display: block;
  margin: auto;
  text-align: center;
  margin-bottom: 30px;
}

.bscDocument * + img {
  margin-top: 30px;
}

.bscDocument__indented {
  padding-left: 27px;
}

.bscDocument p {
  text-indent: 1em;
}

.bscDocument__kanaList {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bscDocument__kanaList > li {
  list-style: none;
  text-indent: -31px;
  padding-left: 31px;
  line-height: 1.5;
}

.bscDocument__numList > li + li {
  margin-top: 5px;
}

.bscDocument__numList {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bscDocument__numList > li {
  list-style: none;
  text-indent: -20px;
  padding-left: 20px;
  line-height: 1.5;
}

.bscDocument__numList > li + li {
  margin-top: 5px;
}

.bscDocument__numList ol {
  padding-left: 20px;
}

.bscDocument__roundNumList {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bscDocument__roundNumList > li {
  list-style: none;
  text-indent: -14px;
  padding-left: 14px;
  line-height: 1.5;
}

.bscDocument__roundNumList > li + li {
  margin-top: 5px;
}

.bscDocument__numNakedList {
  counter-reset: num 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.bscDocument__numNakedList > li {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  list-style: none;
  line-height: 1.5;
}

.bscDocument__numNakedList > li:before {
  counter-increment: num 1;
  content: counter(num) ".　";
  display: block;
  flex: 0 0 35px;
  max-width: 35px;
  text-align: right;
}

.bscDocument__numNakedList > li + li {
  margin-top: 5px;
}

.bscDocument__kanaNakedList {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bscDocument__kanaNakedList > li {
  list-style: none;
  text-indent: -30px;
  padding-left: 30px;
  line-height: 1.5;
}

.bscDocument__kanaNakedList > li + li {
  margin-top: 5px;
}

@media screen and (max-width: 750px) {
  .bscDocument h2 {
    text-align: left;
  }
  .bscDocument * + h2 {
    margin-top: 30px;
  }
  .bscDocument * + h3 {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .bscDocument__olLink li + li,
  .bscDocument__ulLink li + li {
    margin-top: 10px;
  }
}
/*--------------------------------------------------------
/.bscDocument */
.sc_sitemap {
  display: flex;
  font-size: 15px;
  margin: 0 -15px;
}

.sc_sitemap > ul {
  width: 40%;
  margin-bottom: 60px;
  padding: 0 15px;
}

.sc_sitemap > ul li {
  border-bottom: 1px solid #ccc;
}

.sc_sitemap > ul li a {
  display: block;
  padding: 10px 0;
}

.sc_sitemap > ul li ul li {
  border-bottom: 0;
  border-top: 0 !important;
  padding-left: 15px;
  list-style: disc;
  list-style-position: inside;
  font-size: 9px;
}

.sc_sitemap > ul li ul li a {
  display: inline-block;
  font-size: 15px;
}

.sc_sitemap > ul li:first-child {
  border-top: 1px solid #ccc;
}

@media (max-width: 750px) {
  .sc_sitemap {
    display: block;
  }
  .sc_sitemap > ul {
    width: 100%;
  }
}
.dir_features-subject.page_subject-index .indexDetail__item:nth-child(7) .indexDetail__btn {
  background: #78bde8;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(7) .indexDetail__btn:before {
  background: #27a9e1;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(8) .indexDetail__btn {
  background: #578662;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(8) .indexDetail__btn:before {
  background: #006738;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(9) .indexDetail__btn {
  background: #9980bb;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(9) .indexDetail__btn:before {
  background: #7a59a5;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(10) .indexDetail__btn {
  background: #6590a4;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(10) .indexDetail__btn:before {
  background: #336b81;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(11) .indexDetail__btn {
  background: #bca17c;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(11) .indexDetail__btn:before {
  background: #a68352;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(12) .indexDetail__btn {
  background: #a96966;
}

.dir_features-subject.page_subject-index .indexDetail__item:nth-child(12) .indexDetail__btn:before {
  background: #8f3840;
}

/* update 13/8/2018 -----> */
.eventlineup {
  margin: 0px -20px;
}

.eventlineup:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.eventlineup__item {
  padding: 0px 20px;
  width: 50%;
  float: left;
}

.eventlineup__itemwrap {
  background: #e6f3f2;
  padding: 15px;
  margin-bottom: 35px;
}

.eventlineup__itemMain {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: stretch;
  align-items: stretch;
  position: relative;
  margin-bottom: 10px;
}

.eventlineup__itemMain > figure {
  flex: 1 1 auto;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.eventlineup__itemMain > figure:before {
  content: "";
  display: block;
  padding-top: 65%;
}

.eventlineup__time {
  flex: 0 0 150px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  background: #00877c;
  text-align: center;
  width: 150px;
  color: #fff;
  padding: 16px;
}

.eventlineup__date {
  font-size: 40px;
  margin-top: -10px;
}

.eventlineup__wday {
  font-size: 14px;
  margin-bottom: 7px;
}

.eventlineup__hour {
  font-size: 13px;
  line-height: 1.5;
}

.eventlineup__title {
  margin-bottom: 5px;
}

.eventlineup__title a {
  font-size: 19px;
  color: #040000;
}

.eventlineup__title a:hover {
  text-decoration: underline;
}

.eventlineup__cap {
  font-size: 15px;
  color: #231815;
  margin-bottom: 40px;
}

.eventlineup__btn {
  text-align: center;
  width: 100%;
  display: block;
  background: #00877c;
  color: #fff;
  font-size: 18px;
  padding: 15px 20px;
  transition: all 0.2s linear;
}

.eventlineup__btn:hover {
  background: #9fa0a0;
  transition: all 0.2s linear;
}

.eventlineup__btn_fix {
  background: #e6f3f2;
  border: 1px solid #00877c;
  color: #00877c;
  line-height: 20px;
}

.eventlineup__btn_fix:hover {
  color: #fff;
}

.paging_event {
  text-align: center;
}

.paging_event li {
  float: none;
  display: inline-block;
}

.paging_event li a {
  font-size: 21px;
  color: #231815;
}

.paging_event li.active a {
  color: #036eb7;
}

@media screen and (max-width: 991px) {
  .eventlineup__date {
    font-size: 32px;
  }
}
@media screen and (max-width: 750px) {
  .eventlineup .eventlineup__item {
    width: 100%;
  }
  .eventlineup__date {
    font-size: 40px;
  }
}
@media screen and (max-width: 480px) {
  .eventlineup__date {
    font-size: 30px;
  }
}
/* .dir_access.page_index
==========================================================  */
.accessWay {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.accessWay__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 50px) / 2);
  max-width: calc((100% - 50px) / 2);
  -ms-align-self: stretch;
  align-self: stretch;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  color: #00897d;
  border-radius: 5px;
  background: #a4dad2;
  padding: 35px 20px 40px;
}

.accessWay__lead {
  text-align: center;
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.accessWay__title {
  font-size: 40px;
  margin-bottom: 15px;
}

.accessWay__cap {
  line-height: 1.3;
  font-size: 14px;
}

.accessWay__item:nth-child(2) {
  background-color: #f5b1a2;
}

.accessWay__item:nth-child(2) .accessWay__lead,
.accessWay__item:nth-child(2) .accessWay__cap,
.accessWay__item:nth-child(2) .accessWay__title {
  color: #c11920;
}

.accessWay__note {
  flex: 0 0 100%;
  text-align: center;
  font-size: 15px;
  color: #ed1c24;
  margin-top: 30px;
}

.summary {
  margin-bottom: 45px;
}

.box_summary {
  text-align: center;
  width: 100%;
  border: 1px solid #000;
}

.box_summary > img {
  width: 100%;
}

.chart {
  text-align: center;
  margin-bottom: 30px;
}

.chart img {
  margin: auto;
  max-width: 100%;
}

.title_chart {
  display: inline-block;
  padding: 5px;
  border: 1px solid #605a57;
  min-width: 330px;
  color: #241a16;
  font-size: 25px;
  color: #241a16;
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .title_chart {
    min-width: 275px;
  }
}
.maps_access {
  width: 100%;
  /*background: #d1d2d4;*/
  font-size: 22px;
  color: #ec008c;
  margin-bottom: 50px;
}

.maps_access > iframe {
  width: 100%;
  max-height: 90vw;
}

.maps_access p {
  text-align: center;
  padding-top: 30%;
}

.list_ionfor {
  margin-bottom: 30px;
}

.list_ionfor li {
  list-style: none;
  line-height: 23px;
  color: #241a16;
}

.list_ionfor i {
  color: #00897d;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .accessWay {
    margin: 20px;
  }
  .accessWay__cap {
    line-height: 20px;
    font-size: 10px;
    min-height: 40px;
  }
  .accessWay__title {
    font-size: 35px;
  }
  .accessWay__lead {
    font-size: 15px;
  }
}
@media screen and (max-width: 910px) {
  .accessWay__title {
    font-size: 30px;
  }
  .accessWay__item {
    flex-basis: calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
  }
  .accessWay__lead {
    text-align: center;
  }
}
@media (max-width: 750px) {
  .maps_access,
  .box_summary {
    min-height: 250px;
  }
  .accessWay {
    -ms-align-items: stretch;
    align-items: stretch;
  }
  .accessWay__item {
    padding: 20px 15px;
  }
  .accessWay__lead {
    text-align: justify;
    font-size: 14px;
  }
  .accessWay__lead > br {
    display: none;
  }
  .accessWay__title {
    font-size: 26px;
  }
  .title_chart {
    font-size: 20px;
  }
}
/* .busStops
----------------------------------------------------------  */
.busStops__item {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -ms-align-items: baseline;
  align-items: baseline;
}

.busStops__item + .busStops__item {
  margin-top: 30px;
}

.busStops__title {
  flex: 0 0 100%;
  font-size: 16px;
  margin-bottom: 15px;
  color: #00877c;
}

.busStops__map {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) * 0.7);
  margin: 0;
  border: 1px solid #000;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.busStops__map:before {
  content: "";
  display: block;
  padding-top: 70%;
}

.busStops__img {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 20px) * 0.3);
  margin: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

.busStops__img:before {
  content: "";
  display: block;
  padding-top: 75%;
}

@media screen and (max-width: 750px) {
  .busStops__item {
    display: block;
  }
  .busStops__map {
    margin-bottom: 10px;
  }
}
/*--------------------------------------------------------
/.busStops */
/*========================================================
/.dir_access.page_index */
/* .dir_recruit.page_index
==========================================================  */
.recruitTable {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  font-size: 17px;
  text-align: center;
  -ms-align-items: stretch;
  align-items: stretch;
  border: 1px solid #000;
}

.recruitTable > dl {
  flex: 1 1 auto;
}

.recruitTable dt {
  background: #33817a;
  padding: 5px;
  color: #fff;
  border-bottom: 1px solid #000;
}

.recruitTable dd {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 15px 5px;
  font-size: 17px;
  height: 80px;
}

.recruitTable dl + dl {
  border-left: 1px solid #000;
}

/* Style the tab */
.tab {
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: inline-block;
  max-width: 192px;
  width: 100%;
  padding: 15px 10px;
  font-size: 17px;
  margin: 0 35px;
  border: 0;
  color: #3e9890;
  background: #a3d9d2;
  outline: none;
}

.tab button.active {
  color: #fff;
  background: #33817a;
}

/* Change background color of buttons on hover */
.tab button:hover {
  color: #fff;
  background: #33817a;
}

/* Create an active/current tablink class */
/* Style the tab content */
.tab__content {
  display: none;
  font-size: 25px;
  color: #231a16;
}

@media screen and (max-width: 750px) {
  .tab {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
  }
  .tab button {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 10px) / 2);
    width: auto;
    display: block;
    margin: 0;
    max-width: inherit;
  }
  .recruitTable {
    display: block;
    border: none;
  }
  .recruitTable dt {
    border-bottom: none;
    padding: 0.5em;
    margin-bottom: 13px;
    text-align: left;
  }
  .recruitTable dd {
    display: block;
    text-align: left;
    height: auto;
    padding: 0;
  }
  .recruitTable dl + dl {
    border-left: none;
    margin-top: 10px;
  }
  .tab__content {
    font-size: 15px;
  }
}
/*========================================================
/.dir_recruit.page_index */
/* .dir_news
==========================================================  */
.dir_news.page_index .postList {
  margin-bottom: 0;
}

.dir_news .sc-page-news ul li:first-child {
  border-top: 1px dotted #ccc;
}

.dir_news .sc-page-news ul li {
  border-bottom: 1px dotted #ccc;
}

.dir_news .pagination ul li a {
  font-size: 15px;
  color: #282828;
  display: block;
  padding: 0 8px;
}

.dir_news .pagination ul li:hover a,
.pagination ul li.active a {
  color: #1b75bc;
}

.dir_news .pagination ul li {
  display: inline-block;
}

.dir_news .tit_info_page a {
  display: block;
  font-size: 27.75px;
  color: #030100;
  padding-bottom: 5px;
  border-bottom: 2px dotted #000;
}

.dir_news .blogPosts__date_info {
  font-size: 18px;
  color: #241a16;
  margin-bottom: 30px;
}

.dir_news .blogPosts__date_info span {
  display: inline-block;
  font-size: 10px;
  padding: 0 15px;
  border: 1px solid #241a16;
  line-height: 13px;
}

.dir_news .sub_info_page {
  font-size: 13px;
  color: #241a16;
  line-height: 27px;
  text-align: justify;
  margin-bottom: 25px;
}

.dir_news .list-img-info-page {
  display: flex;
  margin: 0 -12.5px;
}

.dir_news .list-img-info-page li {
  width: 33.33333%;
  padding: 0 12.5px;
  margin-bottom: 25px;
}

.dir_news.page_detail .contentsTitle {
  margin-bottom: 20px;
}

.dir_blog.page_detail .titleBordered {
  margin-bottom: 15px;
}

.postInfo {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 -4px 30px;
}

.postInfo > * {
  color: #231815;
  display: block;
  line-height: 1;
  margin: 0 4px;
  line-height: 1.6;
}

.postInfo__blogCat {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
  font-size: 10px;
  height: 17px;
  vertical-align: middle;
  border: 1px solid #cccccc;
  padding-bottom: 2px;
}

.postInfo__blogCat:before {
  content: "";
  display: inline-block;
  font-size: 15px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #333;
  margin-right: 0.2em;
  transform: translateY(-3%);
}

@media screen and (max-width: 750px) {
  .postInfo {
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  .dir_news .list-img-info-page {
    flex-wrap: wrap;
  }
  .dir_news .list-img-info-page li {
    width: 100%;
  }
}
/*========================================================
/.dir_news */
/* login
==========================================================  */
.login {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.login__cont {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 365px;
  transform: translateY(-10%);
}

.login__lead {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 15px;
  line-height: 1.3;
  margin-bottom: 18px;
}

.login__logo {
  width: 366px;
  background: url(../img/common/logo.png) 50% 50%/cover no-repeat;
  text-indent: -999em;
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 0;
  color: transparent;
}

.login__logo:before {
  content: "";
  display: block;
  padding-top: 15%;
}

.login__form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
}

.login__form > label {
  font-size: 13px;
  line-height: 1.3;
  display: block;
  width: 75px;
}

.login__form > input {
  display: block;
  width: calc(100% - 75px);
  box-sizing: border-box;
  font-size: 15px;
  padding: 5px;
  border: 1px solid #c3c3c3;
}

.login__form > input:first-of-type {
  margin-bottom: 10px;
}

.login__form + .btn {
  margin-top: 30px;
  width: 100%;
  min-width: inherit;
}

.btn {
  display: block;
  min-width: 180px;
  color: #00877c;
  font-size: 16px;
  background: #b2ddda;
  padding: 6.5px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  transition-property: color;
  transition-duration: 0.3s;
}

.btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #99d3dd;
  border-radius: 100%;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.btn:hover:before {
  transform: scale(2);
}

.login_error {
  color: #00877c;
  flex: 0 0 100%;
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
  .login__cont {
    width: 80%;
    max-width: inherit;
  }
  .login__logo {
    min-width: 100%;
  }
  .login__lead {
    text-align: left;
  }
  .login__form {
    display: block;
    width: 100%;
  }
  .login__form > input,
  .login__form > label {
    width: 100%;
  }
}
/*========================================================
/login */
.pagination {
  margin-top: 30px;
}

.pagination > ul {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.pagination > ul > li + li {
  margin-left: 10px;
}

.number_count {
  text-align: right;
  margin-bottom: 5px;
  font-size: 90%;
  color: red;
}

.number_count_normal {
  text-align: right;
  margin-bottom: 5px;
  font-size: 90%;
  color: #000;
}

.number_end {
  text-align: right;
  margin-bottom: 5px;
  font-size: 90%;
  color: gray;
}

.sc_link {
  display: flex;
  font-size: 15px;
  margin: 0 -15px;
}

.sc_link > ul {
  width: 100%;
  margin-bottom: 60px;
  padding: 0 15px;
}

.sc_link > ul li {
  border-bottom: 1px solid #ccc;
}

.sc_link > ul li:first-child {
  border-top: 1px solid #ccc;
}

.sc_link > ul li a {
  display: block;
  padding: 10px 0;
}

.block_close .tit_year {
  cursor: pointer;
}

.block_close .container_year {
  display: none;
}

/*========================================================
/.login */
/* page404
==========================================================  */
.page404_main {
  min-height: calc(100vh - 183px - 120px);
}
@media screen and (max-width: 991px) {
  .page404_main {
    min-height: calc(100vh - 183px - 160px);
  }
}
@media screen and (max-width: 900px) {
  .page404_main {
    min-height: calc(100vh - 132px - 160px);
  }
}
@media screen and (max-width: 750px) {
  .page404_main {
    min-height: calc(100vh - 72px - 60px - 160px - 68px);
  }
}

.page404_text {
  font-size: 18px;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .page404_text {
    font-size: 15px;
  }
}/*# sourceMappingURL=style.css.map */