@charset "UTF-8";
html {
  font-size: 100%;
  scrollbar-gutter: stable;
}

body {
  color: #333333;
  font-family: -apple-system, tbudgothic-std, "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
  background-color: inherit;
  position: relative;
}
body.overFlowHidden {
  overflow: hidden;
}

html.translated-ltr body {
  font-family: inherit !important;
}

a {
  color: #003a68;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.bg-slide-box {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  padding: 40px 60px 20px 60px;
  max-width: 100%;
}
@media screen and (max-width: 769px) {
  .bg-slide-box {
    padding: 40px 17px 20px 17px;
  }
}
.bg-slide-box .slide-in {
  margin: 0 auto;
  width: 100%;
  max-width: 1540px;
}
.bg-slide-box .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-content: space-between;
  align-items: self-end;
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media screen and (max-width: 1004px) {
  .bg-slide-box .flex-box {
    justify-content: center;
  }
}
@media screen and (max-width: 769px) {
  .bg-slide-box .flex-box {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 4rem;
    margin-bottom: 0rem;
  }
}
.bg-slide-box .flex-box .left {
  flex-basis: 380px;
  max-width: 380px;
}
@media screen and (max-width: 940px) {
  .bg-slide-box .flex-box .left {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1004px) and (max-width: 1024px) {
  .bg-slide-box .flex-box .left {
    flex-basis: 48%;
    max-width: 48%;
  }
}
.bg-slide-box .flex-box .left a {
  text-decoration: none;
  font-weight: bold;
}
.bg-slide-box .flex-box .left .btn-long {
  position: relative;
  background-color: white;
  padding: 1rem 2rem 0.8rem 2.5rem;
  display: block;
  border-radius: 25px;
  margin-bottom: 0.8rem;
  box-shadow: 0 3px 10px rgba(0, 0, 5, 0.84);
}
.bg-slide-box .flex-box .left .btn-long h3 {
  font-size: 81%;
  font-weight: bold;
}
.bg-slide-box .flex-box .left .btn-long:hover {
  transition: 0.3s;
  box-shadow: 0 0 15px #585858;
}
.bg-slide-box .flex-box .left .covid {
  color: #c1272d;
}
.bg-slide-box .flex-box .left .covid::before {
  content: "";
  background-image: url(../img/icon-important.png);
  left: 1rem;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 18px;
  height: 16px;
}
.bg-slide-box .flex-box .left .covid::after {
  content: "";
  background-image: url(../img/arrow-right-red.png);
  right: 1rem;
  top: calc(50% - 3px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 5px;
  height: 6px;
}
.bg-slide-box .flex-box .left .mynumber {
  color: #2e3192;
}
.bg-slide-box .flex-box .left .mynumber::before {
  content: "";
  background-image: url(../img/icon-mynumber.png);
  left: 1rem;
  top: calc(50% - 6px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 15px;
  height: 10px;
}
.bg-slide-box .flex-box .left .mynumber::after {
  content: "";
  background-image: url(../img/arrow-right-blue.png);
  right: 1rem;
  top: calc(50% - 3px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 5px;
  height: 6px;
}
.bg-slide-box .flex-box .left .box-square {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  .bg-slide-box .flex-box .left .box-square {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .bg-slide-box .flex-box .left .box-square {
    max-width: 90%;
  }
}
@media (min-width: 1004px) and (max-width: 1024px) {
  .bg-slide-box .flex-box .left .box-square {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 769px) {
  .bg-slide-box .flex-box .left .box-square {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 0rem;
  }
}
.bg-slide-box .flex-box .left .box-square a {
  flex-basis: 48%;
  max-width: 48%;
  position: relative;
  margin-top: 1.5rem;
}
@media (min-width: 680px) and (max-width: 768px) {
  .bg-slide-box .flex-box .left .box-square a {
    flex-basis: 24%;
    max-width: 24%;
  }
}
.bg-slide-box .flex-box .left .box-square a h3 {
  text-align: center;
  font-size: 93.7%;
  font-weight: bold;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 20px;
  left: 50%;
}
@media screen and (max-width: 320px) {
  .bg-slide-box .flex-box .left .box-square a h3 {
    font-size: 70%;
  }
}
.bg-slide-box .flex-box .left .box-square a img {
  -webkit-filter: drop-shadow(0px 0px 5px #222);
  filter: drop-shadow(0px 0px 5px #222);
  width: 100%;
}
.bg-slide-box .flex-box .left .box-square a img:hover {
  transition: 0.3s;
  -webkit-filter: drop-shadow(0px 0px 15px black);
  filter: drop-shadow(0px 0px 15px black);
}
.bg-slide-box .flex-box .left .box-square a.kurashi h3 {
  color: #ed1c24;
}
.bg-slide-box .flex-box .left .box-square a.tourism h3 {
  color: #662d91;
}
.bg-slide-box .flex-box .left .box-square a.migration h3 {
  color: #155b09;
}
.bg-slide-box .flex-box .left .box-square a.tax h3 {
  color: #b27900;
}
.bg-slide-box .flex-box .right {
  flex-basis: 525px;
  max-width: 525px;
}
@media screen and (max-width: 675px) {
  .bg-slide-box .flex-box .right {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 940px) {
  .bg-slide-box .flex-box .right {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1004px) and (max-width: 1024px) {
  .bg-slide-box .flex-box .right {
    flex-basis: 48%;
    max-width: 48%;
  }
}
@media screen and (max-width: 1004px) {
  .bg-slide-box .flex-box .right {
    justify-content: center;
  }
}
@media screen and (max-width: 1004px) {
  .bg-slide-box .flex-box .right {
    margin-top: 50px;
  }
}
.bg-slide-box .flex-box .right .search-box form {
  display: flex;
  align-content: stretch;
  justify-content: space-evenly;
  box-shadow: rgba(0, 0, 5, 0.84) 0px 3px 10px;
  border-radius: 11px;
  background-color: transparent;
}
.bg-slide-box .flex-box .right .search-box form #search-box {
  padding: 10px;
  background-color: #efefef;
  border: 1px solid #858585;
  border-right: none;
  font-size: 100%;
  width: calc(100% - 91px);
  margin: 0;
}
.bg-slide-box .flex-box .right .search-box form input#search-button {
  width: 91px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #005d50;
  color: white;
  font-size: 113%;
  letter-spacing: 8px;
  text-align: center;
  padding-left: 8px;
  padding-top: 5px;
}
.bg-slide-box .flex-box .right .search-box form input {
  font-family: -apple-system, tbudgothic-std, "BIZ UDPGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.bg-slide-box .flex-box .right .search-box form.gsc-input-box, .bg-slide-box .flex-box .right .search-box form.gsc-search-box {
  margin-bottom: 0;
  padding: 0 !important;
}
.bg-slide-box .flex-box .right .search-box table.gsc-search-box {
  margin-bottom: 0;
}
.bg-slide-box .flex-box .right .search-box #___gcse_0 form input.text {
  padding: 10px 10px;
  border: 1px solid #a9a9a9;
  border-radius: 8px 0 0 8px;
  letter-spacing: 1px;
}
.bg-slide-box .flex-box .right .search-box #___gcse_0 form input#search-button {
  background-color: #51519c;
  padding: 7px 15px 7px;
  margin-left: -5px;
  color: white;
  border: none;
  border-radius: 0px 7px 7px 0;
  letter-spacing: 1px;
  font-size: 100%;
}
.bg-slide-box .flex-box .right .search-box .google-search-box {
  margin-bottom: 25px;
}
.bg-slide-box .flex-box .right .search-box .google-search-box form input.text {
  padding: 10px 10px;
  border: 1px solid #a9a9a9;
  border-radius: 8px 0 0 8px;
  letter-spacing: 1px;
}
.bg-slide-box .flex-box .right .search-box .google-search-box form input#search-button {
  background-color: #51519c;
  padding: 7px 15px 7px;
  margin-left: -5px;
  color: white;
  border: none;
  border-radius: 0px 7px 7px 0;
  letter-spacing: 1px;
  font-size: 100%;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 form input.text {
  padding: 10px 10px;
  border: 1px solid #a9a9a9;
  border-radius: 8px 0 0 8px;
  letter-spacing: 1px;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 form input#search-button {
  background-color: #51519c;
  padding: 7px 15px 7px;
  margin-left: -5px;
  color: white;
  border: none;
  border-radius: 0px 7px 7px 0;
  letter-spacing: 1px;
  font-size: 100%;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-cse, .bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-searchbox-only {
  padding: 0 !important;
  background-color: transparent;
  border: none;
  border-radius: 24px;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-cse .gsc-input, .bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-searchbox-only .gsc-input {
  padding: 0px !important;
  background-color: white;
  border-radius: 11px 0 0 11px;
  background-position-x: 10px !important;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-cse .gsc-input .gsc-input-box, .bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-searchbox-only .gsc-input .gsc-input-box {
  border-color: transparent;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-cse .gsc-search-button, .bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-searchbox-only .gsc-search-button {
  margin-left: 0px !important;
}
.bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-cse .gsc-search-button-v2, .bg-slide-box .flex-box .right .search-box .google-search-box #___gcse_0 .gsc-control-searchbox-only .gsc-search-button-v2 {
  border-color: #51519c;
  background-color: #51519c;
  padding: 20px 50px;
  border: none;
  border-radius: 0 7px 7px 0;
}
.bg-slide-box .flex-box .right .keyword {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  align-items: center;
  background-color: white;
  padding: 20px 20px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 5, 0.84) 0px 3px 10px;
}
.bg-slide-box .flex-box .right .keyword .left {
  flex-basis: 130px;
  max-width: 130px;
}
@media screen and (max-width: 769px) {
  .bg-slide-box .flex-box .right .keyword .left {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}
.bg-slide-box .flex-box .right .keyword .left .asset {
  position: relative;
  padding-left: 32px;
  border-radius: 100px;
  display: block;
  font-size: 100%;
  font-weight: bold;
  color: #333333;
  font-weight: bold;
}
.bg-slide-box .flex-box .right .keyword .left .asset::before {
  content: "";
  background-image: url(../img/icon-search.png);
  left: 0px;
  top: calc(50% - 12px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 23px;
  height: 22px;
}
.bg-slide-box .flex-box .right .keyword .right {
  flex-basis: calc(100% - 130px);
  max-width: calc(100% - 130px);
}
@media screen and (max-width: 769px) {
  .bg-slide-box .flex-box .right .keyword .right {
    flex-basis: 100%;
    max-width: 100%;
    margin: 20px auto 0 32px;
  }
}
.bg-slide-box .flex-box .right .keyword .right .item {
  position: relative;
  padding: 5px 25px 5px 0px;
  margin-right: 10px;
  display: inline-block;
  font-weight: bold;
  font-size: 88%;
}
.bg-slide-box .flex-box .right .keyword .right .item::after {
  content: "";
  background-image: url(../img/arrow-right-green--circle.png);
  right: 0px;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 16px;
  height: 16px;
}
.bg-slide-box .flex-box .right .keyword .right .item:hover {
  color: #b27900;
}

header .main-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1360px;
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 1390px) {
  header .main-header {
    max-width: 95%;
  }
}
@media screen and (max-width: 475px) {
  header .main-header {
    padding: 15px 0;
  }
}
header .main-header .left {
  flex-basis: 360px;
  max-width: 360px;
}
@media screen and (max-width: 1131px) {
  header .main-header .left {
    flex-basis: 320px;
    max-width: 320px;
  }
}
@media screen and (max-width: 400px) {
  header .main-header .left {
    flex-basis: calc(100% - 55px);
    max-width: calc(100% - 55px);
  }
}
header .main-header .left .logo-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  align-items: flex-end;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  header .main-header .left .logo-box {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  header .main-header .left .logo-box {
    max-width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  header .main-header .left .logo-box {
    max-width: 100%;
  }
}
@media screen and (max-width: 769px) {
  header .main-header .left .logo-box {
    max-width: 100%;
  }
}
header .main-header .left .logo-box a {
  flex-basis: 340px;
  max-width: 340px;
}
@media screen and (max-width: 1024px) {
  header .main-header .left .logo-box a {
    flex-basis: 230px;
    max-width: 230px;
  }
}
@media screen and (max-width: 769px) {
  header .main-header .left .logo-box a {
    flex-basis: 240px;
    max-width: 240px;
  }
}
@media screen and (max-width: 475px) {
  header .main-header .left .logo-box a {
    flex-basis: 160px;
    max-width: 160px;
  }
  header .main-header .left .logo-box a img {
    max-height: 55px;
    max-width: auto;
  }
}
header .main-header .left .logo-box .sub-title {
  flex-basis: calc(100% - 160px);
  max-width: calc(100% - 160px);
  padding-left: 15px;
  font-size: 113%;
  font-weight: bold;
}
@media screen and (max-width: 475px) {
  header .main-header .left .logo-box .sub-title {
    font-size: 3vw;
  }
}
header .main-header .right {
  flex-basis: calc(100% - 480px);
  max-width: calc(100% - 480px);
  justify-content: flex-end;
}
@media screen and (max-width: 1131px) {
  header .main-header .right {
    flex-basis: calc(100% - 420px);
    max-width: calc(100% - 420px);
  }
}
@media screen and (max-width: 1024px) {
  header .main-header .right {
    flex-basis: calc(100% - 400px);
    max-width: calc(100% - 400px);
  }
}
@media screen and (max-width: 1000px) {
  header .main-header .right {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  header .main-header .right {
    display: none;
  }
}
header .main-header .right .accessibility-box {
  text-align: right;
}
header .main-header .right .accessibility-box .item {
  position: relative;
  padding: 0px 0px 6px 35px;
  margin-left: 3px;
  color: #333333;
  font-size: 80%;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1024px) {
  header .main-header .right .accessibility-box .item {
    font-size: 70%;
  }
}
header .main-header .right .accessibility-box .item::before {
  position: absolute;
  content: "";
  top: calc(50% - 13px);
  left: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
header .main-header .right .accessibility-box .item:hover {
  color: #51519a;
  transition: 0.5s;
}
header .main-header .right .accessibility-box .item a {
  color: #333333;
  text-decoration: none;
}
header .main-header .right .accessibility-box .item .pulldown-box {
  display: none;
  position: absolute;
  left: 0;
  margin-top: 0.5rem;
  z-index: 300;
  cursor: auto;
  background-color: white;
  border: 1px solid #ff891e;
  width: 100px;
  text-align: center;
  padding: 5px 10px 10px 10px;
}
header .main-header .right .accessibility-box .item .pulldown-box .arign-right {
  text-align: right;
}
header .main-header .right .accessibility-box .item .pulldown-box .btn {
  margin-bottom: 6px;
  cursor: pointer;
  transition: 0.2s;
}
header .main-header .right .accessibility-box .item .pulldown-box .btn:hover {
  opacity: 0.5;
}
header .main-header .right .accessibility-box .item .pulldown-box a {
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  border: 1px solid #ff8e28;
  margin-bottom: 10px;
  transition: 0.3s;
}
header .main-header .right .accessibility-box .item .pulldown-box a:hover {
  background-color: #304972;
  color: #ffffff;
}
header .main-header .right .accessibility-box .item span a {
  border-color: #ff891e !important;
  font-size: 100% !important;
}
header .main-header .right .accessibility-box .item.search-box {
  padding: 0;
  margin-left: 1rem;
  margin-top: -9px;
}
header .main-header .right .accessibility-box .item.search-box .google-search-box .gsc-control-searchbox-only.gsc-control-searchbox-only-ja {
  padding: 0 !important;
}
header .main-header .right .accessibility-box .item.search-box .gsc-search-box {
  margin-bottom: 0;
}
header .main-header .right .accessibility-box .item.search-box .gsc-input-box {
  border: none !important;
  background: transparent;
}
header .main-header .right .accessibility-box .item.search-box form {
  border: 1px solid #a9a9a9;
  border-radius: 10px;
}
header .main-header .right .accessibility-box .item.search-box .gsc-input {
  padding: 0px 52px 0px 20px;
}
header .main-header .right .accessibility-box .item.search-box .gsc-search-button-v2 {
  border: none;
  padding: 10px 1rem;
  background-color: #51519c;
  border-radius: 0 7px 7px 0;
  margin: 0;
}
header .main-header .right .accessibility-box .item.search-box #search-box {
  padding: 10px;
  background-color: #efefef;
  border: 1px solid #858585;
  border-right: none;
  font-size: 100%;
  width: calc(100% - 91px);
  margin: 0;
}
header .main-header .right .accessibility-box .item.search-box input#search-button {
  width: 91px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #005d50;
  color: white;
  font-size: 113%;
  letter-spacing: 8px;
  text-align: center;
  padding-left: 8px;
  padding-top: 4px;
}
header .main-header .right .accessibility-box .item.search-box.gsc-input-box, header .main-header .right .accessibility-box .item.search-box.gsc-search-box {
  margin-bottom: 0;
  padding: 0 !important;
}
header .main-header .right .accessibility-box .item.google-search-box {
  margin-top: -5px;
  padding-left: 20px;
  display: block;
  padding-bottom: 16px;
  padding-top: 10px;
  max-width: 28%;
  margin-left: calc(100% - 28%);
}
@media screen and (max-width: 1153px) {
  header .main-header .right .accessibility-box .item.google-search-box {
    padding-left: 10px;
    max-width: 20vw;
    margin-left: calc(100% - 20vw);
  }
}
header .main-header .right .accessibility-box .item.google-search-box form input.text {
  padding: 7px 10px;
  border: 1px solid #a9a9a9;
  border-radius: 8px 0 0 8px;
  letter-spacing: 1px;
}
header .main-header .right .accessibility-box .item.google-search-box form input#search-button {
  background-color: #51519c;
  padding: 4px 15px 7px;
  margin-left: -5px;
  color: white;
  border: none;
  border-radius: 0px 8px 8px 0;
  letter-spacing: 1px;
  font-size: 120%;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only {
  padding: 0 !important;
  background-color: transparent;
  border: none;
  border-radius: 24px;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only .gsc-input {
  padding: 0px !important;
  background-position-x: 10px !important;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only .gsc-input .gsc-input-box {
  padding: 0;
  border: 1px solid #cfcfcf;
  border-radius: 8px 0px 0px 8px;
  letter-spacing: 1px;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only .gsc-input .gsib_a {
  padding: 0px 38px 0px 9px;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only .gsc-search-button {
  margin-left: 0px !important;
}
header .main-header .right .accessibility-box .item #___gcse_0 .gsc-control-searchbox-only .gsc-search-button-v2 {
  border-color: #51519c;
  background-color: #51519c;
  border: none;
  padding: 7px 15px 6px;
  border-radius: 0 7px 7px 0;
}
header .main-header .right .accessibility-box #ss-kana::before {
  background-image: url(../img/icon-furigana.png);
}
header .main-header .right .accessibility-box #ss-voice::before {
  background-image: url(../img/icon-reading.png);
}
header .main-header .right .accessibility-box #foreign::before {
  background-image: url(../img/icon-language.png);
}
header .main-header .right .accessibility-box #size {
  cursor: pointer;
}
header .main-header .right .accessibility-box #size::before {
  background-image: url(../img/icon-fontsize.png);
}
header .main-header .right .accessibility-box #theme {
  cursor: pointer;
}
header .main-header .right .accessibility-box #theme::before {
  background-image: url(../img/icon-bgcolor.png);
}
@media screen and (max-width: 1024px) {
  header .main-header.pc {
    display: none;
  }
}
header .main-header .menu-box {
  flex-basis: 70px;
  max-width: 70px;
}
header .main-header .menu-box .navToggle-school {
  background-color: #304972;
}
@media screen and (max-width: 475px) {
  header .main-header .menu-box {
    flex-basis: 55px;
    max-width: 55px;
  }
}

nav.globalMenuSp {
  position: absolute;
  z-index: 200;
  top: 90px;
  left: 0;
  background: #fff;
  color: #000;
  text-align: center;
  width: 100%;
  box-shadow: 0px 10px 10px rgba(212, 212, 212, 0.49);
  display: none;
  background-color: #f7edff;
}
nav.globalMenuSp .main-menu {
  padding: 10px 20px 20px 20px;
  padding-top: 12vh;
}
@media screen and (max-width: 640px) {
  nav.globalMenuSp .main-menu {
    padding-top: 2vh;
  }
}
nav.globalMenuSp .main-menu .logo-box {
  padding-bottom: 30px;
  text-align: left;
}
nav.globalMenuSp .main-menu .logo-box img {
  height: 65px;
}
nav.globalMenuSp .main-menu .title {
  padding-top: 50px;
  font-size: 120%;
}
@media screen and (max-width: 640px) {
  nav.globalMenuSp .main-menu .title {
    display: none;
  }
}
nav.globalMenuSp .main-menu h2 {
  font-size: 160%;
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  nav.globalMenuSp .main-menu h2 {
    display: none;
  }
}
nav.globalMenuSp .main-menu .item-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 50%;
  margin-top: 50px;
  margin-bottom: 25px;
  background-color: #ffffff;
  padding: 50px;
  border-radius: 20px;
}
@media screen and (max-width: 769px) {
  nav.globalMenuSp .main-menu .item-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 auto;
    width: 100%;
    max-width: 90%;
    padding: 20px 30px;
  }
}
@media screen and (max-width: 500px) {
  nav.globalMenuSp .main-menu .item-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 auto;
    width: 100%;
    max-width: 95%;
  }
}
nav.globalMenuSp .main-menu .item-box a {
  text-decoration: none;
}
nav.globalMenuSp .main-menu .item-box .item {
  flex-basis: 49%;
  max-width: 49%;
  position: relative;
  text-decoration: none;
  text-align: left;
  text-shadow: none !important;
  padding: 13px 13px !important;
  margin: 0px;
  margin-bottom: 17px !important;
  font-size: 1rem;
  border-radius: 0;
  background-color: #304972;
  border-radius: 5px;
  color: white;
  font-weight: normal;
}
@media screen and (max-width: 1024px) {
  nav.globalMenuSp .main-menu .item-box .item {
    position: relative;
    font-size: 90%;
  }
  nav.globalMenuSp .main-menu .item-box .item:after {
    position: absolute;
    padding: 8px;
    padding-right: 20px;
    content: "";
    background: url(../img/arrow-white_right.svg) center no-repeat;
    background-size: 5.8px 10.3px;
    bottom: 11px;
    right: 0;
  }
}
@media screen and (max-width: 769px) {
  nav.globalMenuSp .main-menu .item-box .item {
    flex-basis: 100%;
    max-width: 100%;
  }
  nav.globalMenuSp .main-menu .item-box .item:last-of-type {
    margin-bottom: 0 !important;
  }
  nav.globalMenuSp .main-menu .item-box .item:after {
    position: absolute;
    padding: 8px;
    padding-right: 20px;
    content: "";
    background: url(../img/arrow-white_right.svg) center no-repeat;
    background-size: 5.8px 10.3px;
    bottom: 11px;
    right: 0;
  }
}
nav.globalMenuSp .main-menu .foreign {
  text-align: right;
}
nav.globalMenuSp .main-menu .foreign .btn {
  border: 1px solid #51519a;
  padding: 6px;
  display: inline-block;
  width: 144px;
  text-decoration: none;
  color: #585858;
  background-color: #ffffff;
  border-radius: 5px;
  /* margin-bottom: 25px; */
  text-align: left;
  font-size: 85%;
  position: relative;
  padding-left: 40px;
}
nav.globalMenuSp .main-menu .foreign .btn:before {
  content: "";
  background-image: url(../img/icon-foreign.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 19%;
  left: 10px;
}
nav.globalMenuSp .main-menu .search-box .gsc-control-searchbox-only {
  border-color: #FFFFFF;
  background-color: inherit;
}
nav.globalMenuSp .main-menu .search-box .gsc-input-box {
  padding-top: 0px;
  padding-bottom: 0px;
}
nav.globalMenuSp .main-menu .search-box .gsc-search-button-v2 {
  padding: 8px 10px;
}

.close {
  background-color: #bd2116;
  max-width: 150px;
  text-align: center;
  margin: auto;
  padding: 20px 10px;
  border-radius: 15px;
  color: #ffffff;
  transition: 0.3s;
  margin-top: 20px;
}
.close:hover {
  background-color: #000000;
  cursor: pointer;
}

header.page.normal-page.top nav.globalMenuSp {
  height: 100%;
  position: fixed;
  top: 0;
}
@media screen and (max-width: 475px) {
  header.page.normal-page.top nav.globalMenuSp {
    top: 85px;
  }
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0%);
  display: block;
}

.globalMenuSp .navToggle-school {
  z-index: 220;
}

.navToggle-school {
  display: block;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 220;
  text-align: center;
  background-color: #fff;
  position: relative;
  border-radius: 15px;
  background-image: url(../img/menu-bg.jpg);
}
@media screen and (max-width: 475px) {
  .navToggle-school {
    width: 55px;
    height: 55px;
    border-radius: 8px;
  }
}
.navToggle-school .menu-sp {
  display: block;
  position: absolute;
  top: 50px;
  left: 18px;
  color: white;
  font-size: 54%;
}
@media screen and (max-width: 475px) {
  .navToggle-school .menu-sp {
    top: 38px;
    left: 12px;
  }
}

.navToggle-school span {
  display: block;
  position: absolute;
  /* .navToggle-schoolに対して */
  width: 36px;
  border-bottom: solid 5px white;
  -webkit-transition: 0.35s ease-in-out;
  -moz-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
  left: 16px;
}
@media screen and (max-width: 475px) {
  .navToggle-school span {
    width: 34px;
    left: 11px;
    border-bottom: solid 2px white;
  }
}

.navToggle-school span:nth-child(1) {
  top: 15px;
}
@media screen and (max-width: 475px) {
  .navToggle-school span:nth-child(1) {
    top: 10px;
  }
}

.navToggle-school span:nth-child(2) {
  top: 28px;
}
@media screen and (max-width: 475px) {
  .navToggle-school span:nth-child(2) {
    top: 20px;
  }
}

.navToggle-school span:nth-child(3) {
  top: 41px;
}
@media screen and (max-width: 475px) {
  .navToggle-school span:nth-child(3) {
    top: 30px;
  }
}

.navToggle-school span:nth-child(4) {
  border: none;
  color: white;
  font-size: 9px;
  font-weight: bold;
  top: 34px;
  width: 50px;
  left: 0px;
}

/* 最初のspanをマイナス45度に */
.navToggle-school.active span:nth-child(1) {
  top: 24px;
  left: 16px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media screen and (max-width: 475px) {
  .navToggle-school.active span:nth-child(1) {
    top: 23px;
    left: 10px;
  }
}

/* 2番目と3番目のspanを45度に */
.navToggle-school.active span:nth-child(2),
.navToggle-school.active span:nth-child(3) {
  top: 24px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 475px) {
  .navToggle-school.active span:nth-child(2),
  .navToggle-school.active span:nth-child(3) {
    top: 23px;
    left: 10px;
  }
}

main.main-page {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
main.main-page .fv-area {
  position: relative;
}
main.main-page .fv-area img.pc {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1360px) {
  main.main-page .fv-area img.pc {
    display: none;
  }
}
main.main-page .fv-area img.md {
  display: none;
}
@media screen and (max-width: 1360px) {
  main.main-page .fv-area img.md {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  main.main-page .fv-area img.md {
    display: none;
  }
}
main.main-page .fv-area img.sp {
  display: none;
}
@media screen and (max-width: 640px) {
  main.main-page .fv-area img.sp {
    display: block;
  }
}
main.main-page .fv-area .fv-text {
  position: absolute;
  top: calc(38% - calc(98px / 2));
  z-index: 11;
  left: 15%;
  margin-top: -10px;
}
@media screen and (max-width: 1024px) {
  main.main-page .fv-area .fv-text {
    top: calc(40% - calc(86px / 2));
  }
}
@media screen and (max-width: 640px) {
  main.main-page .fv-area .fv-text {
    top: calc(50% - calc(66px / 2));
    padding: 0 20px 0 70px;
    left: 0;
  }
}
main.main-page .fv-area .fv-text:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
main.main-page .fv-area .fv-text h2 {
  font-size: 406.25%;
  background-color: #fff;
  padding: 0 20px;
  color: black;
}
@media screen and (max-width: 1024px) {
  main.main-page .fv-area .fv-text h2 {
    font-size: 240%;
  }
}
@media screen and (max-width: 425px) {
  main.main-page .fv-area .fv-text h2 {
    font-size: 175%;
    padding: 0 20px;
  }
}
main.main-page .fv-area .fv-text .text-eng {
  background-color: #fff;
  margin-top: 15px;
  padding: 20px 20px;
}
@media screen and (max-width: 1024px) {
  main.main-page .fv-area .fv-text .text-eng {
    max-width: 270px;
    padding: 10px 20px;
    margin-top: 5px;
  }
}
@media screen and (max-width: 425px) {
  main.main-page .fv-area .fv-text .text-eng {
    padding: 0 20px;
    max-width: 230px;
  }
}
main.main-page .fv-area .fv-text.hanyuda-es:before {
  background-image: url(../img/logo-hanyuda-es.png);
  width: 84px;
  height: 79px;
  top: 10px;
  margin-left: -84px;
}
@media screen and (max-width: 1024px) {
  main.main-page .fv-area .fv-text.hanyuda-es:before {
    width: 61px;
    height: 57px;
    top: 0px;
    margin-left: -61px;
  }
}
main.main-page .fv-box {
  position: relative;
}
main.main-page .fv-box .bg-slide-box-top {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 1024px) {
  main.main-page .fv-box .bg-slide-box-top {
    max-height: 70vh;
  }
}
main.main-page .fv-box .bg-slide-box-top .swiper-container {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: 59vh;
}
main.main-page .fv-box .bg-slide-box-top .swiper-container .swiper-slide {
  position: relative;
  height: auto;
}
main.main-page .fv-box .bg-slide-box-top .swiper-container .swiper-slide .photo {
  float: none;
  width: 100%;
}
@media screen and (max-width: 1060px) {
  main.main-page .fv-box .bg-slide-box-top .swiper-container .swiper-slide .photo {
    width: 100%;
  }
}
main.main-page .fv-box .bg-slide-box-top .bg-motif {
  position: absolute;
  height: 712px;
  z-index: 10;
  top: 0;
}
@media screen and (max-width: 1024px) {
  main.main-page .fv-box .bg-slide-box-top .bg-motif {
    padding-left: 0;
  }
}
@media screen and (max-width: 921px) {
  main.main-page .fv-box .bg-slide-box-top .bg-motif {
    max-height: 54vw;
  }
}
@media screen and (max-width: 645px) {
  main.main-page .fv-box .bg-slide-box-top .bg-motif {
    max-height: 375px;
    margin-left: -40px;
    display: none;
  }
}
main.main-page .fv-box .pagination-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: calc(100% - 100px);
  margin: 10px auto 2rem;
  max-width: 1360px;
  padding: 0px 40px;
  position: relative;
  text-align: right;
}
main.main-page .fv-box .pagination-wrap .swiper-pagination {
  position: relative;
  display: inline-block;
}
main.main-page .fv-box .pagination-wrap .swiper-pagination .swiper-pagination-bullet {
  margin: 0px 5px;
  width: 12px;
  height: 12px;
}
main.main-page .fv-box .pagination-wrap .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #51519b;
}
main.main-page .fv-box .pagination-wrap .stop-btn {
  display: inline-block;
}
main.main-page .fv-box .pagination-wrap .play-btn {
  display: none;
}
main.main-page .fv-box .pagination-wrap .stop-btn,
main.main-page .fv-box .pagination-wrap .play-btn {
  cursor: pointer;
  color: white;
  padding: 4px 7px 4px 7px;
  margin-left: 10px;
  font-weight: 500;
  transition: 0.2s;
}
main.main-page .fv-box .pagination-wrap .stop-btn:hover,
main.main-page .fv-box .pagination-wrap .play-btn:hover {
  background-color: #f0bdd6;
}
main.main-page .news-content {
  padding-top: 20px;
  position: relative;
  padding: 20px;
}
main.main-page .news-content .area-dot {
  margin: 0 auto;
  width: 100%;
  max-width: 1190px;
  padding: 20px;
  background-color: #fff;
  border-radius: 30px;
  box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.2);
  margin-top: -150px;
  margin-bottom: 25px;
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .area-dot {
    padding: 10px;
  }
}
@media screen and (max-width: 640px) {
  main.main-page .news-content .area-dot {
    margin-top: 20px;
  }
}
main.main-page .news-content .news-dots {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1190px;
  align-items: stretch;
  border-radius: 20px;
  padding: 50px 70px;
  background-color: #fff;
  color: #333333;
  border: 2px dashed #ffb5e3;
}
@media screen and (max-width: 540px) {
  main.main-page .news-content .news-dots {
    padding: 40px 25px;
  }
}
main.main-page .news-content .news-dots .title-box {
  flex-basis: 250px;
  max-width: 250px;
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots .title-box {
    flex-basis: 100%;
    max-width: 100%;
  }
}
main.main-page .news-content .news-dots .title-box span {
  color: #A35F8A;
  font-size: 168.75%;
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .title-box span {
    font-size: 119%;
  }
}
main.main-page .news-content .news-dots .title-box h2 {
  font-size: 231.25%;
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .title-box h2 {
    font-size: 175%;
  }
}
main.main-page .news-content .news-dots .title-box a {
  display: block;
}
main.main-page .news-content .news-dots .title-box a.rss {
  margin-top: 30px;
  color: #A35F8A;
  position: relative;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 106.25%;
  font-weight: bold;
}
main.main-page .news-content .news-dots .title-box a.rss:before {
  position: absolute;
  content: "";
  top: 5px;
  left: -20px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url(../img/icon-rss.png) !important;
}
main.main-page .news-content .news-dots a {
  display: block;
}
main.main-page .news-content .news-dots a.more {
  margin-top: 25px;
  max-width: 170px;
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots a.more {
    display: none;
  }
}
main.main-page .news-content .news-dots a.sp {
  display: none;
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots a.sp {
    display: block;
    float: right;
    padding-right: 45px;
  }
}
main.main-page .news-content .news-dots .news-list-box {
  flex-basis: calc(100% - 250px);
  max-width: calc(100% - 250px);
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots .news-list-box {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 2rem;
  }
}
main.main-page .news-content .news-dots .news-list-box header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  padding: 30px 0;
  border-bottom: 1px solid #b26797;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .news-list-box header {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots .news-list-box header {
    max-width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .news-list-box header {
    max-width: 100%;
    padding: 20px 0;
  }
}
@media screen and (max-width: 640px) {
  main.main-page .news-content .news-dots .news-list-box header {
    font-size: 86%;
  }
}
main.main-page .news-content .news-dots .news-list-box header time {
  flex-basis: 180px;
  max-width: 180px;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .news-list-box header time {
    flex-basis: 100%;
    max-width: 100%;
  }
}
main.main-page .news-content .news-dots .news-list-box header h2 {
  flex-basis: calc(100% - 180px);
  max-width: calc(100% - 180px);
}
@media screen and (max-width: 1024px) {
  main.main-page .news-content .news-dots .news-list-box header h2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 769px) {
  main.main-page .news-content .news-dots .news-list-box header h2 {
    padding-top: 10px;
  }
}
main.main-page .news-content .news-dots .news-list-box header h2 a {
  background-image: linear-gradient(to right, #304972, #304972 50%, #000 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}
@supports (-moz-appearance: none) {
  main.main-page .news-content .news-dots .news-list-box header h2 a {
    line-height: 100%;
  }
}
main.main-page .news-content .news-dots .news-list-box header h2 a:before {
  content: '';
  background: #304972;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
}
main.main-page .news-content .news-dots .news-list-box header h2 a:hover {
  background-position: 0;
}
main.main-page .news-content .news-dots .news-list-box header h2 a:hover::before {
  width: 100%;
}

.btn-primary {
  border-radius: 3px;
  box-shadow: 3px 3px 0px 0px #b26797;
  background-color: #304972;
  border-radius: 25px;
  padding: 15px 25px;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  z-index: 0;
  position: relative;
  box-sizing: border-box;
  font-size: 93.75%;
}
.btn-primary::after {
  content: '';
  background-image: url(../img/icon-white-arrow.png);
  right: 0;
  top: calc(50% - 7px);
  right: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 8px;
  height: 13px;
  transition: 0.3s;
}
.btn-primary::before {
  position: absolute;
  content: "";
  background: #132c54;
  transition-duration: 0.3s;
  z-index: -1;
  inset: 0px auto auto 0px;
  width: 0px;
  height: 100%;
  opacity: 1;
}
.btn-primary:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.btn-primary:hover {
  color: #fff;
  background: white;
  transition: color 0.3s, background 0.3s;
}

.inquiry-form input[type="submit"] {
  background-color: #304972;
  border-radius: 10px;
  color: #ffffff;
  transition: 0.3s;
}
.inquiry-form input[type="submit"]:hover {
  background-color: #bd2116;
  border-color: #000000;
}

.menu-area {
  margin: 0 auto;
  width: 100%;
  max-width: 1190px;
  margin-top: 100px;
}
.menu-area .title {
  text-align: center;
  margin-bottom: 50px;
}
.menu-area .title h2 {
  font-size: 231.25%;
  color: #000;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0;
  padding-bottom: 10px;
}
.menu-area .title h2:before {
  position: absolute;
  content: "";
  left: calc(50% - 30px);
  top: -100%;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 60px;
  height: 38px;
  background-image: url(../img/icon-flower-blue.png);
}
.menu-area .title h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 5px;
  background-color: #c46aa0;
  border-radius: 5px;
}

.contents-page {
  display: block;
}
.contents-page .main-title {
  background: no-repeat center url(../img/bg-h1-hanyuda-es.jpg);
  background-size: cover;
  position: relative;
  font-weight: bold;
  font-size: 163%;
  padding: 80px 0px 80px 40px;
  background-color: #601a4c;
}
.contents-page .main-title h1 {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  position: relative;
  padding-left: 0 !important;
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  .contents-page .main-title h1 {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .contents-page .main-title h1 {
    max-width: 90%;
  }
}
.contents-page .main-title h1::before {
  content: none !important;
}
@media screen and (max-width: 769px) {
  .contents-page .main-title {
    font-size: 136%;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 30px 0px 30px 0px;
  }
  .contents-page .main-title h1 {
    padding-left: 20px;
  }
}
.contents-page .crumbs {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  padding: 10px 20px;
}
.contents-page .crumbs + .crumbs {
  margin-top: -20px;
  padding-top: 0;
}
@media screen and (max-width: 769px) {
  .contents-page .crumbs {
    display: none;
  }
}
.contents-page .crumbs .icon-banner {
  background-color: #601a4c;
  border-radius: 12px;
  padding: 3.5px 10px 3px;
  color: white;
  font-size: 76%;
  font-weight: bold;
  margin-right: 10px;
  text-align: center;
  min-width: 87px;
  display: inline-block;
}
.contents-page .crumbs .crumb {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  .contents-page .crumbs .crumb {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .contents-page .crumbs .crumb {
    max-width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .contents-page .crumbs .crumb {
    max-width: 95%;
  }
}
.contents-page .crumbs .crumb .page {
  font-size: 81%;
  font-weight: bold;
}
.contents-page .crumbs .crumb .page:nth-of-type(1) {
  padding-left: 36px;
  position: relative;
}
.contents-page .crumbs .crumb .page:nth-of-type(1):before {
  content: "";
  background-image: url(../img/icon-home-hanyuda-es.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -2px;
  left: 11px;
}
.contents-page .crumbs .crumb .page a {
  color: #601a4c;
}
.contents-page .crumbs .crumb .separator {
  margin: 0px 10px;
}

.inquiry-html,
section.map-page,
section.related-pages,
section.wysiwyg,
article.body {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  word-break: break-all;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .inquiry-html,
  section.map-page,
  section.related-pages,
  section.wysiwyg,
  article.body {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .inquiry-html,
  section.map-page,
  section.related-pages,
  section.wysiwyg,
  article.body {
    max-width: 90%;
  }
}
@media screen and (max-width: 1240px) {
  .inquiry-html,
  section.map-page,
  section.related-pages,
  section.wysiwyg,
  article.body {
    max-width: 90%;
  }
}
.inquiry-html h1,
.inquiry-html h2,
section.map-page h1,
section.map-page h2,
section.related-pages h1,
section.related-pages h2,
section.wysiwyg h1,
section.wysiwyg h2,
article.body h1,
article.body h2 {
  display: block;
  background-color: #ffdcf3;
  color: #000000;
  padding-left: 20px;
  font-size: 122%;
  margin-bottom: 20px;
  padding: 8px 10px 8px 20px;
}
@media screen and (max-width: 769px) {
  .inquiry-html h1,
  .inquiry-html h2,
  section.map-page h1,
  section.map-page h2,
  section.related-pages h1,
  section.related-pages h2,
  section.wysiwyg h1,
  section.wysiwyg h2,
  article.body h1,
  article.body h2 {
    font-size: 110%;
    padding-left: 10px;
  }
}
.inquiry-html h1 a,
.inquiry-html h2 a,
section.map-page h1 a,
section.map-page h2 a,
section.related-pages h1 a,
section.related-pages h2 a,
section.wysiwyg h1 a,
section.wysiwyg h2 a,
article.body h1 a,
article.body h2 a {
  color: inherit;
}
.inquiry-html h3,
section.map-page h3,
section.related-pages h3,
section.wysiwyg h3,
article.body h3 {
  display: block;
  color: #601a4c;
  padding-left: 20px;
  font-size: 122%;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  margin-bottom: 17px;
  border-left: 10px solid #b26797;
  border-bottom: 1px solid #b26797;
  padding-bottom: 10px;
  border-radius: 0 !important;
}
@media screen and (max-width: 769px) {
  .inquiry-html h3,
  section.map-page h3,
  section.related-pages h3,
  section.wysiwyg h3,
  article.body h3 {
    font-size: 110%;
  }
}
.inquiry-html h3 a,
section.map-page h3 a,
section.related-pages h3 a,
section.wysiwyg h3 a,
article.body h3 a {
  color: #004885;
}
.inquiry-html h3:before,
section.map-page h3:before,
section.related-pages h3:before,
section.wysiwyg h3:before,
article.body h3:before {
  content: none !important;
}
.inquiry-html h4,
section.map-page h4,
section.related-pages h4,
section.wysiwyg h4,
article.body h4 {
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 10px;
  color: #601a4c;
  border-bottom: 1px solid #b26797;
  margin-top: 20px;
  display: block;
  padding-bottom: 10px;
  margin-top: 30px;
  /*
  text-decoration: underline dotted #1b663b;
  text-decoration-thickness: 1px;
  */
  position: relative;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .inquiry-html h4,
  section.map-page h4,
  section.related-pages h4,
  section.wysiwyg h4,
  article.body h4 {
    font-size: 105%;
  }
}
.inquiry-html h4 a,
section.map-page h4 a,
section.related-pages h4 a,
section.wysiwyg h4 a,
article.body h4 a {
  color: inherit;
}
.inquiry-html h5,
section.map-page h5,
section.related-pages h5,
section.wysiwyg h5,
article.body h5 {
  font-weight: bold;
  color: #601a4c !important;
  display: block;
  position: relative;
}
@media screen and (max-width: 769px) {
  .inquiry-html h5,
  section.map-page h5,
  section.related-pages h5,
  section.wysiwyg h5,
  article.body h5 {
    font-size: 100%;
  }
}
.inquiry-html h5 a,
section.map-page h5 a,
section.related-pages h5 a,
section.wysiwyg h5 a,
article.body h5 a {
  color: inherit;
}
.inquiry-html p,
section.map-page p,
section.related-pages p,
section.wysiwyg p,
article.body p {
  margin-bottom: 20px;
  line-height: 1.9;
}
.inquiry-html p.p_in_img.byJavaScript,
section.map-page p.p_in_img.byJavaScript,
section.related-pages p.p_in_img.byJavaScript,
section.wysiwyg p.p_in_img.byJavaScript,
article.body p.p_in_img.byJavaScript {
  margin-bottom: 4px !important;
}
@media screen and (max-width: 1024px) {
  .inquiry-html p.p_in_img.byJavaScript,
  section.map-page p.p_in_img.byJavaScript,
  section.related-pages p.p_in_img.byJavaScript,
  section.wysiwyg p.p_in_img.byJavaScript,
  article.body p.p_in_img.byJavaScript {
    width: 100% !important;
  }
}
.inquiry-html img + h2,
.inquiry-html img + h3,
.inquiry-html table + h2,
.inquiry-html ol + h2,
.inquiry-html ul + h2,
.inquiry-html p:not(.byJavaScript) + h2,
section.map-page img + h2,
section.map-page img + h3,
section.map-page table + h2,
section.map-page ol + h2,
section.map-page ul + h2,
section.map-page p:not(.byJavaScript) + h2,
section.related-pages img + h2,
section.related-pages img + h3,
section.related-pages table + h2,
section.related-pages ol + h2,
section.related-pages ul + h2,
section.related-pages p:not(.byJavaScript) + h2,
section.wysiwyg img + h2,
section.wysiwyg img + h3,
section.wysiwyg table + h2,
section.wysiwyg ol + h2,
section.wysiwyg ul + h2,
section.wysiwyg p:not(.byJavaScript) + h2,
article.body img + h2,
article.body img + h3,
article.body table + h2,
article.body ol + h2,
article.body ul + h2,
article.body p:not(.byJavaScript) + h2 {
  margin-top: 50px;
}
.inquiry-html p.p_in_img + h2,
section.map-page p.p_in_img + h2,
section.related-pages p.p_in_img + h2,
section.wysiwyg p.p_in_img + h2,
article.body p.p_in_img + h2 {
  margin-top: 40px;
}
.inquiry-html table + h3,
.inquiry-html ol + h3,
.inquiry-html ul + h3,
.inquiry-html p + h3,
section.map-page table + h3,
section.map-page ol + h3,
section.map-page ul + h3,
section.map-page p + h3,
section.related-pages table + h3,
section.related-pages ol + h3,
section.related-pages ul + h3,
section.related-pages p + h3,
section.wysiwyg table + h3,
section.wysiwyg ol + h3,
section.wysiwyg ul + h3,
section.wysiwyg p + h3,
article.body table + h3,
article.body ol + h3,
article.body ul + h3,
article.body p + h3 {
  margin-top: 30px;
}
.inquiry-html h5 + p,
.inquiry-html h5 + ul,
.inquiry-html h5 + ol,
.inquiry-html h5 + .table-scroll-block,
.inquiry-html h4 + h5,
.inquiry-html h5 + table,
section.map-page h5 + p,
section.map-page h5 + ul,
section.map-page h5 + ol,
section.map-page h5 + .table-scroll-block,
section.map-page h4 + h5,
section.map-page h5 + table,
section.related-pages h5 + p,
section.related-pages h5 + ul,
section.related-pages h5 + ol,
section.related-pages h5 + .table-scroll-block,
section.related-pages h4 + h5,
section.related-pages h5 + table,
section.wysiwyg h5 + p,
section.wysiwyg h5 + ul,
section.wysiwyg h5 + ol,
section.wysiwyg h5 + .table-scroll-block,
section.wysiwyg h4 + h5,
section.wysiwyg h5 + table,
article.body h5 + p,
article.body h5 + ul,
article.body h5 + ol,
article.body h5 + .table-scroll-block,
article.body h4 + h5,
article.body h5 + table {
  margin-top: 15px;
}
.inquiry-html img,
section.map-page img,
section.related-pages img,
section.wysiwyg img,
article.body img {
  margin: 3px;
  max-width: 100%;
  height: auto !important;
}
.inquiry-html ul,
section.map-page ul,
section.related-pages ul,
section.wysiwyg ul,
article.body ul {
  list-style: disc;
  margin-left: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .inquiry-html ul,
  section.map-page ul,
  section.related-pages ul,
  section.wysiwyg ul,
  article.body ul {
    margin-left: 30px;
  }
}
.inquiry-html ol,
section.map-page ol,
section.related-pages ol,
section.wysiwyg ol,
article.body ol {
  list-style: decimal;
  margin-left: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 769px) {
  .inquiry-html ol,
  section.map-page ol,
  section.related-pages ol,
  section.wysiwyg ol,
  article.body ol {
    margin-left: 30px;
  }
}
.inquiry-html ul li, .inquiry-html ol li,
section.map-page ul li,
section.map-page ol li,
section.related-pages ul li,
section.related-pages ol li,
section.wysiwyg ul li,
section.wysiwyg ol li,
article.body ul li,
article.body ol li {
  margin-bottom: 3px;
  line-height: 1.7;
}
.inquiry-html ul li:last-child, .inquiry-html ol li:last-child,
section.map-page ul li:last-child,
section.map-page ol li:last-child,
section.related-pages ul li:last-child,
section.related-pages ol li:last-child,
section.wysiwyg ul li:last-child,
section.wysiwyg ol li:last-child,
article.body ul li:last-child,
article.body ol li:last-child {
  margin-bottom: 0px;
}
.inquiry-html li > ul,
section.map-page li > ul,
section.related-pages li > ul,
section.wysiwyg li > ul,
article.body li > ul {
  margin-top: 10px;
}
.inquiry-html strong,
section.map-page strong,
section.related-pages strong,
section.wysiwyg strong,
article.body strong {
  font-weight: bold;
}
.inquiry-html .youtube-embed-wrapper,
section.map-page .youtube-embed-wrapper,
section.related-pages .youtube-embed-wrapper,
section.wysiwyg .youtube-embed-wrapper,
article.body .youtube-embed-wrapper {
  margin-bottom: 20px;
}
.inquiry-html a,
section.map-page a,
section.related-pages a,
section.wysiwyg a,
article.body a {
  color: #004f93;
}
.inquiry-html a[target="_blank"],
section.map-page a[target="_blank"],
section.related-pages a[target="_blank"],
section.wysiwyg a[target="_blank"],
article.body a[target="_blank"] {
  position: relative;
  margin-right: 0;
}
.inquiry-html a[href^="mailto"],
section.map-page a[href^="mailto"],
section.related-pages a[href^="mailto"],
section.wysiwyg a[href^="mailto"],
article.body a[href^="mailto"] {
  position: relative;
  padding-left: 0;
}
.inquiry-html a[data-type],
.inquiry-html .icon-jpg,
.inquiry-html .icon-png,
.inquiry-html .icon-gif,
.inquiry-html .icon-bmp,
.inquiry-html .icon-other,
.inquiry-html .icon-ppt,
.inquiry-html .icon-other,
.inquiry-html .icon-zip,
.inquiry-html .icon-pdf,
.inquiry-html .icon-xls,
.inquiry-html .icon-xlsx,
.inquiry-html .icon-xlsm,
.inquiry-html .icon-rtf,
.inquiry-html .icon-doc,
.inquiry-html .icon-docx,
section.map-page a[data-type],
section.map-page .icon-jpg,
section.map-page .icon-png,
section.map-page .icon-gif,
section.map-page .icon-bmp,
section.map-page .icon-other,
section.map-page .icon-ppt,
section.map-page .icon-other,
section.map-page .icon-zip,
section.map-page .icon-pdf,
section.map-page .icon-xls,
section.map-page .icon-xlsx,
section.map-page .icon-xlsm,
section.map-page .icon-rtf,
section.map-page .icon-doc,
section.map-page .icon-docx,
section.related-pages a[data-type],
section.related-pages .icon-jpg,
section.related-pages .icon-png,
section.related-pages .icon-gif,
section.related-pages .icon-bmp,
section.related-pages .icon-other,
section.related-pages .icon-ppt,
section.related-pages .icon-other,
section.related-pages .icon-zip,
section.related-pages .icon-pdf,
section.related-pages .icon-xls,
section.related-pages .icon-xlsx,
section.related-pages .icon-xlsm,
section.related-pages .icon-rtf,
section.related-pages .icon-doc,
section.related-pages .icon-docx,
section.wysiwyg a[data-type],
section.wysiwyg .icon-jpg,
section.wysiwyg .icon-png,
section.wysiwyg .icon-gif,
section.wysiwyg .icon-bmp,
section.wysiwyg .icon-other,
section.wysiwyg .icon-ppt,
section.wysiwyg .icon-other,
section.wysiwyg .icon-zip,
section.wysiwyg .icon-pdf,
section.wysiwyg .icon-xls,
section.wysiwyg .icon-xlsx,
section.wysiwyg .icon-xlsm,
section.wysiwyg .icon-rtf,
section.wysiwyg .icon-doc,
section.wysiwyg .icon-docx,
article.body a[data-type],
article.body .icon-jpg,
article.body .icon-png,
article.body .icon-gif,
article.body .icon-bmp,
article.body .icon-other,
article.body .icon-ppt,
article.body .icon-other,
article.body .icon-zip,
article.body .icon-pdf,
article.body .icon-xls,
article.body .icon-xlsx,
article.body .icon-xlsm,
article.body .icon-rtf,
article.body .icon-doc,
article.body .icon-docx {
  position: relative;
  padding-left: 40px;
  margin-left: 10px;
}
.inquiry-html a[data-type]::before,
.inquiry-html .icon-jpg::before,
.inquiry-html .icon-png::before,
.inquiry-html .icon-gif::before,
.inquiry-html .icon-bmp::before,
.inquiry-html .icon-other::before,
.inquiry-html .icon-ppt::before,
.inquiry-html .icon-other::before,
.inquiry-html .icon-zip::before,
.inquiry-html .icon-pdf::before,
.inquiry-html .icon-xls::before,
.inquiry-html .icon-xlsx::before,
.inquiry-html .icon-xlsm::before,
.inquiry-html .icon-rtf::before,
.inquiry-html .icon-doc::before,
.inquiry-html .icon-docx::before,
section.map-page a[data-type]::before,
section.map-page .icon-jpg::before,
section.map-page .icon-png::before,
section.map-page .icon-gif::before,
section.map-page .icon-bmp::before,
section.map-page .icon-other::before,
section.map-page .icon-ppt::before,
section.map-page .icon-other::before,
section.map-page .icon-zip::before,
section.map-page .icon-pdf::before,
section.map-page .icon-xls::before,
section.map-page .icon-xlsx::before,
section.map-page .icon-xlsm::before,
section.map-page .icon-rtf::before,
section.map-page .icon-doc::before,
section.map-page .icon-docx::before,
section.related-pages a[data-type]::before,
section.related-pages .icon-jpg::before,
section.related-pages .icon-png::before,
section.related-pages .icon-gif::before,
section.related-pages .icon-bmp::before,
section.related-pages .icon-other::before,
section.related-pages .icon-ppt::before,
section.related-pages .icon-other::before,
section.related-pages .icon-zip::before,
section.related-pages .icon-pdf::before,
section.related-pages .icon-xls::before,
section.related-pages .icon-xlsx::before,
section.related-pages .icon-xlsm::before,
section.related-pages .icon-rtf::before,
section.related-pages .icon-doc::before,
section.related-pages .icon-docx::before,
section.wysiwyg a[data-type]::before,
section.wysiwyg .icon-jpg::before,
section.wysiwyg .icon-png::before,
section.wysiwyg .icon-gif::before,
section.wysiwyg .icon-bmp::before,
section.wysiwyg .icon-other::before,
section.wysiwyg .icon-ppt::before,
section.wysiwyg .icon-other::before,
section.wysiwyg .icon-zip::before,
section.wysiwyg .icon-pdf::before,
section.wysiwyg .icon-xls::before,
section.wysiwyg .icon-xlsx::before,
section.wysiwyg .icon-xlsm::before,
section.wysiwyg .icon-rtf::before,
section.wysiwyg .icon-doc::before,
section.wysiwyg .icon-docx::before,
article.body a[data-type]::before,
article.body .icon-jpg::before,
article.body .icon-png::before,
article.body .icon-gif::before,
article.body .icon-bmp::before,
article.body .icon-other::before,
article.body .icon-ppt::before,
article.body .icon-other::before,
article.body .icon-zip::before,
article.body .icon-pdf::before,
article.body .icon-xls::before,
article.body .icon-xlsx::before,
article.body .icon-xlsm::before,
article.body .icon-rtf::before,
article.body .icon-doc::before,
article.body .icon-docx::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
  width: 25px;
  height: 28px;
  left: 0;
  top: -6px;
}
.inquiry-html a[data-type]:before,
.inquiry-html .icon-jpg:before,
.inquiry-html .icon-png:before,
.inquiry-html .icon-gif:before,
.inquiry-html .icon-bmp:before,
.inquiry-html .icon-other:before,
section.map-page a[data-type]:before,
section.map-page .icon-jpg:before,
section.map-page .icon-png:before,
section.map-page .icon-gif:before,
section.map-page .icon-bmp:before,
section.map-page .icon-other:before,
section.related-pages a[data-type]:before,
section.related-pages .icon-jpg:before,
section.related-pages .icon-png:before,
section.related-pages .icon-gif:before,
section.related-pages .icon-bmp:before,
section.related-pages .icon-other:before,
section.wysiwyg a[data-type]:before,
section.wysiwyg .icon-jpg:before,
section.wysiwyg .icon-png:before,
section.wysiwyg .icon-gif:before,
section.wysiwyg .icon-bmp:before,
section.wysiwyg .icon-other:before,
article.body a[data-type]:before,
article.body .icon-jpg:before,
article.body .icon-png:before,
article.body .icon-gif:before,
article.body .icon-bmp:before,
article.body .icon-other:before {
  background-image: url(../img/icon-other.png);
}
.inquiry-html a[data-type="pdf"]::before,
.inquiry-html a[data-type="PDF"]::before,
.inquiry-html .icon-pdf::before,
section.map-page a[data-type="pdf"]::before,
section.map-page a[data-type="PDF"]::before,
section.map-page .icon-pdf::before,
section.related-pages a[data-type="pdf"]::before,
section.related-pages a[data-type="PDF"]::before,
section.related-pages .icon-pdf::before,
section.wysiwyg a[data-type="pdf"]::before,
section.wysiwyg a[data-type="PDF"]::before,
section.wysiwyg .icon-pdf::before,
article.body a[data-type="pdf"]::before,
article.body a[data-type="PDF"]::before,
article.body .icon-pdf::before {
  background-image: url(../img/icon-pdf.png);
}
.inquiry-html a[data-type="xls"]::before,
.inquiry-html a[data-type="xlsx"]::before,
.inquiry-html a[data-type="xlsm"]::before,
.inquiry-html .icon-xls::before,
.inquiry-html .icon-xlsx::before,
.inquiry-html .icon-xlsm::before,
section.map-page a[data-type="xls"]::before,
section.map-page a[data-type="xlsx"]::before,
section.map-page a[data-type="xlsm"]::before,
section.map-page .icon-xls::before,
section.map-page .icon-xlsx::before,
section.map-page .icon-xlsm::before,
section.related-pages a[data-type="xls"]::before,
section.related-pages a[data-type="xlsx"]::before,
section.related-pages a[data-type="xlsm"]::before,
section.related-pages .icon-xls::before,
section.related-pages .icon-xlsx::before,
section.related-pages .icon-xlsm::before,
section.wysiwyg a[data-type="xls"]::before,
section.wysiwyg a[data-type="xlsx"]::before,
section.wysiwyg a[data-type="xlsm"]::before,
section.wysiwyg .icon-xls::before,
section.wysiwyg .icon-xlsx::before,
section.wysiwyg .icon-xlsm::before,
article.body a[data-type="xls"]::before,
article.body a[data-type="xlsx"]::before,
article.body a[data-type="xlsm"]::before,
article.body .icon-xls::before,
article.body .icon-xlsx::before,
article.body .icon-xlsm::before {
  background-image: url(../img/icon-xls.png);
}
.inquiry-html a[data-type="rtf"]::before,
.inquiry-html a[data-type="doc"]::before,
.inquiry-html a[data-type="docx"]::before,
.inquiry-html .icon-rtf::before,
.inquiry-html .icon-doc::before,
.inquiry-html .icon-docx::before,
section.map-page a[data-type="rtf"]::before,
section.map-page a[data-type="doc"]::before,
section.map-page a[data-type="docx"]::before,
section.map-page .icon-rtf::before,
section.map-page .icon-doc::before,
section.map-page .icon-docx::before,
section.related-pages a[data-type="rtf"]::before,
section.related-pages a[data-type="doc"]::before,
section.related-pages a[data-type="docx"]::before,
section.related-pages .icon-rtf::before,
section.related-pages .icon-doc::before,
section.related-pages .icon-docx::before,
section.wysiwyg a[data-type="rtf"]::before,
section.wysiwyg a[data-type="doc"]::before,
section.wysiwyg a[data-type="docx"]::before,
section.wysiwyg .icon-rtf::before,
section.wysiwyg .icon-doc::before,
section.wysiwyg .icon-docx::before,
article.body a[data-type="rtf"]::before,
article.body a[data-type="doc"]::before,
article.body a[data-type="docx"]::before,
article.body .icon-rtf::before,
article.body .icon-doc::before,
article.body .icon-docx::before {
  background-image: url(../img/icon-doc.png);
}
.inquiry-html a[data-type="zip"]::before,
.inquiry-html .icon-zip::before,
section.map-page a[data-type="zip"]::before,
section.map-page .icon-zip::before,
section.related-pages a[data-type="zip"]::before,
section.related-pages .icon-zip::before,
section.wysiwyg a[data-type="zip"]::before,
section.wysiwyg .icon-zip::before,
article.body a[data-type="zip"]::before,
article.body .icon-zip::before {
  background-image: url(../img/icon-zip.png);
}
.inquiry-html a[data-type="ppt"]::before,
.inquiry-html a[data-type="pptx"]::before,
.inquiry-html .icon-ppt::before,
.inquiry-html .icon-pptx::before,
section.map-page a[data-type="ppt"]::before,
section.map-page a[data-type="pptx"]::before,
section.map-page .icon-ppt::before,
section.map-page .icon-pptx::before,
section.related-pages a[data-type="ppt"]::before,
section.related-pages a[data-type="pptx"]::before,
section.related-pages .icon-ppt::before,
section.related-pages .icon-pptx::before,
section.wysiwyg a[data-type="ppt"]::before,
section.wysiwyg a[data-type="pptx"]::before,
section.wysiwyg .icon-ppt::before,
section.wysiwyg .icon-pptx::before,
article.body a[data-type="ppt"]::before,
article.body a[data-type="pptx"]::before,
article.body .icon-ppt::before,
article.body .icon-pptx::before {
  background-image: url(../img/icon-ppt.png);
}
.inquiry-html table,
section.map-page table,
section.related-pages table,
section.wysiwyg table,
article.body table {
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  font-size: 88%;
  margin-bottom: 30px;
  max-width: 100%;
  min-width: 300px;
}
@media screen and (max-width: 769px) {
  .inquiry-html table,
  section.map-page table,
  section.related-pages table,
  section.wysiwyg table,
  article.body table {
    margin-bottom: 10px;
    min-width: 0px;
  }
}
.inquiry-html table caption,
section.map-page table caption,
section.related-pages table caption,
section.wysiwyg table caption,
article.body table caption {
  display: none;
}
.inquiry-html table caption p,
section.map-page table caption p,
section.related-pages table caption p,
section.wysiwyg table caption p,
article.body table caption p {
  margin: 0;
}
.inquiry-html table th, .inquiry-html table td,
section.map-page table th,
section.map-page table td,
section.related-pages table th,
section.related-pages table td,
section.wysiwyg table th,
section.wysiwyg table td,
article.body table th,
article.body table td {
  border: 1px solid #601a4c;
  padding: 7px 8px;
  vertical-align: middle;
}
.inquiry-html table th p, .inquiry-html table th ul, .inquiry-html table th ol, .inquiry-html table td p, .inquiry-html table td ul, .inquiry-html table td ol,
section.map-page table th p,
section.map-page table th ul,
section.map-page table th ol,
section.map-page table td p,
section.map-page table td ul,
section.map-page table td ol,
section.related-pages table th p,
section.related-pages table th ul,
section.related-pages table th ol,
section.related-pages table td p,
section.related-pages table td ul,
section.related-pages table td ol,
section.wysiwyg table th p,
section.wysiwyg table th ul,
section.wysiwyg table th ol,
section.wysiwyg table td p,
section.wysiwyg table td ul,
section.wysiwyg table td ol,
article.body table th p,
article.body table th ul,
article.body table th ol,
article.body table td p,
article.body table td ul,
article.body table td ol {
  margin-bottom: 0px;
  line-height: inherit;
}
.inquiry-html table th p, .inquiry-html table td p,
section.map-page table th p,
section.map-page table td p,
section.related-pages table th p,
section.related-pages table td p,
section.wysiwyg table th p,
section.wysiwyg table td p,
article.body table th p,
article.body table td p {
  padding-left: 10px;
}
.inquiry-html table th ul, .inquiry-html table td ul,
section.map-page table th ul,
section.map-page table td ul,
section.related-pages table th ul,
section.related-pages table td ul,
section.wysiwyg table th ul,
section.wysiwyg table td ul,
article.body table th ul,
article.body table td ul {
  margin-left: 20px;
}
.inquiry-html table th ul + p, .inquiry-html table td ul + p,
section.map-page table th ul + p,
section.map-page table td ul + p,
section.related-pages table th ul + p,
section.related-pages table td ul + p,
section.wysiwyg table th ul + p,
section.wysiwyg table td ul + p,
article.body table th ul + p,
article.body table td ul + p {
  margin-top: 10px;
}
.inquiry-html table th,
section.map-page table th,
section.related-pages table th,
section.wysiwyg table th,
article.body table th {
  /*
  background-color: #1b663b;
  color: white;
  */
  background-color: #ffdcf3;
}
.inquiry-html table td,
section.map-page table td,
section.related-pages table td,
section.wysiwyg table td,
article.body table td {
  border-color: #601a4c !important;
}
.inquiry-html table tr > th:last-child,
section.map-page table tr > th:last-child,
section.related-pages table tr > th:last-child,
section.wysiwyg table tr > th:last-child,
article.body table tr > th:last-child {
  border-right: 1px solid #601a4c;
}
.inquiry-html .mokuji-ul + h2,
section.map-page .mokuji-ul + h2,
section.related-pages .mokuji-ul + h2,
section.wysiwyg .mokuji-ul + h2,
article.body .mokuji-ul + h2 {
  margin-top: 50px;
}
.inquiry-html .mokuji-ul,
section.map-page .mokuji-ul,
section.related-pages .mokuji-ul,
section.wysiwyg .mokuji-ul,
article.body .mokuji-ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  align-items: stretch;
}
.inquiry-html .mokuji-ul.mb,
section.map-page .mokuji-ul.mb,
section.related-pages .mokuji-ul.mb,
section.wysiwyg .mokuji-ul.mb,
article.body .mokuji-ul.mb {
  margin-bottom: 20px;
}
.inquiry-html .mokuji-ul ul,
section.map-page .mokuji-ul ul,
section.related-pages .mokuji-ul ul,
section.wysiwyg .mokuji-ul ul,
article.body .mokuji-ul ul {
  flex-basis: 32%;
  max-width: 32%;
  margin: 1px 4px;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .inquiry-html .mokuji-ul ul,
  section.map-page .mokuji-ul ul,
  section.related-pages .mokuji-ul ul,
  section.wysiwyg .mokuji-ul ul,
  article.body .mokuji-ul ul {
    flex-basis: 48%;
    max-width: 48%;
  }
}
@media screen and (max-width: 769px) {
  .inquiry-html .mokuji-ul ul,
  section.map-page .mokuji-ul ul,
  section.related-pages .mokuji-ul ul,
  section.wysiwyg .mokuji-ul ul,
  article.body .mokuji-ul ul {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.inquiry-html .mokuji-ul ul li,
section.map-page .mokuji-ul ul li,
section.related-pages .mokuji-ul ul li,
section.wysiwyg .mokuji-ul ul li,
article.body .mokuji-ul ul li {
  list-style: none;
  width: 100%;
  display: table;
  align-items: center;
  height: 100%;
}
.inquiry-html .mokuji-ul.col-2 ul,
section.map-page .mokuji-ul.col-2 ul,
section.related-pages .mokuji-ul.col-2 ul,
section.wysiwyg .mokuji-ul.col-2 ul,
article.body .mokuji-ul.col-2 ul {
  flex-basis: 48%;
  max-width: 48%;
}
@media screen and (max-width: 769px) {
  .inquiry-html .mokuji-ul.col-2 ul,
  section.map-page .mokuji-ul.col-2 ul,
  section.related-pages .mokuji-ul.col-2 ul,
  section.wysiwyg .mokuji-ul.col-2 ul,
  article.body .mokuji-ul.col-2 ul {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.inquiry-html .mokuji-ul a,
section.map-page .mokuji-ul a,
section.related-pages .mokuji-ul a,
section.wysiwyg .mokuji-ul a,
article.body .mokuji-ul a {
  position: relative;
  color: inherit !important;
  margin-right: 20px;
  padding-right: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
  border: 1px solid gray;
  padding: 8px 30px 8px 12px;
  font-size: 94%;
  font-weight: bold;
  background-color: white;
  transition: 0.1s;
  display: table-cell;
}
@media screen and (max-width: 769px) {
  .inquiry-html .mokuji-ul a,
  section.map-page .mokuji-ul a,
  section.related-pages .mokuji-ul a,
  section.wysiwyg .mokuji-ul a,
  article.body .mokuji-ul a {
    white-space: inherit;
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
.inquiry-html .mokuji-ul a:after,
section.map-page .mokuji-ul a:after,
section.related-pages .mokuji-ul a:after,
section.wysiwyg .mokuji-ul a:after,
article.body .mokuji-ul a:after {
  position: absolute;
  content: "";
  transform: rotate(90deg);
  top: calc(50% - 7px);
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url(../img/icon-arrow-right-green-circle.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.inquiry-html .mokuji-ul a:hover,
section.map-page .mokuji-ul a:hover,
section.related-pages .mokuji-ul a:hover,
section.wysiwyg .mokuji-ul a:hover,
article.body .mokuji-ul a:hover {
  background-color: #ededed;
}

@media screen and (max-width: 770px) {
  .table-scroll-block {
    padding-top: 20px;
    margin-bottom: 30px;
    position: relative;
  }
  .table-scroll-block:before {
    content: 'この表は横にスクロールできます >>';
    margin-bottom: 6px;
    display: inline-block;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #bbbbbb;
    color: #8a8a8a;
    font-size: 75%;
    border-radius: 18px;
    position: absolute;
    margin-top: -30px;
    width: 100%;
  }
  .table-scroll-block .table-scroll table {
    margin-top: 0px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .table-scroll-block .table-scroll td {
    display: table-cell !important;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }
}
.contents {
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  padding-top: 25px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .contents {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .contents {
    max-width: 90%;
  }
}
@media screen and (max-width: 1240) {
  .contents {
    max-width: 90%;
  }
}
.contents .pages {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  align-items: stretch;
}
.contents .pages #recent-oshirase {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  border: 1px solid #bdbdbd;
  padding: 20px 30px;
  border-radius: 10px;
  margin-bottom: 36px;
}
.contents .pages #recent-oshirase > header h2 {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 10px;
}
.contents .pages #recent-oshirase > article {
  flex-basis: 100%;
  max-width: 100%;
  display: block;
  padding: 10px 0px;
}
.contents .pages #recent-oshirase > article header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}
.contents .pages #recent-oshirase > article header time {
  flex-basis: 130px;
  max-width: 130px;
  display: block;
  font-weight: bold;
  font-size: 90%;
  color: #51519a;
}
.contents .pages #recent-oshirase > article header h3 {
  flex-basis: calc(100% - 140px);
  max-width: calc(100% - 140px);
  font-size: 90%;
  letter-spacing: 1px;
}
@media screen and (max-width: 769px) {
  .contents .pages #recent-oshirase > article header h3 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.contents .pages #recent-oshirase > article header h3 a {
  padding-left: 0px;
}
.contents .pages #recent-oshirase > article header h3 a::before {
  content: none;
}
.contents .pages #recent-oshirase > article:nth-last-child(2) {
  border-bottom: 1px dotted #c7b4a5;
}
.contents .pages #recent-oshirase .feed {
  margin-top: 10px;
  text-align: right;
}
.contents .pages #recent-oshirase .feed a {
  font-size: 86%;
  font-weight: bold;
  position: relative;
  margin-left: 25px;
  padding-right: 25px;
}
.contents .pages #recent-oshirase .feed a:after {
  content: "";
  background-image: url(../img/arrow-right-circle.png);
  right: 0px;
  top: calc(50% - 8px);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 16px;
  height: 16px;
}
.contents .pages article:not(.body) {
  flex-basis: 47%;
  max-width: 47%;
  display: flex;
  align-items: center;
  border-top: 1px dotted #c7b4a5;
  font-size: 100%;
  font-weight: bold;
  padding: 20px 0px;
  vertical-align: top;
  display: inline-block;
}
@media screen and (max-width: 769px) {
  .contents .pages article:not(.body) {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .contents .pages article:not(.body) {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.contents .pages article:not(.body):nth-last-child(1), .contents .pages article:not(.body):nth-last-child(2) {
  border-bottom: 1px dotted #c7b4a5;
}
@media screen and (max-width: 1024px) {
  .contents .pages article:not(.body):nth-last-child(2) {
    border-bottom: none;
  }
}
.contents .pages article:not(.body) time {
  display: none;
}
.contents .pages article:not(.body) a {
  display: inline-block;
  padding-left: 34px;
  position: relative;
  transition: 0.3s;
  color: inherit;
  text-decoration: underline;
}
.contents .pages article:not(.body) a::before {
  position: absolute;
  content: "";
  background-image: url(../img/arrow-right-green.png);
  width: 10px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 10px;
}
.contents .pages article:not(.body) a:hover {
  text-decoration: underline;
}
.contents.view-date .pages article {
  flex-basis: 100%;
  max-width: 100%;
  padding: 30px 0px;
}
.contents.view-date .pages article:nth-last-child(2) {
  border-bottom: none;
}
.contents.view-date .pages article:nth-last-child(1) {
  border-bottom: 1px dotted #c7b4a5;
}
.contents.view-date .pages article header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  align-items: center;
}
.contents.view-date .pages article header time {
  flex-basis: 200px;
  max-width: 200px;
  display: block;
  color: #51519a;
  font-weight: 700;
  padding-left: 20px;
}
@media screen and (max-width: 769px) {
  .contents.view-date .pages article header time {
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 0px;
  }
}
.contents.view-date .pages article header h2 {
  flex-basis: calc(100% - 200px);
  max-width: calc(100% - 200px);
}
.contents.view-date .pages article header h2 a::before {
  content: inherit;
}
@media screen and (max-width: 769px) {
  .contents.view-date .pages article header h2 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.contents.view-date .pages article header h2 a {
  padding-left: 14px;
}
@media screen and (max-width: 769px) {
  .contents.view-date .pages article header h2 a {
    margin: 10px 0px;
    padding-left: 0px;
  }
}

.cms-nodes,
.category-nodes {
  margin-top: 50px !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .cms-nodes,
  .category-nodes {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  .cms-nodes,
  .category-nodes {
    max-width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .cms-nodes,
  .category-nodes {
    max-width: 90%;
  }
}
.cms-nodes article,
.category-nodes article {
  flex-basis: 48%;
  max-width: 48%;
  border-radius: 3px !important;
  box-shadow: 3px 3px 0px 0px #304972 !important;
  -webkit-box-shadow: 3px 3px 0px 0px #304972 !important;
  background-color: #fff !important;
  border: 1.5px solid #b26797 !important;
  border-radius: 15px !important;
  color: #fff !important;
  text-decoration: none !important;
  position: relative !important;
  margin-bottom: 20px !important;
  align-items: stretch !important;
  -webkit-box-shadow: 3px 3px 0px 0px #304972 !important;
  transition: 0.3s !important;
  border-bottom: none !important;
  padding: 0 !important;
}
@media screen and (max-width: 769px) {
  .cms-nodes article,
  .category-nodes article {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.cms-nodes article::after,
.category-nodes article::after {
  content: '';
  background-image: url(../img/icon-pink-arrow.png) !important;
  right: 0 !important;
  top: calc(50% - 8px) !important;
  right: 20px !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  position: absolute !important;
  width: 7px !important;
  height: 16px !important;
}
.cms-nodes article:hover,
.category-nodes article:hover {
  color: #fff !important;
  background: #ebf3ff !important;
  transform: translate(5px, 5px) !important;
  box-shadow: 0px 0px 0px 0px #304972 !important;
  border: 1.5px solid #304972 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #304972 !important;
}
.cms-nodes article a,
.category-nodes article a {
  display: block !important;
  font-size: 118.75% !important;
  text-decoration: none !important;
  padding: 25px 45px 25px 25px !important;
  color: #000000 !important;
  padding-left: 40px !important;
  position: unset !important;
  transition: none !important;
}
@media screen and (max-width: 769px) {
  .cms-nodes article a,
  .category-nodes article a {
    font-size: 100% !important;
    padding-left: 20px !important;
  }
}
.cms-nodes article header time,
.category-nodes article header time {
  display: none !important;
}

footer.contact {
  background: inherit;
  margin: 0 auto;
  width: 100%;
  max-width: 1220px;
  z-index: 1;
  position: relative;
  margin-top: 60px;
  padding: 36px 58px;
  border: 1px solid #b26797 !important;
  background-color: #f7f7f7;
  background-image: url(../img/bg-contact.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 250px;
}
@media screen and (max-width: 1024px) {
  footer.contact {
    max-width: 80%;
  }
}
@media screen and (max-width: 769px) {
  footer.contact {
    max-width: 90%;
  }
}
@media screen and (max-width: 1240px) {
  footer.contact {
    margin: auto;
  }
}
@media screen and (max-width: 769px) {
  footer.contact {
    padding: 22px;
    background-image: none;
  }
}
footer.contact h2 {
  font-size: 125%;
  color: #601a4c !important;
  border-left: 5px solid #b26797 !important;
  border-bottom: 1px solid #b26797 !important;
  padding-left: 13px;
  padding-bottom: 10px;
  line-height: 1;
  margin-bottom: 20px;
  font-weight: bold;
  background-color: transparent;
}
footer.contact p {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 100%;
}
footer.contact dl {
  margin-bottom: 7px;
}
@media screen and (max-width: 769px) {
  footer.contact dl {
    margin-bottom: 10px;
  }
}
footer.contact dl:after {
  content: "";
  clear: both;
}
footer.contact dl dt {
  float: left;
  font-weight: bold;
  padding-right: 20px;
  font-size: 90%;
}
@media screen and (max-width: 769px) {
  footer.contact dl dt {
    width: 100%;
  }
}
footer.contact dl dd {
  padding-left: 20px;
  word-break: break-all;
  font-size: 90%;
}
footer.contact .inquiry-form {
  margin-top: 23px;
}
footer.contact .inquiry-form a {
  display: inline-block;
  position: relative;
  border: 1px solid #b26797 !important;
  padding: 5px 20px;
  padding-right: 34px;
  text-decoration: none;
  border-radius: 37px;
  background-color: #b26797 !important;
  color: white;
  transition: 0.2s;
  font-size: 93%;
}
footer.contact .inquiry-form a:after {
  position: absolute;
  content: "";
  top: calc(50% - 6px);
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url(../img/icon-arrow-right-white-circle.png);
  background-repeat: no-repeat;
  background-position: center center;
}
footer.contact .inquiry-form a:hover {
  background-color: white;
  color: #1b663b;
}
footer.contact .inquiry-form a:hover:after {
  position: absolute;
  content: "";
  top: calc(50% - 6px);
  right: 12px;
  width: 12px;
  height: 12px;
  background-image: url(../img/icon-arrow-right-green-circle.png);
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 769px) {
  footer.contact .inquiry-form a {
    margin-left: 20px;
  }
}
@media screen and (max-width: 352px) {
  footer.contact .inquiry-form a {
    padding: 5px 20px;
    margin-left: 0px;
  }
  footer.contact .inquiry-form a:after {
    display: none;
  }
}

.w-100 {
  width: 100%;
}

footer.page-school {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  background-image: url(../img/bg-footer.jpg);
  background-repeat: repeat-x;
  background-size: contain;
  background-position: bottom;
  padding-top: 6rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 769px) {
  footer.page-school {
    background-size: cover;
  }
}
footer.page-school .bg-box {
  margin: 0 auto;
  width: 100%;
  max-width: 1240px;
  position: relative;
}
@media screen and (max-width: 1270px) {
  footer.page-school .bg-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box {
    padding-bottom: 0px;
  }
}
footer.page-school .bg-box .top-btn {
  position: fixed;
  right: 70px;
  bottom: 0;
  z-index: 10;
}
footer.page-school .bg-box .top-btn .btn {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 15px 10px;
  border-radius: 10px;
  background-color: #51519c;
}
footer.page-school .bg-box .top-btn .btn .arrow {
  display: block;
  margin: 0 auto 10px;
}
footer.page-school .bg-box .top-btn .btn span {
  color: white;
  font-size: 80%;
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .top-btn {
    transform: scale(0.9);
    right: 22px;
    bottom: 10px !important;
  }
  footer.page-school .bg-box .top-btn .arrow {
    margin-bottom: 0 !important;
  }
  footer.page-school .bg-box .top-btn span {
    display: none;
  }
  footer.page-school .bg-box .top-btn .btn {
    max-width: 90%;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .top-btn.site-toppage {
    transform: scale(0.9);
    right: 22px;
    bottom: 20px !important;
  }
}
footer.page-school .bg-box .flex-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 1030px) {
  footer.page-school .bg-box .flex-box {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .flex-box {
    justify-content: center;
    padding: 0;
  }
}
footer.page-school .bg-box .flex-box .left {
  flex-basis: calc(100% - calc(450px + 300px));
  max-width: calc(100% - calc(450px + 300px));
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .flex-box .left {
    flex-basis: 400px;
    max-width: 400px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .flex-box .left {
    margin-bottom: 50px;
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin-right: 0;
  }
}
footer.page-school .bg-box .flex-box .left a {
  text-decoration: none;
}
footer.page-school .bg-box .flex-box .left .logo {
  margin-bottom: 30px;
}
footer.page-school .bg-box .flex-box .left .logo.pc {
  display: block;
}
@media screen and (max-width: 1003px) {
  footer.page-school .bg-box .flex-box .left .logo.pc {
    display: none;
  }
}
footer.page-school .bg-box .flex-box .left .logo.sp {
  display: none;
}
@media screen and (max-width: 1003px) {
  footer.page-school .bg-box .flex-box .left .logo.sp {
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .flex-box .left .logo.sp {
    max-width: 250px;
  }
}
footer.page-school .bg-box .flex-box .left .logo-beautiful {
  margin-left: 26px;
  box-shadow: 0px 0px 10px #80808038;
}
footer.page-school .bg-box .flex-box .left .school-address {
  margin-bottom: 30px;
}
@media screen and (max-width: 425px) {
  footer.page-school .bg-box .flex-box .left .school-address {
    text-align: justify;
  }
}
footer.page-school .bg-box .flex-box .btn-box {
  display: inline-block;
}
footer.page-school .bg-box .flex-box .btn-box a {
  display: block;
}
footer.page-school .bg-box .flex-box .btn-box a span {
  padding-right: 30px;
}
footer.page-school .bg-box .flex-box .center {
  flex-basis: calc(100% - 700px);
  max-width: calc(100% - 700px);
  padding: 30px 20px;
  border: 2px dashed #b26797;
  border-radius: 5px;
  text-align: center;
  position: relative;
  flex-basis: 400px;
  max-width: 400px;
}
footer.page-school .bg-box .flex-box .center:before {
  position: absolute;
  content: "";
  left: calc(50% - 30px);
  top: -20px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60px;
  height: 38px;
  background-image: url(../img/icon-flower-blue.png);
}
footer.page-school .bg-box .flex-box .center .title {
  margin-bottom: 15px;
  margin-top: 10px;
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .flex-box .center {
    flex-basis: 340px;
    max-width: 340px;
  }
}
@media screen and (max-width: 800px) {
  footer.page-school .bg-box .flex-box .center {
    margin-bottom: 0px;
    text-align: center;
    margin-top: 40px;
  }
}
@media screen and (max-width: 640px) {
  footer.page-school .bg-box .flex-box .center {
    margin-top: auto;
  }
}
@media screen and (max-width: 600px) {
  footer.page-school .bg-box .flex-box .center {
    padding: 20px;
  }
}
footer.page-school .bg-box .flex-box .center .phone a {
  position: relative;
  font-size: 150%;
  font-weight: bold;
  color: #000000;
  padding-left: 31px;
  text-decoration: none;
}
footer.page-school .bg-box .flex-box .center .phone a:before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(../img/icon-phone-purple.png);
}
footer.page-school .bg-box .flex-box .center .mail {
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width: 387px) {
  footer.page-school .bg-box .flex-box .center .mail {
    display: block;
    font-size: 86.75%;
  }
}
footer.page-school .bg-box .flex-box .center .mail:before {
  content: "";
  background-image: url(../img/icon-mail-school.png);
  top: calc(50% - 9px);
  left: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 28px;
  height: 18px;
  z-index: 1;
}
@media screen and (max-width: 387px) {
  footer.page-school .bg-box .flex-box .center .mail:before {
    width: 20px;
    height: 13px;
    left: 25px;
    top: calc(50% - 7px);
  }
}
footer.page-school .bg-box .flex-box .center .mail .btn-primary {
  padding: 20px 35px 20px 70px;
  border-radius: 30px;
}
@media screen and (max-width: 387px) {
  footer.page-school .bg-box .flex-box .center .mail .btn-primary {
    padding: 20px 35px 20px 51px;
  }
}
footer.page-school .bg-box .flex-box .right {
  flex-basis: 300px;
  max-width: 300px;
  text-align: left;
  margin-top: -2rem;
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .flex-box .right {
    margin-left: 20px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  footer.page-school .bg-box .flex-box .right {
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 50px;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .flex-box .right {
    text-align: center;
    margin-top: 30px;
  }
}
footer.page-school .bg-box .footer-menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .footer-menu {
    justify-content: center;
    padding: 0;
  }
}
footer.page-school .bg-box .footer-menu .left {
  flex-basis: calc(100% - 130px);
  max-width: calc(100% - 130px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
}
footer.page-school .bg-box .footer-menu .left .item {
  padding: 0px 20px;
  line-height: 1;
  font-size: 90%;
  font-weight: bold;
  color: #1c547b;
  transition: all 0.3s ease 0s;
}
footer.page-school .bg-box .footer-menu .left .item:hover {
  color: orange;
  text-decoration: none;
}
@media screen and (max-width: 1024px) {
  footer.page-school .bg-box .footer-menu .left {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .footer-menu .left {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  footer.page-school .bg-box .footer-menu .left .item {
    width: 100%;
    margin-bottom: 16px;
    border-left: none;
    text-align: center;
  }
  footer.page-school .bg-box .footer-menu .left .item:last-child {
    border-right: none;
  }
}
footer.page-school .bg-box .footer-menu .right {
  flex-basis: 130px;
  max-width: 130px;
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .footer-menu .right {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
footer.page-school .bg-box .footer-menu .right .copyright-box {
  text-align: right;
  font-size: 80%;
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  footer.page-school .bg-box .footer-menu .right .copyright-box {
    text-align: center;
  }
}

body .cms-nodes article, body .category-nodes article {
  border: 1.5px solid #b26797 !important;
}
body .see {
  padding-top: 15px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1240px) {
  body .see {
    max-width: 90%;
    margin: auto;
    margin-bottom: 40px;
  }
  body .see dt {
    font-size: 110%;
  }
}
body .see dt {
  background-color: #ffdcf3;
}
body.tagami-jhs .news-dots {
  border: 2px dashed #5fae34 !important;
}
body.tagami-jhs .news-dots .title-box span {
  color: #488528 !important;
}
body.tagami-jhs .news-dots .title-box .rss {
  color: #488528 !important;
}
body.tagami-jhs .news-dots .title-box .rss::before {
  background-image: url(../img/icon-rss-tagami-jhs.png) !important;
}
body.tagami-jhs .news-dots header {
  border-bottom: 1px solid #5fae34 !important;
}
body.tagami-jhs main.main-page .news-content .news-dots .title-box a.rss::before {
  background-image: url(../img/icon-rss-tagami-jhs.png) !important;
}
body.tagami-jhs .menu-area .title h2:before {
  background-image: url(../img/icon-flower-orange.png);
}
body.tagami-jhs .menu-area .title h2::after {
  background-color: #5fae34 !important;
}
body.tagami-jhs .cms-nodes article, body.tagami-jhs .category-nodes article {
  border: 1.5px solid #5fae34 !important;
}
body.tagami-jhs .cms-nodes article::after, body.tagami-jhs .category-nodes article::after {
  background-image: url(../img/icon-green-arrow.png) !important;
}
body.tagami-jhs .btn-primary {
  box-shadow: 3px 3px 0px 0px #5fae34 !important;
}
body.tagami-jhs footer.page-school .center {
  border: 2px dashed #5fae34 !important;
}
body.tagami-jhs footer.page-school .center::before {
  background-image: url(../img/icon-flower-blue.png) !important;
}
body.tagami-jhs footer.page-school .phone a::before {
  background-image: url(../img/icon-phone-green.png) !important;
}
body.tagami-jhs .contents-page .main-title {
  background: no-repeat center url(../img/bg-h1-tagami-jhs.jpg);
  background-size: cover !important;
  background-color: #0f3e18;
}
body.tagami-jhs .contents-page .icon-banner {
  background-color: #0f3e18 !important;
}
body.tagami-jhs .contents-page .page:nth-of-type(1):before {
  background-image: url(../img/icon-home-tagami-jhs.png) !important;
}
body.tagami-jhs .contents-page .page a {
  color: #0f3e18 !important;
}
body.tagami-jhs .contents-page article.body h2 {
  background-color: #daf3db !important;
}
body.tagami-jhs .contents-page article.body h3 {
  color: #0f3e18 !important;
  border-left: 10px solid #67ae42 !important;
  border-bottom: 1px solid #5fae34 !important;
  border-radius: 0 !important;
}
body.tagami-jhs .contents-page article.body h4 {
  border-bottom: 1px solid #5fae34 !important;
}
body.tagami-jhs .contents-page article.body h4, body.tagami-jhs .contents-page article.body h5 {
  color: #0f3e18 !important;
}
body.tagami-jhs .contents-page article.body table th {
  background-color: #daf3db !important;
  border: 1px solid #0f3e18 !important;
}
body.tagami-jhs .contents-page article.body table td {
  border-color: #0f3e18 !important;
}
body.tagami-jhs .contents-page section.map-page h2,
body.tagami-jhs .contents-page section.related-pages h2,
body.tagami-jhs .contents-page section.wysiwyg h2 {
  background-color: #daf3db;
}
body.tagami-jhs .contents-page section.map-page .see dt,
body.tagami-jhs .contents-page section.related-pages .see dt,
body.tagami-jhs .contents-page section.wysiwyg .see dt {
  background-color: #daf3db !important;
}
body.tagami-jhs .contents-page footer.contact {
  border: 1px solid #0f3e18 !important;
}
body.tagami-jhs .contents-page footer.contact h2 {
  font-size: 125% !important;
  color: #0f3e18 !important;
  border-left: 5px solid #0f3e18 !important;
  border-bottom: 1px solid #0f3e18 !important;
  background-color: transparent !important;
}
body.tagami-jhs header.page.normal-page.top nav.globalMenuSp {
  background-color: #daf3db !important;
}
body.tagami-jhs .see dt {
  background-color: #daf3db !important;
}
body.tagami-es .news-dots {
  border: 2px dashed #6aa0be !important;
}
body.tagami-es .news-dots .title-box span {
  color: #50798F !important;
}
body.tagami-es .news-dots .title-box .rss {
  color: #50798F !important;
}
body.tagami-es .news-dots .title-box .rss::before {
  background-image: url(../img/icon-rss-tagami-es.png) !important;
}
body.tagami-es .news-dots header {
  border-bottom: 1px solid #6aa0be !important;
}
body.tagami-es main.main-page .news-content .news-dots .title-box a.rss::before {
  background-image: url(../img/icon-rss-tagami-es.png) !important;
}
body.tagami-es .menu-area .title h2::after {
  background-color: #6aa0be !important;
}
body.tagami-es .cms-nodes article, body.tagami-es .category-nodes article {
  border: 1.5px solid #6aa0be !important;
}
body.tagami-es .cms-nodes article::after, body.tagami-es .category-nodes article::after {
  background-image: url(../img/icon-blue-arrow.png) !important;
}
body.tagami-es .btn-primary {
  box-shadow: 3px 3px 0px 0px #6aa0be !important;
}
body.tagami-es footer.page-school .center {
  border: 2px dashed #6aa0be !important;
}
body.tagami-es footer.page-school .center::before {
  background-image: url(../img/icon-flower-blue.png) !important;
}
body.tagami-es footer.page-school .phone a::before {
  background-image: url(../img/icon-phone-blue.png) !important;
}
body.tagami-es .contents-page .main-title {
  background: no-repeat center url(../img/bg-h1-tagami-es.jpg);
  background-size: cover;
  background-color: #005581;
}
body.tagami-es .contents-page .icon-banner {
  background-color: #005581;
}
body.tagami-es .contents-page .page:nth-of-type(1):before {
  background-image: url(../img/icon-home-tagami-es.png) !important;
}
body.tagami-es .contents-page .page a {
  color: #005581 !important;
}
body.tagami-es .contents-page article.body h2 {
  background-color: #c9edf4;
}
body.tagami-es .contents-page article.body h3 {
  color: #005581;
  border-left: 10px solid #6aa0be;
  border-bottom: 1px solid #6aa0be;
}
body.tagami-es .contents-page article.body h4 {
  border-bottom: 1px solid #6aa0be !important;
}
body.tagami-es .contents-page article.body h4, body.tagami-es .contents-page article.body h5 {
  color: #005581 !important;
}
body.tagami-es .contents-page article.body table th {
  background-color: #c9edf4 !important;
  border: 1px solid #005581 !important;
}
body.tagami-es .contents-page article.body table td {
  border-color: #005581 !important;
}
body.tagami-es .contents-page section.map-page h2,
body.tagami-es .contents-page section.related-pages h2,
body.tagami-es .contents-page section.wysiwyg h2 {
  background-color: #c9edf4;
}
body.tagami-es .contents-page section.map-page .see dt,
body.tagami-es .contents-page section.related-pages .see dt,
body.tagami-es .contents-page section.wysiwyg .see dt {
  background-color: #c9edf4 !important;
}
body.tagami-es .contents-page footer.contact {
  border: 1px solid #005581 !important;
}
body.tagami-es .contents-page footer.contact h2 {
  font-size: 125%;
  color: #005581 !important;
  border-left: 5px solid #005581 !important;
  border-bottom: 1px solid #005581 !important;
  background-color: transparent;
}
body.tagami-es header.page.normal-page.top nav.globalMenuSp {
  background-color: #c9edf4 !important;
}
body.tagami-es .see dt {
  background-color: #c9edf4 !important;
}

div#ss-voice-controller-0 {
  position: absolute;
  z-index: 2;
  right: 0;
  margin-top: 15px;
}

.categories {
  display: none;
}