@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600&display=swap");
body {
  color: #333;
  font: 14px/2 "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
  text-align: justify;
  text-justify: distribute;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.001em;
  max-height: 999999px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 639px) {
  body {
    font-size: 13px;
  }
}
u {
  text-underline-offset: 0.2em;
}

a {
  text-underline-offset: 0.2em;
}

a:link, a:visited {
  color: #1a1a1a;
}

@media screen and (min-width: 768px) {
  a:hover, a:active {
    color: #aaa;
  }
}
.wrapper {
  overflow: hidden;
}

/* ---------------------------------------
#header
--------------------------------------- */
#header {
  top: 0;
  z-index: 1000;
  background: #000;
  position: fixed;
  width: 100%;
  height: 60px;
}
@media screen and (max-width: 639px) {
  #header {
    height: 50px;
  }
}
#header .logo {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
  width: 429px;
  line-height: 1;
}
@media screen and (max-width: 999px) {
  #header .logo {
    width: 330px;
    left: 3%;
  }
}
@media screen and (max-width: 767px) {
  #header .logo {
    width: 289px;
  }
}
@media screen and (max-width: 374px) {
  #header .logo {
    width: 230px;
  }
}
#header .btn_menu {
  transition: opacity 0.3s ease-in-out;
  backface-visibility: hidden;
  cursor: pointer;
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../img/common/menu_open.svg) no-repeat center;
  background-size: 42px;
}
@media screen and (min-width: 768px) {
  #header .btn_menu:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 999px) {
  #header .btn_menu {
    width: 60px;
  }
}
#header .btn_menu.is-open {
  background-image: url(../img/common/menu_close.svg);
}
#header .search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 525px;
}
@media screen and (max-width: 999px) {
  #header .search {
    display: none;
  }
}
#header .search #gsearch .search-input {
  width: 120px;
  height: 13px;
  padding: 6px 4px;
  line-height: 13px;
  margin-right: 0px;
  -webkit-appearance: none;
  border: none;
  background: #ccc;
  display: none;
}
#header .search #gsearch .search-bot {
  width: 25px;
}
#header .search #gsearch #btn_serch {
  width: 26px;
  position: absolute;
  top: 2px;
  left: 0;
  line-height: 1;
}

.gnav_search {
  display: none;
}
@media screen and (max-width: 999px) {
  .gnav_search {
    display: block;
  }
}
.gnav_search form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.gnav_search form .search-input {
  appearance: none;
  border: none !important;
  background: #ccc;
  border-radius: 0;
  flex-basis: calc(100% - 40px);
  font-size: 16px;
}
.gnav_search form .search-bot {
  height: 30px;
}

@media screen and (max-width: 767px) {
  .h_nav_box {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 60px 0 0;
    z-index: 11;
    background: #000;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .h_nav_box {
    position: fixed;
    z-index: 100;
    top: 0;
  }
}
@media screen and (max-width: 639px) {
  .h_nav_box {
    padding: 50px 0 0;
  }
}

.h_nav {
  width: 426px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 70px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 999px) {
  .h_nav {
    right: 60px;
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .h_nav {
    position: static;
    width: 100%;
    height: 50px;
  }
}
.h_nav li {
  position: relative;
  flex-basis: 33.3333%;
}
@media screen and (min-width: 768px) {
  .h_nav li:first-child:before, .h_nav li:after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: #959595;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
  }
  .h_nav li:first-child:before {
    left: 0;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .h_nav li {
    border-left: 0.5px solid #959595;
    border-top: 0.5px solid #959595;
  }
  .h_nav li:first-child {
    border-left: none;
  }
}
.h_nav li a {
  transition: opacity 0.3s ease-in-out;
  backface-visibility: hidden;
  position: relative;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .h_nav li a:hover {
    opacity: 0.7;
  }
}
.h_nav li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.h_nav li a.gn1:after {
  background: linear-gradient(to right, #285CAE 0%, #3175C1 100%);
}
.h_nav li a.gn2:after {
  background: linear-gradient(to right, #A81F1C 0%, #C42629 100%);
}
.h_nav li a.gn3:after {
  background: linear-gradient(to right, #B47825 0%, #C59135 100%);
}
.h_nav li a img {
  position: relative;
  width: auto;
  height: 16px;
  margin-top: -4px;
}
@media screen and (max-width: 767px) {
  .h_nav li a img {
    margin-top: -8px;
    height: 14px;
  }
}

/* ---------------------------------------
#cnt_main
--------------------------------------- */
@media screen and (min-width: 768px) {
  #cnt_main {
    margin: 60px auto 0;
  }
}
@media screen and (max-width: 767px) {
  #cnt_main {
    margin: 110px auto 0;
  }
}
@media screen and (max-width: 639px) {
  #cnt_main {
    margin: 100px auto 0;
  }
}

/* ---------------------------------------
#gnav
--------------------------------------- */
#gnav {
  color: #FFF;
  width: 100%;
  height: auto;
  top: -305px;
  right: 0;
  z-index: 999;
  position: fixed;
  background: url(../img/common/bg_gnav.png);
  font-size: 0.93em;
}
@media screen and (max-width: 999px) {
  #gnav {
    top: 60px;
    right: -300px;
    width: 300px;
    height: 100%;
  }
}
@media screen and (max-width: 639px) {
  #gnav {
    top: 50px;
  }
}
#gnav a {
  color: #FFF;
  text-decoration: none;
}
#gnav a:hover {
  color: #aaa;
  text-decoration: underline;
}
#gnav > ul {
  padding: 20px 0;
  text-align: center;
}
#gnav > ul > li {
  padding: 0 30px;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#gnav > ul > li:first-child {
  min-width: 210px;
}
#gnav .home_icon {
  background: url(../img/common/home.png);
}
#gnav .square_orange {
  background: url(../img/common/square_orange.png);
}
#gnav .square_childcare {
  background: url(../img/common/square_childcare.png);
}
#gnav .square_infant {
  background: url(../img/common/square_infant.png);
}
#gnav .square_elementary {
  background: url(../img/common/square_elementary.png);
}
#gnav .square_green {
  background: url(../img/common/square_green.png);
}
#gnav .square_purple {
  background: url(../img/common/square_purple.png);
}
#gnav .square_blue {
  background: url(../img/common/square_blue.png);
}
#gnav .square_pink {
  background: url(../img/common/square_pink.png);
}
#gnav .square_oblue {
  background: url(../img/common/square_oblue.png);
}
#gnav .square_cblue {
  background: url(../img/common/square_cblue.png);
}
#gnav .square_dblue {
  background: url(../img/common/square_dblue.png);
}
#gnav .cir_red {
  background: url(../img/common/cir_red.png);
}
#gnav .cir_blue {
  background: url(../img/common/cir_blue.png);
}
#gnav .cir_orange {
  background: url(../img/common/cir_orange.png);
}
#gnav .cir_green {
  background: url(../img/common/cir_green.png);
}
#gnav .cir_purple {
  background: url(../img/common/cir_purple.png);
}
#gnav .cir_gray {
  background: url(../img/common/cir_gray.png);
}
#gnav .cir_brown {
  background: url(../img/common/cir_brown.png);
}
#gnav .icon {
  background-size: 13px 13px;
  padding: 0 0 2px 19px;
  background-repeat: no-repeat;
  background-position: left center;
}
#gnav .home_icon {
  margin-left: -2px;
  padding-left: 21px;
  background-size: 16px;
}
#gnav .nav_cnt_txt {
  font-size: 0.8em;
  line-height: 1.2;
  margin-top: 5px;
}
#gnav .nav_cnt span {
  display: block;
  line-height: 1.7;
}
#gnav .acd_div {
  margin-bottom: 5px;
}
#gnav .acd_btn {
  background: url(../img/common/arrow_down.png) no-repeat 98% 50%;
  cursor: pointer;
}
#gnav .acd_btn.is-open {
  background: url(../img/common/arrow_up.png) no-repeat 98% 50%;
}
#gnav .acd_btn2 {
  font-size: 1em;
  background: url(../img/common/ico_arrow01.png) no-repeat 98% 50%;
}
#gnav .acd_btn2:hover {
  color: #FFF;
  text-decoration: none;
}
#gnav .dl_nav {
  display: none;
}
#gnav .dl_nav {
  margin: 0 0 10px;
}
#gnav .dl_nav dd {
  cursor: pointer;
  padding-left: 10px;
  margin: 0 0 0 1.5em;
  background: url(../img/common/ico_arrow01.png) no-repeat left 45%;
}

@media screen and (max-width: 999px) {
  #gnav .icon {
    padding: 3px 0 5px 19px;
  }
  #gnav > ul {
    padding: 0 0 0;
  }
  #gnav > ul > li {
    padding: 0 0;
    display: block;
  }
  #gnav .last_close {
    margin-bottom: 0;
    text-align: center;
    line-height: 0;
    padding-bottom: 9px !important;
  }
  #gnav .dl_nav dd {
    margin: 0 0 0 0.5em;
  }
  #gnav .acd_div {
    padding: 4px 15px;
    border-bottom: 1px solid #AAA;
    cursor: pointer;
  }
}
/* ---------------------------------------
#footer
--------------------------------------- */
/* #btn_pagetop */
#btn_pagetop {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 10;
  display: none;
}

@media screen and (max-width: 639px) {
  #btn_pagetop {
    width: 40px;
    position: fixed;
    bottom: 65px;
    right: 20px;
  }
  #btn_pagetop {
    width: 40px;
    position: fixed;
    bottom: 120px;
    right: 20px;
  }
}
/* #btn_sitetop */
#btn_sitetop a {
  display: block;
  text-align: center;
  background: #e8e8e8;
  width: 100%;
  padding: 30px 0;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  transition: 0.7s;
  line-height: 1;
  font-size: 10px;
}

#btn_sitetop a:hover {
  background: #000;
}

#btn_sitetop a img {
  margin: 0 auto;
  height: 16px;
}

@media screen and (max-width: 999px) {
  #btn_sitetop a {
    padding: 15px 0;
    line-height: 1;
  }
  #btn_sitetop a:hover {
    background: #f5f5f5;
  }
}
@media screen and (max-width: 639px) {
  #btn_sitetop a {
    padding: 15px 0;
    line-height: 1;
    font-size: 14px;
  }
  #btn_sitetop a img {
    height: 14px;
  }
}
/* footer */
#footer {
  font-size: 13px;
  background-color: #fff;
  padding-top: 0px;
  padding-bottom: 20px;
}
#footer .incnt {
  margin: 0 20px;
  width: auto !important;
}
#footer .sns {
  padding: 25px 0;
}
@media screen and (max-width: 999px) {
  #footer .sns {
    padding: 20px 0;
  }
}
#footer .sns ul {
  display: flex;
  justify-content: center;
}
#footer .sns ul li {
  margin: 0 10px;
}
#footer .sns ul li a {
  display: block;
  transition: 0.3s ease-in-out;
}
#footer .sns ul li a img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
#footer .sns ul li a:hover {
  opacity: 0.7;
}
#footer #fnav2 {
  display: flex;
}
@media screen and (min-width: 1000px) {
  #footer #fnav2 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 999px) {
  #footer #fnav2 {
    position: static;
    justify-content: center;
  }
}
@media screen and (max-width: 479px) {
  #footer #fnav2 {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 480px) {
  #footer #fnav2 li:after {
    content: "|";
    padding: 0 10px;
  }
  #footer #fnav2 li:last-child:after {
    content: "";
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  #footer #fnav2 li {
    display: inline-block;
    width: fit-content;
    padding: 0 0 0 10px;
    background: url(../../module/img/common/ico_arrow02.png) no-repeat left 45%;
  }
}
#footer #fnav2 li a {
  text-decoration: none;
}
#footer #fnav2 li a:hover {
  color: #ccc;
  text-decoration: underline;
}
#footer .copyright {
  font-size: 0.85em;
}
@media screen and (min-width: 1000px) {
  #footer .copyright {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 999px) {
  #footer .copyright {
    margin-top: 10px;
    text-align: center;
    position: static;
  }
}
#footer .copyright span {
  display: inline-block;
}

/* ---------------------------------------
#fnav
--------------------------------------- */
#fnav {
  overflow: hidden;
  padding-bottom: 60px;
  padding-top: 60px;
  background-color: #fff;
}

#fnav a {
  text-decoration: none;
}

#fnav a:hover {
  text-decoration: underline;
}

#fnav .sitemap_tit {
  text-align: center;
  margin: 0 0 20px;
}

#fnav .sitemap_tit img {
  height: 22px;
}

#fnav ul {
  padding: 20px 0;
  text-align: center;
  margin-left: -60px;
}

#fnav ul > li {
  margin-left: 60px;
  *display: inline;
  *zoom: 1;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}

#fnav .home_icon {
  background: url(../img/common/fnav_home.png);
}

#fnav .square_orange {
  background: url(../img/common/square_orange.png);
}

#fnav .square_childcare {
  background: url(../img/common/square_childcare.png);
}

#fnav .square_infant {
  background: url(../img/common/square_infant.png);
}

#fnav .square_elementary {
  background: url(../img/common/square_elementary.png);
}

#fnav .square_green {
  background: url(../img/common/square_green.png);
}

#fnav .square_purple {
  background: url(../img/common/square_purple.png);
}

#fnav .square_blue {
  background: url(../img/common/square_blue.png);
}

#fnav .square_pink {
  background: url(../img/common/square_pink.png);
}

#fnav .square_oblue {
  background: url(../img/common/square_oblue.png);
}

#fnav .square_cblue {
  background: url(../img/common/square_cblue.png);
}

#fnav .square_dblue {
  background: url(../img/common/square_dblue.png);
}

#fnav .cir_red {
  background: url(../img/common/cir_red.png);
}

#fnav .cir_blue {
  background: url(../img/common/cir_blue.png);
}

#fnav .cir_orange {
  background: url(../img/common/cir_orange.png);
}

#fnav .cir_green {
  background: url(../img/common/cir_green.png);
}

#fnav .cir_purple {
  background: url(../img/common/cir_purple.png);
}

#fnav .cir_gray {
  background: url(../img/common/cir_gray.png);
}

#fnav .cir_brown {
  background: url(../img/common/cir_brown.png);
}

#fnav .icon {
  background-size: 13px 13px;
  padding: 0 0 2px 19px;
  background-repeat: no-repeat;
  background-position: left center;
}

#fnav .home_icon {
  margin-left: -1px;
  padding-left: 20px;
  background-size: 16px 16px;
}

#fnav .acd_div {
  margin-bottom: 5px;
}

#fnav .dl_nav {
  margin: 0 0 10px;
}

#fnav .dl_nav dd {
  cursor: pointer;
  padding-left: 10px;
  margin: 0 0 0 1.5em;
  background: url(../img/common/ico_arrow02.png) no-repeat left 45%;
}

#fnav .nav_cnt_txt {
  font-size: 0.8em;
  line-height: 1.2;
  margin-top: 5px;
}

#fnav .nav_cnt span {
  display: block;
  line-height: 1.7;
}

@media screen and (max-width: 999px) {
  #fnav .sitemap_tit img {
    height: 20px;
  }
  #fnav ul {
    margin-left: -3.333%;
  }
  #fnav ul > li {
    width: 30%;
    margin-left: 3.333%;
  }
}
@media screen and (max-width: 820px) {
  #fnav ul > li {
    padding: 0 0;
  }
}
@media screen and (max-width: 767px) {
  #fnav .sitemap_tit img {
    height: 18px;
  }
  #fnav ul {
    margin-left: 0;
  }
  #fnav ul > li {
    padding: 0 1%;
    width: 290px;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 639px) {
  /* #fnav { margin-bottom: 40px; } */
  #fnav .sitemap_tit {
    padding: 0;
    margin: 0 -5% 20px;
    line-height: 1;
    font-size: 10px;
    width: 110%;
  }
  #fnav ul > li {
    padding: 0 0;
    margin: 0 0;
  }
  #fnav ul {
    padding: 0;
  }
  #fnav .celi {
    padding: 0;
  }
}
@media screen and (max-width: 479px) {
  #fnav .sitemap_tit img {
    height: 17px;
  }
  #fnav .fnav_tit img {
    height: 18px;
  }
}
/* ---------------------------------------
.btm_btn_box
--------------------------------------- */
/* .btm_btn_box */
.btm_btn_box {
  background: #000;
  line-height: 1;
}

.btm_btn_box a {
  position: relative;
  display: block;
  width: 100%;
  height: 190px;
  text-align: center;
}

.btm_btn_box a span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../../module/img/common/btn_contact_bg3.jpg") no-repeat center center;
  background-size: cover;
}

.btm_btn_box a img {
  position: relative;
  top: 50%;
  margin-top: -35px;
  z-index: 2;
  height: 70px;
}

.btm_btn_box a span {
  transition: 0.6s;
}

.btm_btn_box a:hover span {
  transition: 0.8s;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
}

@media screen and (max-width: 999px) {
  .btm_btn_box a, .btm_btn_box a span {
    height: 150px;
  }
  .btm_btn_box a img {
    margin-top: -27px;
    z-index: 2;
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  .btm_btn_box a img {
    margin-top: -25px;
    height: 50px;
  }
}
@media screen and (max-width: 639px) {
  .btm_btn_box a, .btm_btn_box a span {
    height: 90px;
  }
  .btm_btn_box a img {
    height: 35px;
    margin-top: -17px;
  }
}
@media screen and (min-width: 768px) {
  #btn_event a span {
    background: url("../../module/img/common/btn_event_bg.png") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  #btn_event a span {
    background: url("../../module/img/common/btn_event_bg_sp.png") no-repeat center center;
    background-size: cover;
  }
}

#btn_shingaku a span {
  background: url("../../module/img/common/btn_shingaku_bg.jpg") no-repeat center center;
  background-size: cover;
}/*# sourceMappingURL=base.css.map */