@charset "UTF-8";
.bgc-floral-white {
  background-color: #fefbf0;
}

.mainv {
  width: 100%;
  height: 80vw;
  max-height: 780px;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/main_top.jpg");
  background-repeat: no-repeat;
}
.mainv .inner {
  width: 100%;
  height: 80vw;
  max-height: 780px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: left;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .mainv .inner {
    align-items: flex-end;
  }
}
.mainv .cp-1 {
  max-height: 500px;
  width: 8vw;
  max-width: 400px;
  margin-left: 45%;
}
@media screen and (max-width: 900px) {
  .mainv .cp-1 {
    width: 15vw;
  }
}
@media screen and (max-width: 500px) {
  .mainv .cp-1 {
    width: 20vw;
    margin-bottom: 0;
    margin-left: 40%;
  }
}

.cp-text {
  background-color: #aebe27;
  color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  font-size: 5vw;
  text-align: center;
}

.co_bunner {
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}
.co_bunner img {
  width: 100%;
  max-width: 960px;
}

.home .bgimg1 {
  background-image: url("../img/img01.jpg");
}
.home .bgimg2 {
  background-image: url("../img/home02-b.jpg");
}
.home .bgimg3 {
  background-image: url("../img/home03.jpg");
}
@media screen and (max-width: 900px) {
  .home .flex-rev {
    flex-direction: column-reverse;
  }
}
.home .flex2 .box40 {
  display: flex;
  align-items: center;
}
.home .flex2 .box40 .p1em {
  padding-top: 1em;
  padding-bottom: 1em;
}
.home .flex2 .box40 h2 {
  color: #aebe27;
  border-bottom: 1px solid #aebe27;
}
.home .flex2 .box40 h3 {
  color: #aebe27;
  font-size: 15pt;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.home .flex2 .box40 p.tx01 {
  font-size: 13pt;
}
@media screen and (max-width: 900px) {
  .home .flex2 .box40 {
    height: auto;
    max-height: auto;
    max-height: initial;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .home .flex2 .box40 p {
    font-size: 3.9vw;
    text-align: justify;
  }
}
@media screen and (min-width: 960px) {
  .home .flex2 {
    min-height: 600px;
  }
}
.home .blue-box {
  margin-top: 2em;
  border: 1px solid #aebe27;
  padding: 1.2em;
  width: 100%;
  background-color: white;
}
.home .blue-box p {
  font-size: 12pt;
  color: #aebe27;
}
@media screen and (max-width: 900px) {
  .home .blue-box p {
    font-size: 3.3vw;
  }
}
.home .blue-box p span {
  font-weight: bold;
}

.checkmark {
  margin-top: 1em;
  margin-bottom: 1em;
}
.checkmark li {
  font-size: 13pt;
  position: relative;
  padding-left: 1.6em;
  color: #aebe27;
  font-weight: bold;
}
.checkmark li::before {
  background-image: url("../img/checkmark.svg");
  background-repeat: no-repeat;
  left: 0;
  top: 5px;
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
}

.facility-info h2 {
  color: #aebe27;
  font-size: 20pt;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #aebe27;
  border-bottom: 1px solid #aebe27;
  padding: 0.3em;
}
@media screen and (max-width: 900px) {
  .facility-info h2 {
    font-size: 5vw;
  }
}
.facility-info .info_wrap {
  width: 70%;
  margin: 2em auto 1em;
  background-color: #f4f4f4;
  border-radius: 2em;
  padding: 2em 3em;
}
@media screen and (max-width: 900px) {
  .facility-info .info_wrap {
    width: 95%;
    padding: 1em;
  }
}
.facility-info .info_wrap table {
  width: 100%;
}
.facility-info .info_wrap table th,
.facility-info .info_wrap table td {
  font-size: 14pt;
  padding: 1em 0;
  line-height: 1.4em;
  border-bottom: 1px solid #a2a2a2;
}
@media screen and (max-width: 900px) {
  .facility-info .info_wrap table th,
  .facility-info .info_wrap table td {
    font-size: 3.6vw;
  }
}
.facility-info .info_wrap table th {
  width: 30%;
}
@media screen and (max-width: 900px) {
  .facility-info .info_wrap table th {
    width: 25%;
  }
}
.facility-info p.add {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .facility-info p.add {
    width: 80%;
  }
}
.facility-info p.add span {
  color: #aebe27;
  font-weight: bold;
  font-size: 18pt;
  margin-right: 1em;
}
@media screen and (max-width: 900px) {
  .facility-info p.add span {
    font-size: 4vw;
  }
}

.accessbox .w1200box {
  padding-top: 100px;
  padding-bottom: 100px;
}
.accessbox .w1200box p.address {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.7em;
}
.accessbox .w1200box p.a-title {
  margin-top: 2em;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-left: 1em;
  position: relative;
  line-height: 1em;
  height: 1em;
  font-size: 14pt;
}
.accessbox .w1200box p.a-title::before {
  position: absolute;
  content: "";
  left: 0;
  width: 1em;
  height: 1em;
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-left: 0.5em solid #aebe27;
}
.accessbox .w1200box p.a-txt {
  margin-bottom: 1em;
}

.page-guide h4.orange-back {
  background-color: #fde9d1;
  text-align: center;
  width: 14em;
  border-radius: 1.5em;
  color: #aebe27;
  margin-left: auto;
  margin-right: auto;
  font-size: 16pt;
  margin-bottom: 1em;
  margin-top: 1em;
}
.page-guide .txt01 {
  font-size: 13pt;
  margin-bottom: 2em;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .page-guide .txt01 {
    font-size: 4.2vw;
  }
}
.page-guide .txt02 {
  font-size: 11pt;
  margin-top: 2em;
}
@media screen and (max-width: 500px) {
  .page-guide .txt02 {
    font-size: 3.8vw;
    text-align: left;
  }
}
.page-guide .flex2img {
  margin-top: 2em;
  display: flex;
}
.page-guide .flex2img img {
  width: 50%;
}
.page-guide .mt3 {
  margin-top: 3em;
}
.page-guide .flex4 {
  justify-content: space-around;
  display: flex;
  flex-wrap: wrap;
}
.page-guide .flex4 .box {
  width: 46%;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 900px) {
  .page-guide .flex4 .box {
    width: 96%;
    margin-top: 5vw;
  }
}
.page-guide .flex4 .box p.title {
  color: #aebe27;
  font-size: 18pt;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}
.page-guide .flex4 .box img.icon {
  width: 5em;
  margin-left: auto;
  margin-right: auto;
}
.page-guide .flex4 .box .txt-box {
  margin-top: 2em;
  text-align: justify;
  border-right: 1px solid #aebe27;
  border-bottom: 1px solid #aebe27;
  padding-right: 2em;
  padding-left: 2em;
  padding-bottom: 2em;
  padding-top: 1em;
}
.page-guide .flex4 .box .txt-box p {
  height: 9em;
}
@media screen and (max-width: 1100px) {
  .page-guide .flex4 .box .txt-box p {
    height: 10em;
  }
}
@media screen and (max-width: 1000px) {
  .page-guide .flex4 .box .txt-box p {
    height: 12em;
  }
}
@media screen and (max-width: 900px) {
  .page-guide .flex4 .box .txt-box p {
    height: 8em;
  }
}
@media screen and (max-width: 600px) {
  .page-guide .flex4 .box .txt-box p {
    height: 11em;
  }
}
.page-guide .flex4 .box .txt-box img.photo {
  bottom: 0;
  margin-top: 2em;
  bottom: 0;
}

h3.orange-bar {
  text-align: center;
  font-size: 18pt;
  color: #aebe27;
  margin-bottom: 3em;
  display: flex;
  align-items: center;
  /* 縦位置の調整 */
}
@media screen and (max-width: 500px) {
  h3.orange-bar {
    margin-top: 2em;
    margin-bottom: 1em;
  }
}
h3.orange-bar::before, h3.orange-bar::after {
  content: "";
  flex-grow: 1;
  /* 余白を分け与える */
  height: 1px;
  background: #fbb03b;
}
h3.orange-bar::before {
  margin-right: 1em;
}
h3.orange-bar::after {
  margin-left: 1em;
}

.l-orange {
  background-color: #fdfaf5;
}

.page-shurou_jiritsu .mainv {
  background-image: url("../img/sorberland_shurou_jiritsu.jpg");
}
.page-shurou_jiritsu .shurou_jiritsu-box .txt01 {
  margin-top: 5em;
  margin-bottom: 3em;
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.page-shurou_jiritsu .shurou_jiritsu-box .map {
  width: 80%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .shurou_jiritsu-box .map {
    width: 100%;
  }
}
.page-shurou_jiritsu .shurou_jiritsu-box .map p {
  font-size: 16pt;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .shurou_jiritsu-box .map p {
    font-size: 5vw;
  }
}
.page-shurou_jiritsu .shurou_jiritsu-box .map img {
  margin-top: 1em;
}
.page-shurou_jiritsu .shurou_jiritsu-box h4 {
  margin-top: 4em;
  margin-bottom: 0.5em;
  color: #aebe27;
  font-size: 18pt;
  text-align: center;
}
.page-shurou_jiritsu .shurou_jiritsu-box hr.h4sepbar {
  height: 1px;
  border: none;
  width: 6em;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #aebe27;
  margin-bottom: 3em;
}
.page-shurou_jiritsu .shurou_jiritsu-box .programbox p.title {
  color: white;
  background-color: #aebe27;
  text-align: center;
  font-size: 16pt;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .shurou_jiritsu-box .programbox p.title {
    font-size: 5vw;
  }
}
.page-shurou_jiritsu .shurou_jiritsu-box .programbox ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 80%;
  margin-left: 18%;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .shurou_jiritsu-box .programbox ul {
    margin-left: 1em;
    width: 100%;
  }
}
.page-shurou_jiritsu .shurou_jiritsu-box .programbox ul li {
  width: 33%;
  margin-bottom: 1em;
}
.page-shurou_jiritsu .shurou_jiritsu-box .programbox ul li::before {
  content: "●";
  color: #aebe27;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .shurou_jiritsu-box .programbox ul li {
    width: 45%;
    margin-bottom: 0.5em;
    margin-left: 1em;
  }
}
.page-shurou_jiritsu .flex2box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-shurou_jiritsu .flex2box .box {
  width: 46%;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .flex2box .box {
    width: 100%;
    margin-bottom: 2em;
  }
}
.page-shurou_jiritsu .timesc {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .timesc {
    width: 100%;
  }
}
.page-shurou_jiritsu .timesc p.flowtxt {
  font-size: 16pt;
  margin-bottom: 1em;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .timesc p.flowtxt {
    font-size: 4vw;
  }
}
.page-shurou_jiritsu .timesc table {
  width: 100%;
  border-radius: 16px;
  border-collapse: separate;
  border-spacing: 0;
  border: 2px solid #aebe27;
  overflow: hidden;
}
.page-shurou_jiritsu .timesc table td {
  padding: 1em;
  padding-left: 3em;
  padding-right: 3em;
  border-bottom: 1px solid #aebe27;
  background-color: #fbf4e9;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .timesc table td {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
}
.page-shurou_jiritsu .timesc table td:first-child {
  font-weight: bold;
}
.page-shurou_jiritsu .timesc table td:last-child {
  background-color: white;
}
.page-shurou_jiritsu .timesc table tr:first-child td:first-child {
  border-left: none;
  border-top: none;
}
.page-shurou_jiritsu .timesc table tr:first-child td:last-child {
  border-right: none;
  border-top: none;
}
.page-shurou_jiritsu .timesc table tr:last-child td {
  border-bottom: none;
}
.page-shurou_jiritsu .flex4-fukidashi {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-shurou_jiritsu .flex4-fukidashi img {
  width: 20%;
  margin-left: 2%;
  margin-right: 2%;
}
@media screen and (max-width: 500px) {
  .page-shurou_jiritsu .flex4-fukidashi img {
    width: 43%;
    margin-bottom: 1em;
  }
}

.page-about .mainv {
  background-image: url("../img/main_about.jpg");
}
.page-about .cp-1 {
  margin-left: auto;
  margin: auto;
}
@media screen and (max-width: 900px) {
  .page-about .cp-1 {
    width: 20vw;
    margin-left: auto;
    margin-right: 2vw;
  }
}
.page-about .about_intro h3 {
  color: #aebe27;
  font-size: 20pt;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .page-about .about_intro h3 {
    font-size: 6vw;
  }
}
.page-about .about_intro p.about_tx {
  width: 70%;
  margin: 2em auto;
  line-height: 1.8em;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .page-about .about_intro p.about_tx {
    width: 90%;
    font-size: 3.4vw;
  }
}
.page-about .about_schedule h3 {
  width: 50%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  color: #aebe27;
  font-size: 24pt;
}
@media screen and (max-width: 900px) {
  .page-about .about_schedule h3 {
    width: 80%;
    font-size: 7vw;
  }
}
.page-about .about_schedule h3:before,
.page-about .about_schedule h3:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #aebe27;
}
.page-about .about_schedule h3:before {
  margin-right: 3rem;
}
@media screen and (max-width: 900px) {
  .page-about .about_schedule h3:before {
    margin-right: 1rem;
  }
}
.page-about .about_schedule h3:after {
  margin-left: 3rem;
}
@media screen and (max-width: 900px) {
  .page-about .about_schedule h3:after {
    margin-left: 1rem;
  }
}
.page-about .about_schedule ul {
  width: 60%;
  margin: 2em auto;
}
@media screen and (max-width: 900px) {
  .page-about .about_schedule ul {
    width: 90%;
  }
}
.page-about .about_schedule ul li {
  background-color: #fff;
  border-radius: 2em;
  padding: 1em 2em;
  margin-bottom: 0.5em;
  font-size: 14pt;
}
@media screen and (max-width: 900px) {
  .page-about .about_schedule ul li {
    padding: 1em;
    font-size: 3.6vw;
  }
}
.page-about .about_wrap {
  max-width: 1400px;
  width: 90%;
  margin: 3em auto;
}
.page-about .about_wrap .flex2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 3em;
  background: linear-gradient(180deg, #fff 0%, #fff 30%, #fcfbea 30%, #fcfbea 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2em 2em;
}
@media screen and (max-width: 900px) {
  .page-about .about_wrap .flex2 {
    flex-wrap: wrap-reverse;
    background: linear-gradient(180deg, #fff 0%, #fff 10%, #fcfbea 10%, #fcfbea 100%);
  }
}
.page-about .about_wrap .flex2 .img {
  width: 45%;
  margin-right: 5%;
}
@media screen and (max-width: 900px) {
  .page-about .about_wrap .flex2 .img {
    width: 100%;
    margin-right: 0;
  }
}
.page-about .about_wrap .flex2 .img img {
  border-radius: 2em;
}
.page-about .about_wrap .flex2 .text {
  width: 45%;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  .page-about .about_wrap .flex2 .text {
    width: 100%;
    margin-bottom: 1em;
  }
}
.page-about .about_wrap .flex2 .text h4 {
  color: #aebe27;
  font-size: 18pt;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-about .about_wrap .flex2 .text h4 {
    font-size: 5vw;
  }
}
.page-about .about_wrap .flex2 .text p {
  margin-top: 2em;
  font-size: 12pt;
  line-height: 1.6em;
}
@media screen and (max-width: 900px) {
  .page-about .about_wrap .flex2 .text p {
    font-size: 3.6vw;
  }
}
.page-about .flex4 {
  display: flex;
  flex-wrap: wrap;
}
.page-about .flex4 img {
  width: 46%;
  margin: 2em auto;
  border-radius: 1em;
}
@media screen and (max-width: 900px) {
  .page-about .flex4 img {
    width: 80%;
    margin: 1em auto;
  }
}

.bg-gray-box {
  background-color: #f1f1f0;
}

h3.orangebar {
  font-size: 17pt;
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.6em;
  background: #fbb03b;
  margin-bottom: 2em;
  color: #fff;
  max-width: 23em;
}
@media screen and (max-width: 500px) {
  h3.orangebar {
    font-size: 5vw;
  }
}
h3.orangebar::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  border: none;
  border-right: solid 2.5em #fafcfc;
  border-bottom: solid 2.5em transparent;
}

.page-guide .mainv {
  max-height: 195px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-guide .mainv h2 {
  color: white;
  font-size: 32pt;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .page-guide .mainv h2 {
    font-size: 8vw;
  }
}

.page-about_group_home .bgYellowDot {
  background-image: url(../img/dots-bg.png);
  background-color: #aebe27;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .bgYellowDot {
    height: 26vw;
  }
}
.page-about_group_home .bgYellowDot h2 {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  color: white;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .bgYellowDot h2 {
    font-size: 6.6vw;
  }
}
.page-about_group_home .w-box h3 {
  background-color: #87c650;
  color: white;
  text-align: center;
  margin-bottom: 1.2em;
  font-size: 20pt;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box h3 {
    -moz-text-align-last: left;
         text-align-last: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 5.6vw;
  }
}
.page-about_group_home .w-box h4 {
  font-size: 14pt;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box h4 {
    font-size: 5vw;
    text-align: left;
  }
}
.page-about_group_home .w-box .flex2box {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box .flex2box {
    margin-top: 10vw;
  }
}
.page-about_group_home .w-box .flex2box > div {
  width: 50%;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box .flex2box > div {
    width: 100%;
  }
}
.page-about_group_home .w-box .flex2box .txtbox {
  padding-left: 2em;
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box .flex2box .txtbox {
    margin-top: 5vw;
    padding-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .page-about_group_home .w-box .flex2box .txtbox p {
    font-size: 4.3vw;
  }
}
.page-about_group_home .w-box .flex2box .txtbox p.title {
  color: #aebe27;
  padding-bottom: 0.3em;
  font-weight: bold;
  border-bottom: 2px dotted #aebe27;
  margin-bottom: 0.5em;
}
.page-about_group_home .w-box .flex2box .txtbox p {
  margin-bottom: 1em;
}
.page-about_group_home .fee-box {
  padding-top: 0;
  margin-top: 0;
}
.page-about_group_home .fee-box h4 {
  -moz-text-align-last: left;
       text-align-last: left;
  color: #aebe27;
  margin-top: 0;
  margin-bottom: 0.5em;
}
.page-about_group_home .fee-box hr.sepbar {
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.page-about_group_home .fee-box .table-bordered {
  width: 100%;
  max-width: 560px;
}
.page-about_group_home .fee-box .table-bordered th {
  text-align: center;
}
.page-about_group_home .fee-box .table-bordered td {
  text-align: right;
}
.page-about_group_home .fee-box .table-bordered td,
.page-about_group_home .fee-box .table-bordered th {
  border: 1px solid #666767;
  padding: 0.5em;
  vertical-align: middle;
}
.page-about_group_home .fee-box .table-bordered .info th {
  background-color: #f7f8f8;
}
.page-about_group_home .fee-box h5 {
  color: #aebe27;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.2em;
}
.page-about_group_home .fee-box p.txt-01 {
  margin-top: 1em;
}

.sakuranbo-contact-box {
  background-image: url("../img/crosses-s-bg.png");
  text-align: center;
}
.sakuranbo-contact-box .w1200box {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sakuranbo-contact-box p.txt {
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .sakuranbo-contact-box p.txt {
    font-size: 4.2vw;
  }
}
.sakuranbo-contact-box p.tel {
  font-size: 36pt;
  color: #aebe27;
  font-family: "Lato", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 900px) {
  .sakuranbo-contact-box p.tel {
    font-size: 8vw;
  }
}
.sakuranbo-contact-box p.time {
  color: #aebe27;
  font-weight: bold;
}

.page-overview .mainv {
  background-image: url("../img/dummy-3.jpg");
  background-position: center center;
  position: relative;
  background-size: cover;
  height: 80vw;
  max-height: 684px;
}
@media screen and (max-width: 900px) {
  .page-overview .mainv::before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    background-size: 2px 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (max-width: 900px) {
  .page-overview .mainv {
    background-size: cover;
  }
}
.page-overview .mainv .inner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vw;
  max-height: 684px;
}
.page-overview .mainv .cp-4 {
  visibility: hidden;
  width: 360px;
}
@media screen and (max-width: 900px) {
  .page-overview .mainv .cp-4 {
    width: 60vw;
    max-width: 360px;
  }
}
.page-overview .mainv p.cp-4 {
  text-align: center;
  color: white;
  font-weight: bold;
}
.page-overview .lead-txt h3 {
  font-weight: bold;
  font-size: 20pt;
  text-align: center;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .page-overview .lead-txt p {
    font-size: 4.6vw;
  }
}
.page-overview .about-box {
  background-color: #e9f7ff;
}
.page-overview .about-box h3 {
  text-align: center;
}
.page-overview .about-box h3 img {
  width: 635px;
  max-width: 80%;
  margin-bottom: 2em;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box h3 img {
    margin-top: 10vw;
    margin-bottom: 5vw;
  }
}
.page-overview .about-box .flex4 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .flex4 {
    flex-wrap: wrap;
  }
}
.page-overview .about-box .flex4 .box {
  width: 23%;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .flex4 .box {
    width: 100%;
  }
}
.page-overview .about-box .flex4 .box h4 {
  text-align: center;
  font-weight: bold;
  color: #aebe27;
  font-size: 15pt;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .flex4 .box h4 {
    font-size: 4.6vw;
  }
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .flex4 .box p {
    font-size: 4.6vw;
  }
}
.page-overview .w-box h3 {
  background-color: #87c650;
  color: white;
  text-align: center;
  margin-bottom: 2em;
  font-size: 20pt;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box h3 {
    -moz-text-align-last: left;
         text-align-last: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 5.6vw;
  }
}
.page-overview .w-box .flex3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex3 {
    flex-wrap: wrap;
  }
}
.page-overview .w-box .flex3 .box {
  width: 30%;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex3 .box {
    width: 100%;
  }
}
.page-overview .w-box .flex3 .box h4 {
  text-align: center;
  color: #aebe27;
  font-size: 14pt;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex3 .box h4 {
    font-size: 4.8vw;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex3 .box p {
    font-size: 4.6vw;
  }
}
.page-overview .w-box .flex4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-overview .w-box .flex4 .box {
  width: 48%;
  padding-bottom: 2em;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex4 .box {
    width: 100%;
  }
}
.page-overview .w-box .flex4 .box h4 {
  margin-top: 0.7em;
  text-align: center;
  color: #aebe27;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex4 .box h4 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 900px) {
  .page-overview .w-box .flex4 .box p {
    font-size: 4.6vw;
  }
}

.page-admission_services .bgYellowDot {
  background-image: url(../img/dots-bg.png);
  background-color: #ffde33;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .page-admission_services .bgYellowDot {
    height: 26vw;
  }
}
.page-admission_services .bgYellowDot h2 {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
}
@media screen and (max-width: 900px) {
  .page-admission_services .bgYellowDot h2 {
    font-size: 6.6vw;
  }
}
.page-admission_services .flow {
  background-color: #fffde2;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
}
.page-admission_services .flow h3 {
  text-align: center;
  margin-bottom: 75px;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow h3 {
    margin-bottom: 5vw;
  }
}
.page-admission_services .flow h3 img {
  width: 50%;
  max-width: 457px;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow h3 img {
    width: 60vw;
  }
}
.page-admission_services .flow .white-box {
  display: flex;
  padding: 30px;
  background-color: white;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow .white-box {
    flex-wrap: wrap;
    padding: 3vw;
    margin-bottom: 5vw;
    border: 1px solid #eb7882;
  }
}
@media screen and (max-width: 1200px) {
  .page-admission_services .flow .white-box {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow .white-box {
    padding-bottom: 5vw;
    padding-top: 5vw;
    width: 90%;
  }
}
.page-admission_services .flow .white-box .txt-box {
  width: 48%;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow .white-box .txt-box {
    width: 100%;
  }
}
.page-admission_services .flow .white-box .txt-box h4 {
  text-align: center;
  margin-bottom: 1em;
}
.page-admission_services .flow .white-box .txt-box h4 img {
  height: 26px;
}
.page-admission_services .flow .white-box .txt-box p {
  text-align: left;
  text-align: justify;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow .white-box .txt-box p {
    font-size: 3.4vw;
  }
}
.page-admission_services .flow .white-box .txt-box p span {
  font-weight: bold;
}
.page-admission_services .flow .white-box .img-box {
  width: 48%;
}
@media screen and (max-width: 900px) {
  .page-admission_services .flow .white-box .img-box {
    width: 100%;
  }
}

@media screen and (max-width: 900px) {
  .not404 .w1200box {
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.not404 p.sorry {
  text-align: center;
  font-size: 20pt;
  margin-top: 1em;
  margin-bottom: 1em;
  color: white;
}
@media screen and (max-width: 900px) {
  .not404 p.sorry {
    font-size: 4.6vw;
  }
}
.not404 .main-content {
  background-color: #aebe27;
}

.page-overview .bgYellowDot {
  background-image: url(../img/dots-bg.png);
  background-color: white;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .page-overview .bgYellowDot {
    height: 26vw;
  }
}
.page-overview .bgYellowDot h2 {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  color: #aebe27;
}
@media screen and (max-width: 900px) {
  .page-overview .bgYellowDot h2 {
    font-size: 6.6vw;
  }
}
.page-overview .flex2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 900px) {
  .page-overview .flex2 {
    margin-bottom: 0;
    padding-left: 2vw;
    padding-right: 2vw;
  }
}
.page-overview .flex2 .img-box {
  width: 46%;
}
@media screen and (max-width: 900px) {
  .page-overview .flex2 .img-box {
    width: 100%;
  }
}
.page-overview .flex2 .txt-box {
  width: 50%;
}
@media screen and (max-width: 900px) {
  .page-overview .flex2 .txt-box {
    width: 100%;
  }
}
.page-overview .flex2 .txt-box h3 {
  font-size: 18pt;
  color: #aebe27;
  font-weight: bold;
}
@media screen and (max-width: 900px) {
  .page-overview .flex2 .txt-box h3 {
    margin-top: 1em;
    font-size: 5vw;
  }
}
.page-overview .flex2 .txt-box p.sig {
  margin-top: 1em;
  font-weight: bold;
  margin-bottom: 1em;
}
.page-overview .flex2 .txt-box p {
  font-size: 13pt;
  line-height: 2em;
  text-align: justify;
}
@media screen and (max-width: 900px) {
  .page-overview .flex2 .txt-box p {
    line-height: 1.4em;
  }
}
.page-overview hr.sepbar {
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  border: none;
  height: 1px;
  border-top: 1px solid #ccc;
}
.page-overview .inst-box {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 80px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 900px) {
  .page-overview .inst-box {
    margin-top: 9vw;
    margin-bottom: 9vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
.page-overview .inst-box h3 {
  text-align: center;
  font-size: 18pt;
  color: #aebe27;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .page-overview .inst-box h3 {
    font-size: 4.8vw;
  }
}
.page-overview .inst-box p {
  line-height: 1.8em;
  text-align: justify;
}
.page-overview .about-box {
  margin-top: 60px;
  padding-bottom: 60px;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box {
    margin-top: 0vw;
    padding-bottom: 10vw;
  }
}
.page-overview .about-box .box {
  width: 48%;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .box {
    width: 100%;
    margin-top: 8vw;
  }
}
.page-overview .about-box .box h3 {
  text-align: center;
  color: #aebe27;
  font-size: 16pt;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .box h3 {
    font-size: 4.8vw;
  }
}
.page-overview .about-box .box .bold {
  font-weight: bold;
}
.page-overview .about-box .box li,
.page-overview .about-box .box p {
  font-size: 12pt;
}
@media screen and (max-width: 900px) {
  .page-overview .about-box .box li,
  .page-overview .about-box .box p {
    font-size: 3.6vw;
  }
}
.page-overview .about-box .box .mt1em {
  margin-top: 1em;
}
.page-overview .about-box .box ul li {
  margin-left: 2em;
  text-indent: -1em;
}
.page-overview .about-box .box ul li::before {
  content: "●";
}
.page-overview .pb0 {
  padding-bottom: 0;
}

.page-access_to_facilities .bgYellowDot {
  background-image: url(../img/dots-bg.png);
  background-color: #aebe27;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .page-access_to_facilities .bgYellowDot {
    height: 26vw;
  }
}
.page-access_to_facilities .bgYellowDot h2 {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  color: white;
}
@media screen and (max-width: 900px) {
  .page-access_to_facilities .bgYellowDot h2 {
    font-size: 6.6vw;
  }
}
.page-access_to_facilities p.address {
  font-size: 16pt;
  text-align: center;
  margin-bottom: 2em;
}

.page-form .bgYellowDot {
  background-image: url(../img/dots-bg.png);
  background-color: white;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 900px) {
  .page-form .bgYellowDot {
    height: 26vw;
  }
}
.page-form .bgYellowDot h2 {
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  color: #aebe27;
}
@media screen and (max-width: 900px) {
  .page-form .bgYellowDot h2 {
    font-size: 6.6vw;
  }
}/*# sourceMappingURL=layout.css.map */