@media screen and (max-width: 1460px) {
#soudan {
      top: -370px;
      left: 1050px;
}
.houshin-text {
    top: -880px;
}
.site-footerB {
    top: 3250px;
}
.event-layout {
    justify-content: start;
}
.event-message-content p {
    font-size: 21px;
}
    
}  
@media screen and (max-width: 1400px) {
#soudan {
    top: -350px;
}  
#backtop {
    top: 450px;
}
.tantou {
    top: 250px;
}
.site-footerB {
    top: 3200px;
}
}
@media screen and (max-width: 1350px) {
.event-message-content p {
    font-size: 20px;
    width: 80%;
}
.event-message-content {
    top: 300px;
}
.faq-container {
    top: 530px;
}
    
}
@media screen and (max-width: 1330px) {
.menu-list {
    padding: 10px;
}
.sub-menu a {
    padding: 20px;
}  
.main-menu li img {
    width: 250px;
}
.info-container {
    top: 400px;
}
.houshin-container {
    top: 500px;
}
.houshin-text {
    top: -800px;
}  
.houshin-container02 {
    top: 500px;
}
.houshin-container03 {
    top: 450px;
}
#soudan {
    top: -330px;
    left: 940px; 
}
.main-menu ul li {
    margin-left: 10px;
    margin-right: 0px;
}
.menu-list {
    width: 950px;
}
.fmenu-container02 {
    width: 90%;
}
.info-table {
    top: -380px;
}
.houshin-title02 {
    font-size: 30px;
}
.houshin-container04 {
    top: 450px;
}
#event-description {
    font-size: 20px;
}
#icon3 {
    left: 50px;
}
#icon4 {
    top: 230px;
}
.event-hang-text {
    top: -500px;
}
.site-footerF {
    top: 2800px;
}
    
    
    
}

@media screen and (max-width: 1220px) { 
.houshin-container {
    padding-bottom: 400px;
    top: 550px;
}
.info-container {
    top: 480px;
}  
.info-table {
    top: -400px;
}  
.houshin-title p {
    font-size: 30px;
}  
.houshin-text {
    top: -1350px;
    width: 70%;
}  
#soudan {
    top: -300px;
    left: 850px;
}
#tab{
    display:block;
}
#pc{
    display:none;
}
.houshin-text {
    top: -1100px;
}
.houshin-container02 {
    top: 400px;
} 
.houshin-container03 {
    top: 200px;
}  
.houshin-container04 {
    top: 200px;
}
#tree,#tree02{
    width: 200px;
}
    
.pc-header{
    display:none;
}
.tab-header{
    display:block;
    z-index: 5;
}
/*---tab-header----------*/
HTML CSS JSResult Skip Results Iframe
EDIT ON
/* overlay-styles.css */
.hamburger-overlay {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 2000;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.hamburger-overlay__line {
  position: absolute;
  left: 11px;
  width: 26px;
  height: 2px;
  background-color:#fff;
  transition: all .6s;
}
.hamburger-overlay__line:nth-of-type(1) { top: 14px; }
.hamburger-overlay__line:nth-of-type(2) { top: 23px; }
.hamburger-overlay__line:nth-of-type(3) { top: 32px; }
.hamburger-overlay{
    position: fixed;
    right: 30px;
    top: 30px;
    padding: 24px;
    border: none;
    background: #59b248;
    z-index:2100;
}
.hamburger-overlay.active .hamburger-overlay__line {
  background-color: #faeee7;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}
.nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #faeee7;
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
  z-index: 900;
}
.nav-overlay.active {
  visibility: visible;
  opacity: 1;
    background: #fef6e4;
}
.nav-overlay__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  background: #fef6e4;
}
.nav-overlay__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-overlay__item {
  opacity: 0;
  transform: translateY(20px);
  transition: all .6s;
}
.nav-overlay.active .nav-overlay__item {
  opacity: 1;
  transform: translateY(0);
}
.nav-overlay.active .nav-overlay__item:nth-child(1) { transition-delay: 0.1s; }
.nav-overlay.active .nav-overlay__item:nth-child(2) { transition-delay: 0.2s; }
.nav-overlay.active .nav-overlay__item:nth-child(3) { transition-delay: 0.3s; }
.nav-overlay.active .nav-overlay__item:nth-child(4) { transition-delay: 0.4s; }
.nav-overlay.active .nav-overlay__item:nth-child(5) { transition-delay: 0.5s; }
.nav-overlay.active .nav-overlay__item:nth-child(6) { transition-delay: 0.6s; }
.nav-overlay.active .nav-overlay__item:nth-child(7) { transition-delay: 0.7s; }
.nav-overlay.active .nav-overlay__item:nth-child(8) { transition-delay: 0.8s; }
.nav-overlay.active .nav-overlay__item:nth-child(9) { transition-delay: 0.9s; }
.nav-overlay__link {
  display: inline-block;
  padding: 18px;
  color: #001858;
  font-size: 20px;
  text-decoration: none;
  transition: color .3s;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: bold;

}
.nav-overlay__link:hover {
  color: #ff914b;
}
.header{
    text-align: center;
    height: 100px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
}
#splogo01{
    width: 300px;
    padding-top: 30px;
}
#splogo02{
    width:300px;
}
#spcloselogo{
    width: 250px;
}
#topimg{
    position: absolute;
    top: 100px;
}   
/*----footer---*/
footer {
    top: 0px;
}
.hoiku-container {
    top: 600px;
}
.good-container {
    padding-bottom: 200px;
}  
.site-footerB {
        top: 3000px;
} 
#ad-title img {
    padding-left: 500px;
}  
#ad-text01 {
    width: 50%;
}  
.ad-table {
    width: 50%;
}
.ad-txt-left {
    width: 80%;
}
.adinfo-container {
    top: 0px;
    padding-bottom: 0px;  
}
.site-footerC {
    top: 0px;
}
#event-description {
    font-size: 18px;
    width: 60%;
}
.event-layout {
    width: 100%;
}
.max-1220{
    display:none;
}    
#icon2 {
    width: 180px;
    right: 100px;
}   
#icon3 {
    width: 180px;
}
#icon1 {
    width: 250px;
    top: -30px;
}
#icon5 {
    width: 250px;
}
.k-nichiji img, .k-basyo img, .k-detail img {
    width: 400px;
}
#youbi {
    font-size: 25px;
}
.event-dates-table table {
    font-size: 20px;
}
#event-note {
    font-size: 18px;
}  
#event-place-name {
    font-size: 20px;
} 
.event-hang-text {
    top: -500px;
}
#taisyou {
    font-size: 18px;
}
#tel span {
    font-size: 30px;
}
.event-hang-text p {
    line-height: 2rem;
}   
.event-visit {
    margin: 0px auto;
    position: relative;
    top: -300px;
}
.event-message-content {
    top: 280px;
}

.tantou img {
    width: 60%;
}    
.tantou {
    top: 280px;
    right: 0px;
}  
.event-message-content p {
    font-size: 18px;
}
.event-message-box {
    top: -300px;
}
.site-footerE {
    top: 340px;
}  
.site-footerF {
    top: 3000px;
}
    
    
    
    
    
}

@media screen and (max-width: 1100px) { 
.info-table {
    top: -300px;
}
.houshin-text {
    top: -1000px;
}   
#soudan {
    top: -270px;
    left: 750px;
}
#backtop {
    top: 350px;
}
#mail {
    top: -90px;
    left: 100px;
}    
#backtop {
    width: 180px;
}
#hoikuh {
    width: 200px;
}
#kihon {
    width: 200px;
}
.houshin-exp p {
    font-size: 22px;
}
.houshin-title02 {
    font-size: 25px;
}
.houshin-container {
    padding-bottom: 200px;
}
.houshin-container02 {
    padding-bottom: 50px;
    top: 300px;
}
.houshin-title p {
    font-size: 25px;
}  
.houshin-exp02 {
    font-size: 18px;
}
.houshin-container03 {
    top: 100px;
}
.houshin-container04 {
    top: 100px;
}  
.site-footerB {
    top: 2900px;
}  
.site-footerA {
    top: 0px;
}
.event-message-content {
    top: 250px;
}     
.event-hang-text {
    top: -450px;
} 
    
}
@media screen and (max-width: 1035px) { 
.info-container {
    top: 400px;
}
.houshin-container {
    padding-bottom: 400px;
    top: 450px;
}
.houshin-text {
    top: -880px;
} 
.houshin-container {
    padding-bottom: 200px;
}  
.fmenu-box img {
    width: 80px;
}   
.good-box {
    margin: 200px auto;
}
#ad-title img {
    padding-left: 350px;
}    
.adinfo-container {
    top: -100px;
}
.site-footerB {
    top: 3300px;
}    
.event-message-content {
    top: 200px;
    left: 50px;
}
    
    
}
@media screen and (max-width: 975px) {
houshin-hexp02 {
    width: 80%;
}
.houshin-container {
    padding-bottom: 400px;
    top: 380px;
}
.houshin-text {
    top: -780px;
}
.houshin-container {
    top: 350px;
    padding-bottom: 0px;
}
.houshin-container02 {
    top: 350px;
}
#tree,#tree02 {
    width: 150px;
    padding: 0 50px;
}
.houshin-hexp02 {
    width: 80%;
} 
.houshin-container03 {
    top: 100px;
}

#soudan {
    top: -250px;
    left: 680px;
    width: 150px;
}  
.hoiku-container {
    top: 500px;
}
.site-footerB {
    top: 3050px;
} 
.event-message-content {
    top: 220px;
}
.over975{
    display:none;
}  
.max-975{
    display:block;
}     
.green-back02 {
    height: 500px;
}
.green-back03 {
    padding: 30px 0 60px;
    background: #afefc9;
    height: 800px;
} 
.white-back{
    background: #fff;
    width: 90%;
    height: 750px;
    margin:30px auto;
    border-radius: 5rem;
}
.green-back02 img{
    width: 100%;
    position: relative;
    top: 5px;
}
.event-message-content p {
    transform: rotate(0deg);
    padding: 20px;
    width: 100%;
}  
.tantou{
    width: 50%;
    margin: 0 auto;
    position: static;
}
.tantou img{
    margin: 300px auto;
}
.site-footerE {
    top: 1250px;
}
.white-dod{
    border-bottom: dotted 10px;
    width: 100%;
    font-size: 20px;
    color: #fff;
}   
.green-back04{
    height: 200px;
    background: #e3facc;
} 
.event-hang-text {
    top: -420px;
}  
#icon1 {
    width: 200px;
}
#icon5 {
    width: 200px;
}  
#icon4 {
    right: 0px;
}   
.site-footerF {
    top: 3100px;
}
.privacy-title p {
    font-size: 35px;
}   
.contact-title p {
    font-size:35px;
}
    
    
    
    
} 
@media screen and (max-width: 915px) { 
.site-footerB {
    top: 3100px;
}
.site-footerG {
    top: 1900px;
}
    
}
@media screen and (max-width: 870px){
.kumo-image {
    display: none;
}
#kumo {
    display: none;
  }
  #kumo2 {
    display: none;
  }
.site-footerB {
        top: 3000px;
}



}
@media screen and (max-width: 850px) { 
.info-table {
    width: 60%;
}
.houshin-container {
        top: 550px;
        padding-bottom: 0px;
}
.houshin-text {
    top: -780px;
}
#soudan {
        top: -220px;
        left: 600px;
        width: 150px;
}
#tab{
    display:none;
}
#sp{
    display:block;
}

.tab-header{
    display:none;
}
.sp-header{
    display:block;
}
/*---sp-header----------*/
HTML CSS JSResult Skip Results Iframe
EDIT ON
/* overlay-styles.css */
.hamburger-overlay02 {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.hamburger-overlay__line02 {
  position: absolute;
  left: 11px;
  width: 26px;
  height: 2px;
  background-color:#fff;
  transition: all .6s;
}
.hamburger-overlay__line02:nth-of-type(1) { top: 14px; }
.hamburger-overlay__line02:nth-of-type(2) { top: 23px; }
.hamburger-overlay__line02:nth-of-type(3) { top: 32px; }
.hamburger-overlay02{
    position: fixed;
    right: 30px;
    top: 30px;
    padding: 24px;
    border: none;
    background: #59b248;
    z-index:1100;
}
.hamburger-overlay02.active .hamburger-overlay__line02 {
  background-color: #faeee7;
}
.hamburger-overlay02.active .hamburger-overlay__line02:nth-of-type(1) {
  transform: translateY(9px) rotate(-45deg);
}
.hamburger-overlay02.active .hamburger-overlay__line02:nth-of-type(2) {
  opacity: 0;
}
.hamburger-overlay02.active .hamburger-overlay__line02:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}
.nav-overlay02 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #faeee7;
  visibility: hidden;
  opacity: 0;
  transition: all .6s;
  z-index: 900;
}
.nav-overlay02.active {
  visibility: visible;
  opacity: 1;
    background: #fef6e4;
}
.nav-overlay__content02 {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  background: #fef6e4;
}
.nav-overlay__list02 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-overlay__item02 {
  opacity: 0;
  transform: translateY(20px);
  transition: all .6s;
}
.nav-overlay02.active .nav-overlay__item02 {
  opacity: 1;
  transform: translateY(0);
}
.nav-overlay02.active .nav-overlay__item02:nth-child(1) { transition-delay: 0.1s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(2) { transition-delay: 0.2s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(3) { transition-delay: 0.3s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(4) { transition-delay: 0.4s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(5) { transition-delay: 0.5s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(6) { transition-delay: 0.6s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(7) { transition-delay: 0.7s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(8) { transition-delay: 0.8s; }
.nav-overlay02.active .nav-overlay__item02:nth-child(9) { transition-delay: 0.9s; }
.nav-overlay__link02 {
  display: inline-block;
  padding: 18px;
  color: #001858;
  font-size: 20px;
  text-decoration: none;
  transition: color .3s;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: bold;
}
.nav-overlay__link02:hover {
  color: #ff914b;
}
.header{
    text-align: center;
    height: 100px;
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
}
#splogo01{
    width: 300px;
    padding-top: 30px;
}
#splogo02{
    width:300px;
}
#spcloselogo{
    width: 250px;
}
#topimg{
    position: absolute;
    top: 100px;
}   
/*---------------*/
    
    
    
.info-container {
    top: 300px;
}
.info-table {
    position: absolute;
    z-index: 6;
    top: 200px;
    width: 100%;
    margin: 0 auto;
}
.info-table table {
    width: 80%;
    margin: 0 auto;
}
.houshin-container02 {
    top: 400px;
}  
.houshin-container03 {
    top: 0px;
}
.houshin-container04 {
    top: -100px;
}
.pc-contents{
    display:none;
}
.sp-contents{
    display:block;
}
/*.info-text img {
    position: absolute;
}*/
.topinfo{
    width: 100%;
    margin: 0 auto;
    position: absolute;
    z-index: 7;
    top: 100px;
}
.topinfo img{
    width:200px;
}   
.topinfo p{
    text-align: center;
    margin: 0 auto;
    width: 100%;
}  
.catch-copy {
    top: 150px;
}
.catch-copy02 {
    position: absolute;
    left: 0px;
    top: 350px;
    z-index: 5;
    max-width: 27%;
}
.catch-copy02 img{
    width:100%;
}
.info-text {
    position: relative;
    z-index: 5;
    width: 100%;
    margin: 0 auto;
    top: 300px;
}
.kengaku-link{
    display:none;
}
.kengaku-linksp{
    display:block;
}  
.hoiku-container {
    top: 650px;
}
.site-footerB {
    top: 4500px;
}   
.good-box {
    flex-direction: row-reverse;
}
.good-image {
    width: 100%;
}
.good-image p{
    width: 50%;
    text-align: center;
    margin: 0 auto;
}  
.good-exp {
    width: 100%;
}    
#iine {
    width: 150px;
}
.good-box {
    margin: 50px auto 350px;
}
.iine-icon{
    width: 150px;
    margin: 30px auto 0;
}  
#maru {
    width: 30vw;
    top: 130px;
}
#ad-title img {
    padding-left: 280px;
}
.ad-fukurou {
    width: 60%;
}  
.admission-title02 {
    width: 60%;
    }   
.adflow-box01 p {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}  
.ad-box {
    width: 45%;
}
.ad-box03 img {
    top: 0px;
    right: 50px;
}
.access-box01 {
    width: 100%;
}
.access-box03 {
    width: 80%;
    margin: 100px auto 0;
}   
#sisetsu, #syozaichi, #access-tel {
    width: 100%
}  
#ad-text01 {
    width: 100%;
}   
.ad-table {
    width: 100%;
}  
.adflow-flex {
    width: 100%; 
}
.adflow-box01 {
    padding: 40px 0;
}
.admission-container02 {
    width: 90%;
}    
.adflow-flexcontainer {
    width: 90%;
}
.ad-txt-left {
    width: 90%;
}
.adflow-flexcontainer {
    width: 100%;
}
.admission-container01 {
    width: 90%;  
}    
.time-box01 {
    width: 80%;
    text-align: center;
    display: inline-flex;
}
.time-box01 img {
    width: 100px;
} 
.time-box02 {
    width: 80%;
}
.time-box03 {
    width: 80%;
    margin-top: 50px;
}  
.time-box01-01{
    width: 80%;
    margin: 0 auto;
}
#old2{
    margin-top: 0px;   
}    
.time-flex {
    text-align: center;
} 
.year-exp {
    width: 80%;
}   
.contents-exp {
    width: 80%;
}   
.year-box {
    width: 80%;
    margin: 30px auto;
} 
.event-text {
    top: 300px;
    padding-top: 0px;
}
.event-text img {
    background: #fef6e5;
    padding-top: 50px;
}
.event-wrapper {
    width: 100%;
    margin: 0px auto;
    position: relative;
}
.sp-backyellow{
    position: absolute;
    top: 300px;
    width: 100%;
    z-index: 10;
}
.sp-backyellow img{
    width: 100%;
    background: #fef6e4;
}
.event-maintitle{
    position: relative;
    top: 450px;
    z-index: 11;
}
.event-layout {
    width: 80%;
    position: relative;
    top: 450px;
    z-index: 11;
    margin: 0 auto;
}  
#event-description {
    width: 100%;
}
.event-box03{
    position: absolute;
    top: 650px;
    right: 50px;
    z-index: 11;
}    
#icon4 {
    width: 400px;
} 
.event-layout-wrapper {
    width: 100%;
    top: 1200px;
    z-index: 11;
    position: absolute;
}
.event-layout-wrap{
    position: relative;
    top: 1350px;
    z-index: 12;
}
.event-hang-text {
    top: -1100px;
    z-index: 13;
}
.event-visit {
    margin: 0px auto 0;
    position: relative;
    top: 150px;
    background: #fef6e4;
    z-index: 14;
    width: 100%;
    padding: 50px 0 200px;
}   
.event-hang-text img{
    padding-top: 50px;
}  
.event-message-box {
    z-index: 14;
    top: 50px;
}
.event-message-content {
    width: 80%;
}
.event-visit {
    font-size: 18px;   
}
.event-visit p{
    width: 90%;
    margin: 0 auto;
}    
.over540{
    display:block;
}
.under540{
    display:none;
}  
.faq-under-img img {
    width: 330px;
}   
.faq-q p {
    font-size: 18px;
}
.faq-a p {
    font-size: 18px;
}  
.faq-q-img img {
    width: 50px;
}    
.faq-a-img img {
    width: 50px;
} 
.qanda-flex {
    margin: 0px auto 0px;
}
.adinfo-container {
    top: 100px;
}
.site-footerE {
    top: 1300px;
}    
.site-footerF {
    top: 3200px;
}
    
    
    
    
    
    
}
@media screen and (max-width: 825px) { 
.houshin-text {
    top: -700px;
}
.topic-box01, .topic-box02, .topic-box03, .topic-box04 {
    width: 80%;
    margin-bottom:30px;
}
.topic-box01, .topic-box03 {
    margin-top: 0px;
}
.topic-box03 {
    margin-left: 0px;
}
.topic-box04 {
    margin-top: 0px;
    margin-left: 0px;
}
.fmenu-box {
    width: 33%;
    margin:0 auto 30px;
    text-align: center;
}
.fmenu-plus p {
    text-align: center;
}    
.fmenu-box02, .fmenu-box03 {
    width: 80%;
    color: #001858;
    line-height: 2rem;
    margin: 0 auto 50px;
    text-align: center;
}
.fmenu-box02 p {
    text-align: center;
}
.fmenu-box03 p {
    text-align: center;
} 
.fmenu-box03 a:hover{
    opacity:0.5;
}
.toppc{
    display:none;
}
.topsp{
    display:block;
}
.fmenu-plus img {
    width: 150px;
}  
.site-footerB {
    top: 2100px;
}  
.site-footerB {
    top: 4400px;
} 
.tantou img {
    margin: 350px auto;
}
.event-visit p{
    width: 90%;
    margin: 0 auto;
}   
    
    
} 
@media screen and (max-width: 800px) { 
.houshin-text {
    top: -700px;
}
.houshin-exp p {
    font-size: 18px;
}
.event-hang-text {
    top: -1000px;
} 
.event-visit {
    top: 400px;
}  
.event-message-box {
    top: 300px;
}
.site-footerE {
    top: 1500px;
}
.site-footerF {
    top: 3300px;
}   
    
}

@media screen and (max-width: 735px) { 
.houshin-tree{
    display:none;
}
.houshin-tree-sp{
    display:block;
}
.houshin-text {
    top: -600px;
    width: 80%;
}
.houshin-exp {
    line-height: 3rem; 
}  
#tree {
    margin-bottom: 30px;
    width: 200px;
}
.houshin-container02 {
    top: 300px;
} 
.houshin-title02 {
    font-size: 22px;
}
.houshin-hexp{
    width: 80%;
    margin: 0 auto;
    text-align: left;
}   
.topic-box01 {
    margin-top: 30px;
}   
.fmenu-box img {
    width: 80px;
}
.site-footerB {
    top: 4300px;
}
.event-hang-text {
    top: -900px;
}  
.event-visit {
    top: 600px;
}
.event-layout-wrap {
        top: 1350px;
    }
.event-layout-wrapper {
    top: 1200px;
}  
.event-layout-wrap {
    top: 1300px;
}
.event-message-box {
    top: 500px;
}  
.site-footerE {
    top: 1700px;
}  
.form01 {
    width: 100%;
}
#address1 {
    width: 100%;
    margin: 5px 0 5px 0px;
}
#address2 {
    margin-left: 0px;
    width: 100%;
}
.site-footerG {
    top: 2300px;
}   
#name,#childname,#childkana {
    width: 100%;
}
.form02 {
    width: 90%;
}    
#address {
    width: 100%;
}
#detail {
    width: 100%;
}   
.site-footerF {
    top: 3500px;
}  
    
}
@media screen and (max-width: 680px) { 
.site-footerB {
    top: 4200px;
}
.event-text {
    top: 100px;
}   
.sp-backyellow {
    top: 150px;
}   
.event-maintitle {
    top: 250px;
}
.event-layout {
    top: 250px;
} 
.event-box03 {
    position: absolute;
    top: 500px;
}
.event-hang-text {
    top: -800px;
}
    
    
    
}   

@media screen and (max-width: 654px) {  
.site-footerB {
    top: 5350px;
}  
.good-box {
    margin: 100px auto 400px;
}
.good-image p {
    width: 90%;
}
#maru {
    width: 30vw;
    top: 130px;
}
.fmenu-plus {
    width: 100%;
}  
.event-hang-text {
    top: -800px;
}
.event-visit {
    top: 300px;
}  
.green-back02 {
    position: relative;
    top: 100px;
}  
.event-message-content {
    top: 150px;
}
.tantou {
    width: 70%;
} 
.event-visit {
    font-size: 18px;
}  
.qanda-flex {
    margin: 50px auto 50px;
}
.privacy-title p {
    font-size: 30px;
} 
.privacy-exp p {
    font-size: 18px;
}
.privacy-exp p span {
    font-size: 20px;
}   
.site-footerF {
    top: 3500px;
}
.contact-title p {
    font-size: 30px;
}  
    
    
}
@media screen and (max-width: 600px) { 
.site-footerB {
    top: 5200px;
}
.event-hang-text {
    top: -750px;
}
.event-hang-text {
    top: -700px;
}   
.event-visit {
    top: 600px;
}
.event-layout-wrapper {
    top: 1050px;
}  
.event-layout-wrap {
    top: 1200px;
}
.event-message-box {
    top: 400px;
}
.site-footerF {
    top: 3000px;
}  
.pri-box {
    margin-top: 30px;
}
    
}


@media screen and (max-width: 560px) { 
.site-footerB {
    top: 5000px;
}
.event-text img {
    padding-top: 0px;
} 
.sp-backyellow {
    top: 100px;
}
.event-maintitle {
    top: 200px;
}  
.event-layout {
    top: 200px;
} 
.event-box03 {
    top: 430px;
}
.event-layout-wrapper {
    top: 900px;
}
.event-layout-wrap {
    top: 1100px;
} 
.event-visit {
    top: 450px;
}
.event-message-box {
    top: 200px;
} 
.site-footerE {
    top: 1500px;
}  
.site-footerF {
    top: 3100px;
}
    
    
    
}


@media screen and (max-width: 540px) { 
.houshin-text {
    top: -500px;
}
.houshin-exp {
    letter-spacing: 0.2rem;
}
.houshin-container02 {
    top: 400px;
}
.houshin-title02 {
    font-size: 20px;
}   
.topic-box01 {
    margin-top: 150px;
}  
.topic-box01,.topic-box02,.topic-box03,.topic-box04 {
    width: 100%;
} 
#splogo01{
    left: 20px;
    position: fixed;
}
.f-br{
    display:block;
} 
.houshin-title p {
    font-size: 20px;
} 
.info-table table td {
    font-size: 18px;
}  
.houshin-hexp p {
    font-size: 18px;
}
.houshin-hexp02 p {
    font-size: 18px;
} 
#telinfo {
    width: 100%;
}  
#youchien {
    width: 100%;
} 
.site-footerB {
    top: 5100px;
}
.good-container {
    padding-bottom: 250px;
}  
.hoiku-container {
    top: 580px;
}   
.fmenu-box img {
    width: 70px;
}
.good-box {
    margin: 100px auto 450px;
}   
   
.good-exp span {
    font-size: 25px;
}
#ad-title img {
    padding-left: 100px;
}   
.ad-box {
    width: 90%;
    margin-top: 30px;
}   
.ad-box02 {
    width: 90%;
}
.ad-box03 {
    width: 90%;
    padding-left: 60px;
}   
.ad-fukurou {
    width: 90%;
}
.admission-title02 {
    width: 100%;
}  
.access-flex {
    width: 100%;
}
.t-txt {
    font-size: 18px;
    text-align: left;
}  
.active-title p {
    font-size: 30px;
}
.t-title {
    font-size: 25px;
} 
.year-exp {
    font-size: 18px;
}   
.contents-exp {
    font-size: 18px;
}    
.year-title p {
    font-size: 30px;
}
.active-title img {
    width: 100px;
}
.year-title img {
    width: 100px;
}   
.time-box01 {
    width: 90%;
}
.time-box02 {
    width: 90%;
} 
.time-box03 {
    width: 90%;
}   
.year-box {
    width: 90%;
}  
.event-text {
    top: 600px;
}
.sp-backyellow {
    top: 50px;
} 
.event-maintitle p {
    font-size: 25px;
}  
.event-maintitle {
    top: 100px;
}
.event-layout {
    top: 400px;
}   
#event-description {
    line-height: 2rem;
}  
.event-layout {
    top: 80px;
} 
.event-box03 {
    top: 350px;
}
.event-layout-wrapper {
    top: 800px;
}
.event-layout-wrap {
    top: 900px;
}  
.event-hang-text {
    top: -650px;
    width: 90%;
    margin: 0 auto;
} 
#tenin {
    font-size: 20px;
} 
#tenin span {
    font-size: 30px;
}   
#tel span {
    font-size: 25px;
}
#tel {
    font-size: 18px;
}  
.tantou img {
    margin: 400px auto;
}   
.over540{
    display:none;
}
.under540{
    display:block;
}     

#icon4 {
    top: 180px;
}
.k-nichiji img, .k-basyo img, .k-detail img {
    width: 350px;
}  
#youbi {
    font-size: 20px;
}   
.faq-title p {
    font-size: 28px;
}
.qanda-flex {
    margin: 20px auto 0px;
} 
#sun {
    width: 120px;
} 
.qanda-box02-01 {
    width: 120px;
}   
.qanda-container02 {
    width: 100%;
}  
.faq-item {
    border-radius: 0;
}
.faq-q-img img {
    padding: 0 20px 0 10px;
}
.faq-a-img img {
    padding: 0 20px 0 10px;
}  
.faq-item {
    background-color: #fff;
}
.faq-item-w {
    border-radius: 0rem;
}   
.qanda-tree img {
    width: 250px;
}   
.faq-under-img img {
        width: 250px;
}
.header {
    line-height: 1;
}
.event-text {
    top: 50px;
}
.event-visit {
    top: 250px;
}  
.event-message-box {
    top: 0px;
} 
.site-footerE {
    top: 1300px;
}  
#send {
    width: 270px;
}
.site-footerF {
    top: 3200px;
}
    
    
    
}
@media screen and (max-width: 510px) {
.site-footerF {
    top: 3300px;
}
    
    
    
    
    
}
@media screen and (max-width: 485px) { 
.catch-copy02 {
    top: 300px;
}
.info-text {
    top: 200px;
}
.info-table table td {
    font-size: 16px;
}
.houshin-text {
    top: -400px;
}  
.houshin-container {
    top: 450px;
}
.houshin-text {
    top: -450px;
    width: 90%;
} 
.houshin-exp02 {
    font-size: 16px;
    line-height: 2rem;
}
.houshin-exp02 p {
    padding: 20px 30px;
    line-height: 2rem;  
}  
.houshin-container02 {
    top: 150px;
    padding-bottom: 0px;
}
.houshin-title02 {
    font-size: 18px;
    margin-bottom: 50px;
}
.houshin-hexp02 p {
    line-height: 2rem;
}
.houshin-container03 {
    padding: 0;
}   
.fmenu-plus img {
    padding-right: 2%;
}


.topic-box01 {
    margin-top: 100px;
}
#splogo01 {
    width: 230px;
}   
.hamburger-overlay {
    top: 25px;
    padding: 24px;
}
.topinfo img {
    width: 150px;
}   
.fmenu-plus img {
    width: 130px;
} 
.site-footerB {
    top: 4900px;
}
.hoiku-container {
    top: 500px;
}
#icon4 {
    width: 300px;
}
.adinfo-container {
    top: 0px;
}
.event-text {
    top: 0px;
}   
.sp-backyellow {
    top: 0px;
}
.event-layout-wrapper {
    top: 750px;
} 
.event-hang-text {
    top: -550px;
}  
    
    
    
}
@media screen and (max-width: 460px) { 
.site-footerB {
    top: 4800px;
}
.event-hang-text {
    top: -570px;
}   
.event-visit {
    top: 350px;
}
.faq-container {
    top: 500px;
}     
.event-message-box {
    top: 100px;
}
.site-footerF {
    top: 3200px;
}  
.privacy-exp {
    padding: 20px;
}   
.privacy-title p {
        font-size: 25px;
}
.privacy-tree img {
    width: 250px;
}   
.privacy-tree {
    width: 250px;
}  
.contact-form {
    width: 95%;
}
#contact-follow {
    width: 95%;
    margin: 0 auto;
}  
.contact-container02 {
    width: 90%;
} 
    
    
    
}
@media screen and (max-width: 420px) { 
.site-footerB {
    top: 4600px;
}
#icon4 {
    top: 220px;
}
.k-nichiji img, .k-basyo img, .k-detail img {
    width: 300px;
}
.event-layout-wrap {
    top: 850px;
}
.event-hang-text {
    top: -500px;
}  
#tel span {
    font-size: 20px;
}
.event-message-content {
    left: 20px;
}   
.site-footerF {
    top: 3400px;
}
.contact-title p {
    font-size: 25px;
}  
.form02 {
    width: 100%;
}  
#name, #childname, #childkana {
    width: 95%;
}
#address1 {
    width: 95%;
}   
#address2 {
    width: 95%;
}   
#address {
    width: 95%;
}
#detail {
    width: 95%;
}
    
    
    
    
}
@media screen and (max-width: 398px) { 
.info-text {
    top: 150px;
}
.topinfo {
    top: 50px;
}
.info-table {
    top: 120px;
} 
.houshin-container {
    top: 350px;
} 
.houshin-text {
    top: -350px;
}  
.houshin-title p {
    font-size: 18px;
    letter-spacing: 0.1rem;
    margin-bottom: 30px;
}
#kihon {
    width: 180px;
} 
.houshin-exp {
    line-height: 2.5rem;
    margin: 30px auto 100px;  
}    
.houshin-container02 {
    top: 0px;
}
#hoikuh {
    width: 180px;
}  
.houshin-hexp p {
    line-height: 2rem;
}   
.houshin-hexp02 {
    margin: 50px auto 0px;
}
.houshin-container02 {
    margin-bottom: 100px;
} 
.houshin-container04 {
    top: 0px;
}
.fmenu-box img {
    width: 80px;
} 
.fmenu-box02, .fmenu-box03 {
    width: 95%;  
    
}
.houshin-exp p {
    font-size: 16px;
}
.fmenu-plus img {
    width: 100px;
}
.hoiku-container {
    top: 450px;
}   
.site-footerB {
    top: 4500px;
}
#access-tree img {
    width: 250px;
}
.adflow-box04 {
    line-height: 2;
}  
.adflow-box01 p {
    line-height: 2;
}

.activity-container {
    top: 500px;
}
.event-text {
    top: -100px;
}
.sp-backyellow {
    top: 220px;
}
#icon4 {
    top: 240px;
}  
.event-maintitle {
    top: 0px;
}  
.event-layout {
    top: 0px;
} 
.event-layout-wrap {
    top: 800px;
}
.tantou img {
    margin: 500px auto;
}  
#eki {
    width: 250px;
}
.adinfo-title {
    padding-top: 30px;
}
.adinfo-container {
    top: -30px;
} 
.sp-backyellow {
    top: -100px;
}
.event-box03 {
    top: 250px;
}  
.event-layout-wrapper {
    top: 650px;
}  
.event-visit {
    top: 280px;
}
.site-footerF {
    top: 3600px;
} 
}
/* 最初は非表示にしておく */
.nav-overlay,
.nav-overlay02 {
  display: none;
}

/* JavaScriptで .active が付いたときに表示する */
.nav-overlay.active,
.nav-overlay02.active {
  display: block;
}