@charset "UTF-8";

@font-face{
    font-family: 'hanazomefont';
    src: url('../hanazome.ttf') format('truetype');
}


html{
  font-size: 100%;
  font-family:"Noto Sans JP", "hanazomefont" , "NK-R","Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN","游ゴシック" ,"Meiryo", "sans-serif";
}

body{
  background-color: #fff;
  background-image: url(../img/22023794.png);
  background-repeat: repeat;
  width: 100%;
  overflow-x: hidden;
}

#all{
  overflow: hidden;
  width: 100%;
}

a{
  text-decoration: none;
}

li{
  list-style: none;
}

header{
  margin-bottom: 120px;
}

.wrapper{
  z-index: 10000;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 1500ms;
}

.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}

div#i{
  z-index: 1;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  margin-top: 0px;
  display: flex;
  align-items: center;
}

div#i>div{
  margin: 0 auto;
  width: max-content;
  font-size: 1.5rem;
}

div#i>div div.f{
  background-image: url(../img/5640.png);
  background-size: cover;
  padding: 55px 0;
  margin-bottom: 40px;
}

div#i>div div h1{
  color: rgb(85, 53, 53);
  z-index: 2;
  background-color: #fa80726c;
  margin-bottom: 20px;
  padding: 50px;
  border-radius: 20px;
  /* font-family:"hanazomefont";*/
}

div#i>div div p:first-child{
  margin-bottom: 15px;
}

div#i>div div p:nth-child(3),
div#i>div div p:nth-child(4){
  text-align: center;
}

div.to-top{
  display: block;
  position: relative;
  left: 3%;
  margin-top: 10px;
  background-color: #fa8072;
  border-radius: 10px;
  text-align: center;
  height: max-content;
}

div.to-top p{
  text-decoration: none;
  color:#fff;
  padding-bottom: 1px;
}

div.to-top img {
  padding: 0px 4px 0 4px;
  width: 95%;
}

div.sp_to-top{
  display: none;
}

.sp_nav{
  display: none;
}

.pc_nav ul{
  border-radius: 10px 0 0 10px; 
  padding: 13px;
  display: flex;
  background-color: #fa8072;
}

.pc_nav ul li{
  font-size: 1.1rem;
  margin-right: 30px;
}

.pc_nav ul li:last-child{
  margin-right: 0;
}

.pc_nav ul li a{
  width: max-content;
  height: max-content;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  transition: 0.3s;
}

.pc_nav ul li a:hover{
  color: #fa8072;
  background-color: #fff;
}

.btn-circle-border-double{
  display: inline-block;
  text-decoration: none;
  color: #fa8072;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: double 4px #fa8072;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .6s;
}

/*.btn-circle-border-double::after{
  content: "";
  width: 12px;
  height: 12px;
  margin-bottom: -6px;
  border-top: solid 3px #fa8072;
  border-right: solid 3px #fa8072;
  transform: rotate(135deg);
}*/

.btn-circle-border-double:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}


.bg-slider{
  width: 100vw;
  height: 100vh;
  background-position:center;
  background-size:cover;
}

.bg-slider2{
  display: none;
  width: 100vw;
  height: 100vh;
  background-position:center;
  background-size:cover;
}

.bg-slider__title {
  z-index: 1000;
  width: 50%;
  position: relative;
  top: 300px;
  left: 3%;
}

.bg-slider__title img{
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.562);
  width:40%;
  min-width: 170px;
  margin-top: 50px;
}

.bg-slider__title div{
  background-color: #fa80726e;
  width: max-content;
}

.bg-slider__title div p{
  /*margin-left: 30px;*/
  border-radius: 10px;
  padding: 5px;
  width: max-content;
  font-size: 2rem;
  color: #fff;
}


.arrow1{
  width: 30px;
  height: 30px;
  border: 5px solid;
  border-color:  transparent transparent #fa8072d3 #fa8072d3;
  transform: rotate(-45deg);
  position: relative;
  top: 325px;
  margin: 0 auto;
}


main{
  margin: 0 auto 50px auto;
  width: 90%;
  max-width: 1300px;
}

main img{
  width: 50vw;
}

#about,#plan{
  display: flex;
  margin-bottom: 240px;
  align-items: center;
}

#access{
  margin-bottom: 240px;
}

.section-title{
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
  width: max-content;
  height: max-content;
  margin: 0 auto 30px auto;
  padding: 0 7px 6px 7px;
  border-bottom: solid 1px #fa8072;
}

#about p{
  display: block;
  text-align: left;
  color: #000;
  width: 100%;
  height: max-content;
  margin-bottom: 35px;
  font-size: 1.4em;
}

#plan p{
  text-align: left;
  display: block;
  color: #000;
  width: 100%;
  height: max-content;
  margin-bottom: 35px;
  font-size: 1.4em;
  padding: 0 0 0 0;
}

.btn{
  border-radius: 20px;
  font-size: 1.2rem;
  border: solid 1px #fa8072;
  padding: 10px 40px;
  color: #fa8072;
  transition: 0.3s
}

.btn:hover{
  background-color: #fa8072;
  color: #fff;
}

#plan .section-right,
#about .section-left{
  height: 550px;
}

#about .section-left{
  background-image: url(../img/2223.jpeg);
  background-size: cover;
  background-position: center center;
  width: 48.5%;
}

#about .section-right{
  padding-top: 10px;
  width: 48.5%;
  padding-left: 3%;
  text-align: center;
}

#plan .section-left{
  padding-top: 10px;
  padding-right: 3%;
  width: 48.5%;
  text-align: center;
}

#plan .section-right{
  background-image: url(../img/7561.jpg);
  background-size: cover;
  background-position: center center;
  width: 48.5%;
}

#schedule{
  text-align: center;
  margin:0 auto 240px;
  width: 60%;
}

#access>div{
  display: flex;
  justify-content:center;
}

#access div div{
  margin: 0 auto;
}

#access div img{
  /* background-image: url(../img/4136.JPG);*/
  width: 500px;
  height: 394px;
  background-size: cover;
  background-position: center center; 
}

#blog{
  text-align: center;
  line-height: 2;
  margin: 0 auto 240px auto;
}

#blog ul{
  margin-bottom: 30px;
}

#blog ul li{
  font-size: 1.1rem;
  margin-bottom: 10px;
  border-bottom: solid 1px #fa8072;
}

#blog ul li p span a{
  color: #fa8072;
  font-size: 1.5rem;
}

#blog h2{
  margin: 0 auto 20px;
  padding: 0 7px 6px 7px;
  text-align: center;
  font-size: 1.6rem;
  border-bottom: solid 1px #fa8072;
  width: max-content;
  height: max-content;
}

#blog{
  width: 80%;
}


.view{
  width: max-content;
  margin: 0 auto;
  height: 40px;
}

#instagram{
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

  #instagram .spinsta{
    display: none;
}


#instagram h2{
  margin: 0 auto 30px auto;
  padding: 0 7px 6px 7px;
  text-align: center;
  font-size: 1.6rem;
  border-bottom: solid 1px #000;
  width: max-content;
  height: max-content;
}

.instagram-media{
  margin: 0 auto;
} 

footer{
  background-color: #fa8072;
  margin:auto 0;
}

.footer_wrap{
  padding-top: 30px;
  max-width: 1000px;
  margin: 0 auto 40px auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.footer_left{
  width: 50%;
}

.footer_left p{
  color: #fff;
}

.footer_left p:nth-child(2){
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.footer_left p:nth-child(3),
.footer_left p:nth-child(4),
.footer_left p:nth-child(5){
  font-size: 1.5rem;
  line-height: 1.2;
}

.footer_left p:nth-child(6){
  margin-bottom: 20px;
}

.footer_right p{
    margin-top: 20px;
}

.footer_right a{
  color: #fff;
}

.footer_right img{
  width: 15%;
  min-width: 150px;
  background-color: rgb(255, 255, 255);
}

.footer_right{
  width: 50%;
  display: block;
  text-align: right;
}

.copy{
  text-align: center;
}
@media screen and (max-width: 1200px){
  main{
    width: 100%;
  }
}

@media screen and (max-width: 990px){

  body,main{
    width: 100vw;
  }

  div.sp_to-top{
  display: none;
} 

  div.to-top{
    margin-top: 9px;
    margin-left: 10px
  }

  div.to-top img {
    padding: 0 ;
    border-radius: 10px;
    background-color: #fa8072;
    width: 70%;
  }

  div#i>div div{
    font-size: 1.2rem;
  }

  div#i>div div h1{
    padding: 40px;
  }

  .btn-circle-border-double{
    width: 90px;
    height: 90px;
  }

  .pc_nav nav{
    display: none;
  }

  .sp_nav{
    display: block;
  }

  .sp_nav>div{
    background-color: #fa8072;
    z-index: 100000;
    padding: 5px;
    width: 100px;
    height: 40px;
    position: fixed;
    border-radius: 10px 0 0 10px;
    top: 20px;
    right: 0px;
  }

  .sp_nav p{
    z-index: 100000000;
    color: #fff;
    text-align: center;
    font-size: 1.2rem;
    transition: 0.4s;
  }

  .sp_nav>div span {
    visibility: hidden;
    width: 40px;
    background-color: rgb(255, 255, 255);
    height: 2px;
    transition: 0s;
    position: fixed;
    right: 40px;
  }

  .sp_nav>div span:first-child {
    top: 33px;
  }

  .sp_nav>div span:nth-child(2) {
    top: 44px;
  }

  .sp_nav.on {
    visibility: visible;
  }

  .sp_nav.on>div{
    background-color: #fff;
  }

  .sp_nav.on span {
    visibility: visible;
    background-color: #fa8072;
    transition: 0.4s;
  }

  .sp_nav.on p{
    visibility: hidden;
    z-index: 100000000;
    height: 0;
    width: 0;
  }

  .sp_nav.on span:nth-child(1) {
    transform: translate(0px, 5.5px)rotate(45deg);
  }

  .sp_nav.on span:nth-child(2) {
    transform: translate(0px, -5.5px)rotate(-45deg);
  }

  .sp_nav nav>div {
    z-index: 10000;
    width: 100%;
    height: 100vh;
    padding-top: 94px;
    background-color: #fa8072e8;
    position: fixed;
    top: 0;
    transform: translateX(0%);
    transition: 0.3s;
    overflow-y: auto;
  }

  .sp_nav nav>div a {
    color: #fff;
  }

  .sp_nav.on nav>div {
    transform: translateX(-100%);
  }

  .sp_nav.on nav>div ul {
    margin-bottom: 20px;
  }

  .sp_nav nav>div ul li {
    margin: 0 auto;
    text-align: center;
    font-size: 1.8rem;
    line-height: 6rem;
    border-bottom: solid 1px #fff;
    width: 400px;
  }

  .bg-slider__title div p{
    font-size: 1.8rem;
  }

  #about{
    width: 100%;
    flex-direction: column;
    margin-bottom: 150px;
  }

  #plan{
  width: 100%;
  flex-direction: column-reverse;
  margin-bottom: 150px;
  }

  #about .section-left{
    width: 80%;
    margin: 0 auto 60px auto;
  }

  #plan .section-left{
    width: 80%;
    margin: 0 auto;
  }

  #about p,
  #plan p{
    font-size: 1.4rem;
    text-align: left;
    height: max-content;
  }

  #about .section-right{
    width: 80%;
    margin: 0 auto 0 auto;
  }

  #plan .section-right{
    width: 80%;
    margin: 0 auto 60px auto;
  }

  #schedule{
    width: 90%;
  }

  #access>div{
    flex-direction: column;
  }

  #access div div{
    margin: 60px auto 0;
  }



  .flex-wrap{
    flex-direction: column;
  } 

  #blog{
    margin-bottom: 150px;
    width: 90%;
  }

  #blog div div ul{
    margin:0 auto 60px auto;
    width: 300px;
  }

  #blog div div ul li{
    margin-bottom: 30px;
  }

  #blog div div ul li div{
    margin: 0 auto;
    width: 300px;
    height: 169px
  }

  #blog div div ul li:last-child{
    margin-bottom: 0;
  }

  #instagram .pcinsta{
    display: none;
  }

  #instagram .spinsta{
    display: block;
  }

  footer .footer_wrap{
    flex-direction: column;
    align-items: center;
  }

  .footer_wrap .footer_left{
    width: 94%;
    margin-bottom: 60px;
  }

  .footer_wrap .footer_right{
    width: 94%; 
    text-align: center;
  }
}

@media screen and (max-width: 550px){
  .bg-slider{
    display: none;
  }

  .bg-slider2{
    display: block;
  }

  div.to-top{
    display: none;
  }


  div.sp_to-top{
    display: block;
    margin-top: 15px;
    margin-left: 10px;
    border-radius: 10px;
    background-color: #fa8072;
    text-align: center;
  }

  div.sp_to-top p{
    text-decoration: none;
    color:#fff;
  }

  div.sp_to-top img {
    display: block;
    padding:  0 5px 0 5px;
  }

  div#i>div div{
    font-size: 0.8rem;
    margin-top: 10px;
  }

  div#i>div div h1{
    padding: 26px;
  }

  .btn-circle-border-double{
    width: 70px;
    height: 70px;
  }

  .bg-slider__title div p{
    font-size: 1.3rem;
  }

  .sp_nav nav>div ul li{
    font-size: 1.2rem;
    width: 200px;
    line-height: 4rem;
  }

  .arrow1{
    width: 25px;
    height: 25px;
  }

  #blog ul li p span a{
    font-size: 1.2rem;
  }

  #about,
  #plan{
    margin-bottom: 150px;
  }

  #plan{
    max-height: 600px;
}

    #about .section-left{
    width: 90%;
    height: 250px;
    max-width: 350px;
  }

  #about .section-right{
    width: 90%;
    margin: 0 auto 0 auto;
  }

  #plan .section-left{
    width: 90%;
    margin: 0 auto;
  }

  #plan .section-right{
    max-height: 300px;
    width: 90%;
    max-width: 350px;
  }

  #about p,
  #plan p{
    font-size: 1rem;
    text-align: left;
    height: max-content;
    max-width: 350px;
  }

  #access div div{
    width: 330px;
    margin: 60px auto 0;
  }

  #access div img{
    width: 330px;
    height: 260px;
  }

  .footer_left p:nth-child(1){
    font-size: 0.8rem;
  }

  .footer_left p:nth-child(2){
  font-size: 1.1rem;
  margin-bottom: 20px;
  }

  .footer_left p:nth-child(3),
  .footer_left p:nth-child(4){
    font-size: 1.5rem;
  }

  .footer_left p:nth-child(5){
    font-size: 1.1rem;
  }
}











/*
plan.html
*/

#page_header{
  background-image: url(../img/7160.jpg);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 280px;
  position: relative;
  z-index: 0;
  margin-bottom: 60px;
}

#page_header::before {
  content: '';
  position: absolute;
  /* 輪郭がぼやけてしまうのでブラー範囲を広げる */
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: inherit;
  filter: blur(4px);
  z-index: -1;
}

.page_title{
  z-index: 10;
  color: #fff;
  text-align: center;
  position: relative;
  top: 140px;
  font-size: 2.5rem;
}

#plan_html main{
  background-image: url(../img/Newfile.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100vw;
  padding: 60px 0 60px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1036px;
  font-size: 1.2rem;
}

.plan_body{
  margin: 0 auto 60px auto;
  width: 72%;
}

.plan_body h2{
  font-size: 1.6rem;
  margin-bottom: 30px;
  border-left: #fa8072 solid 10px;
  border-bottom: #fa8072 solid 1px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.plan_body p{
  line-height: 2;
  font-size: 1.2rem;
  margin-bottom: 30px;
  margin-left: 15px;
  padding-right: 15px;
}

.plan_body table{
  font-size: 0.9rem;
  border: solid 2px #000;
}

.plan_body table tr:nth-child(2) th,
.plan_body table tr:nth-child(2) td{
  padding: 11px;
}

.plan_body .men{
  width: 100%;
  margin: 0 auto;
  display: block;
}

p.kome{
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 30px;
}

p.tel{
  font-size: 1.4em;
}

.plan_body h3{
  margin: 20px 0 10px 0;
  border-left: #fa8072 solid 7px;
  padding-left: 7px;
}

.plan_body>ul>li:last-child{
  margin-top: 30px;
}

.plan_body ul li ol li ul li{
  list-style: inside circle;
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 15px;
  line-height: 1.5;
}

.plan_body>ul>li:last-child ol li{
  list-style: inside decimal;
  line-height: 1.5;
}

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

.plan_body .flex p{
  width: 100%;
}

.plan_body .flex div{
  height: 270px;
  width: 80%;
  background-size: cover;
  background-position: center center;
}

.plan_body .flex .a{
  background-image: url(../img/4347.jpg);
}

.plan_body .flex .b{
  background-image: url(../img/1111.jpeg);
}

@media screen and (max-width: 896px){

  #page_header{
    margin-bottom: 20px;
  }

  .plan_body{
    width: 80%;
  }

  .plan_body table{
    font-size: 0.8rem;
  }


  .page_title{
    font-size: 2rem;
  }

  .plan_body h2,
  .plan_body p,
  .plan_body ul{
    margin: 0 auto 30px;
    font-size: 1.1rem;
  }

  .plan_body .flex p{
    margin-left: 15px;
  }

}

@media screen and (max-width: 500px){

  #page_header{
    margin-bottom: 20px;
  }

  .plan_body{
    width: 90%;
  }

  .plan_body h2{
    font-size: 1.1rem;
    width: 100%;
  }

  .plan_body table{
    font-size: 0.8rem;
  }

  .plan_body table tr:nth-child(2) th,
  .plan_body table tr:nth-child(2) td{
    padding: 8px;
  }

  .plan_body p,
  .plan_body ul{
    width: 100%;
    margin: 0 auto 30px;
    font-size: 1rem;
  }

  .plan_body ul li{
    width: 100%;
  }

  .plan_body .flex{
    flex-direction: column;
  }

  .plan_body .flex div{
    margin: 0 auto;
    width: 100%;
  }


  .plan_body .flex p{
    margin: 15px auto 0;
  }
}











/*
about.html
*/

.about-body div{
  margin-bottom: 60px;
}

.about-body div h2{
  font-size: 1.6rem;
  margin-bottom: 30px;
  border-left: #fa8072 solid 10px;
  border-bottom: #fa8072 solid 1px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.about-body div h3{
  margin-bottom: 15px;
  font-size: 1.2rem;
  border-left: #fa8072 solid 7px;
  padding-left: 7px;
}

.about-body div p{
  line-height: 2;
}

.about-body div.about2 ol li{
  list-style:inside decimal;
  margin-bottom: 20px;
  margin-left: 15px;
  text-indent: -1em;
}

main.about-body{
  background-image: url(../img/Newfile.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100vw;
  padding: 60px 0 10px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.2rem;
}

.about1 , .about2 , .about3{
  width: 70%;
  margin: 0 auto;
}



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

div.hello{
  width: 60%;
  padding-left: 20px;
  margin-bottom: 0;
}

.fujiyama{
  background-image: url(../img/14855397451602.jpg);
  background-position: center center;
  background-size: cover;
  height: 400px;
  width: 40%;
}

@media screen and (max-width: 896px){

  .page_title{
    font-size: 2rem;
  }

  .about-body div h2{
    font-size: 1.4rem;
  }


  .about1 , .about2 , .about3{
    width: 80%;
    margin: 0 auto;
    font-size: 1.1rem;
  }

  .about3 .flex-wrap{
    flex-direction: column;
  }

  .fujiyama{
    width: 70%;
    margin: 0 auto;
  }

  div.hello{
    width: 100%;
  }
}

@media screen and (max-width: 500px){

  .page_title{
    font-size: 1.8rem;
  }

  .about1 , .about2 , .about3{
    width: 90%;
    margin: 0 auto;
    font-size: 1rem;
  }

  .about1 h3,
  .about1 p,
  .about2 h3,
  .about2 ol{
    width: 90%;
    margin: 0 auto ;
  }

  .about-body div h3{
    margin-bottom: 15px;
    font-size: 1rem;
  }

  .about-body div h2{
    font-size: 1.1rem;
  }

  .fujiyama{
    width: 90%;
    margin: 0 auto;
  }

}







/*
staff.html
*/
.staff-body{
  max-width: 1000px;
  font-size: 1.3rem;
  margin: 0 auto;
  padding: 0 20px;
}

.staff-body h2{
  margin-bottom: 40px;
}

.staff-body table{
  margin-bottom: 60px;
  max-width: 500px;
  text-align: center;
}

.staff-body table,th,td{
  border: solid #000 1px;
  padding: 4px;
}

.staff_picture{
  text-align: center;
}

.staff_picture img{
  width: 90%;
  /* background-image: url(../img/1117.jpeg); */
}

.staff_text{
  margin-bottom: 60px;
}

.staff_text p{
  margin-bottom: 20px;
}


/* @media screen and (max-width: 980px){

    .staff_picture{
    width: 800px;
    height: 640px;
  }

} */

@media screen and (max-width: 800px){

  .staff-body{
    font-size:1.1rem;
  }

  /* .staff_picture{
    width: 600px;
    height: 480px;
  } */

}


@media screen and (max-width: 600px){

  .staff-body{
    font-size:1rem;
  }

  /* .staff_picture{
    max-width: 480px;
    height: 384px;
  } */

}

@media screen and (max-width: 480px){

  /* .staff_picture{
    max-width: 300px;
    height: 240px;
  } */

  .staff_picture img{
    width: 100%;
  }

}









/*
blog.html
*/
.blog-body div div ul {
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-body div div ul li{
  width: 30%;
  margin-bottom: 60px;
}

.blog-body div div ul li p span{
  margin: 10px 0 10px 0;
  font-size: 0.9rem;
}

.blog-body div div ul li div{
  height: 250px;
  width: 100%;
}

.blog-body div div ul li:first-child div{
  background-image: url(../img/pickup1.jpg);
}

.blog-body div div ul li:nth-child(2) div{
  background-image: url(../img/pickup1.jpg);
}

.blog-body div div ul li:nth-child(3) div{
  background-image: url(../img/pickup1.jpg);
}

.blog-body div div ul li:nth-child(4) div{
  background-image: url(../img/pickup1.jpg);
}

.blog-body div div ul li:nth-child(5) div{
  background-image: url(../img/pickup1.jpg);
}

.blog-body div div ul li:nth-child(6) div{
  background-image: url(../img/pickup1.jpg);
}

@media screen and (max-width: 800px){
  .blog-body div div ul li{
    width: 45%;
    margin: 0 15px;
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 550px){
  .blog-body div div ul li{
    width: 90%;
    margin: 40px auto;
  }
  .blog-body div div ul{
    flex-direction: column;
  }
}


  .privacy{
    font-family: "UD デジタル 教科書体";
  }

@media screen and (max-width: 500px){
  .page_title{
    font-size: 1.5rem;
  }
}






/*
schedule.html
*/
.schedule_body{
  width: 90%;
  margin: 0 auto 0 auto;
  margin-bottom: 60px;
}

.schedule_body h2{
  font-size: 1.6rem;
  margin-bottom: 30px;
  border-left: #fa8072 solid 10px;
  border-bottom: #fa8072 solid 1px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.schedule_body div{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.schedule_body .image1{
  background-image: url(../img/1112.jpeg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image2{
  background-image: url(../img/2222.jpeg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image3{
  background-image: url(../img/2228.jpeg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image4{
  background-image: url(../img/4449.jpg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image5{
  background-image: url(../img/4350.jpg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image6{
  background-image: url(../img/4529.jpg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body .image7{
  background-image: url(../img/4299.jpg);
  background-size: cover;
  background-position: center center;
  width: 48%;
  height: 450px;
}

.schedule_body ul{
  font-size: 1.3rem;
  width: 48%;
  height: max-content;
}

.schedule_body ul li{
  margin-bottom: 30px;
  list-style: circle ;
}

main div.schedule_body:nth-child(4) ul{
  padding-left: 40px;
  width: 90%;
}


@media screen and (max-width: 800px){
  .schedule_body div{
    flex-direction: column;
  }

  .schedule_body .image1{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image2{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image3{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image4{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image5{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image6{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body .image7{
    margin-right: 0;
    margin-bottom: 30px;
    width: 90%;
    height: 450px;
  }

  .schedule_body h2{
    font-size: 1.4rem;
  }

  .schedule_body ul{
    font-size: 1.2rem;
    width: 90%;
    margin-left: 20px;
  }

  main div.schedule_body:nth-child(4) ul{
    padding-left: 0;
  }

}

@media screen and (max-width: 500px){
  .schedule_body .image1{
    height: 200px;
  }

  .schedule_body .image2{
    height: 250px;
  }

  .schedule_body .image3{
    height: 250px;
  }

  .schedule_body .image4{
    height: 250px;
  }

  .schedule_body .image5{
    height: 250px;
  }

  .schedule_body .image6{
    height: 250px;
  }

  .schedule_body .image7{
    height: 250px;
  }

  .schedule_body h2{
    font-size: 1.1rem;
  }

  .schedule_body ul{
  font-size: 1rem;
  }
}



/*event.html*/



.page_body{
  width: 90%;
  margin: 0 auto 0 auto;
  margin-bottom: 120px;
}

.page_body h2{
  font-size: 1.6rem;
  margin-bottom: 30px;
  border-left: #fa8072 solid 10px;
  border-bottom: #fa8072 solid 1px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.page_body div{
  margin: 0 auto;
  max-width: 1000px;
}

.page_body div p{
  margin-bottom: 20px;
  font-size: 1.3rem;
}

.page_body div ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page_body div ul li{
  width: 30%;
  margin-bottom: 60px;
}

.page_body div ul li p span{
  margin: 10px 0 10px 0;
  font-size: 0.9rem;
}

.page_body div ul li div img{
  height: 100%;
  width: 100%;
}

/* .page_body div ul li:first-child div{
  background-image: url(../img/4150.JPG);
  background-size: cover;
  background-position: center center;
}

.page_body div ul li:nth-child(2) div{
  background-image: url(../img/4180.jpg);
  background-size: cover;
  background-position: center center;
}

.page_body div ul li:nth-child(3) div{
  background-image: url(../img/4210.JPG);
  background-size: cover;
  background-position: center center;
}

.page_body div ul li:nth-child(4) div{
  background-image: url(../img/4232.jpg);
  background-size: cover;
  background-position: center center;
}

.page_body div ul li:nth-child(5) div{
  background-image: url(../img/4282.jpg);
  background-size: cover;
  background-position: center center;
}

.page_body div ul li:nth-child(6) div{
  background-image: url(../img/4296.jpg);
  background-size: cover;
  background-position: center center;
} */

@media screen and (max-width: 800px){
  .page_body h2{
    font-size: 1.4rem;
  }

.page_body div p{
  font-size: 1.2rem;
}

  .page_body div ul li{
    width: 45%;
    min-width: 200px;
    margin: 0 15px;
    justify-content: space-evenly;
  }
}

@media screen and (max-width: 550px){
  .page_body h2{
    font-size: 1.1rem;
  }

.page_body div p{
  font-size: 1rem;
}

  .page_body div ul li{
    max-width: 300px;
    width: 100%;
    height: 100%;
    margin: 15px auto;
  }
  .page_body div ul{
    flex-direction: column;
  }
}