@charset "utf-8";
/*---------------------------------
リセットｃｓｓ
---------------------------------*/

*{
    padding: 0;
    margin: 0;
  }



html{
 font-size: 100%;
}
/*１６ｐｘのこと*/

body{
 color: #24292e;
 font-family: "YakuHanJP",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 overflow-x : hidden;
 -webkit-overflow-scrolling: touch;

}

a{
 text-decoration: none;
}

img{
 max-width: 100%;
}

li{
 list-style: none;
 font-size: 1.2rem;
}

.wrapper{
max-width: 1000px;
margin: 0 auto 130px auto;
font-size: 0.9rem;
padding: 0 4%;
}

.button {
  position: relative;
  display: inline-block;
  padding: 0.8em 2em;
  text-decoration: none;
  color: black;
  background: pink;/*色*/
  border: solid 1px pink;/*線色*/
  border-radius: 25px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  text-shadow: 0 1px 0 rgba(0,0,0,0.2);
  font-size: 16px;
}

.button:active {
  /*押したとき*/
  border: solid 1px #03A9F4;
  box-shadow: none;
  text-shadow: none;
  
}
.button:hover{
  opacity: 0.8;
}






/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.headmenu .boxs img {
 width: 250px;
}


#top1 {
  margin-top: 80px;
}
#top1 .flex {
  display: flex;
  align-items:flex-start;
  justify-content: space-between;
}
#top1 .photo {
  width: 400px;
}
h1 {
  padding: 15px 0;
}
   
h2{
  font-size: 1.5rem;
  text-align: center;
  padding-top:  100px;
  border-bottom: solid 10px #F1B0B2;

  
}
 

#top1 .one-w {
  font-size: 18px;
  margin-bottom: 20px;
}



#top1 .one-c p{
  font-size: 22px;
  color: #CB5266;
  margin-bottom: 10px;
  font-weight: bold;
}
#top1 .one-d {
  margin-bottom: 20px;
  font-size: 17px;
}
#top1 .one-e {
  margin-bottom: 20px;
  font-size: 17px;
}

#top1 strong {
  color: #CB5266;
  font-size: 20px;

}
#top2 {
  text-align: center;
}
#top1 h1 strong {
  font-size: 30px;
}


#top2 h3  {
  padding: 10px;
  font-size: 18px;
  text-align: left;
  margin-left: 100px;
  text-align: center;
  margin-top: 50px;

}
#top2 h3 p {
  padding: 4px;
}
h3 strong {
  color:#CB5266;
}
#top2 .flex {
  display: flex;
  justify-content: center;
}
#top2 .box {
  padding: 10px;
}
#top2 .box img {
  width: 300px;
  height: auto;
}
 
.sp {
  display: none;
} 
 @media screen and (max-width:600px) {
  h1 {
    margin-bottom: 20px;
    padding: 0;
  
  }
  h1 span {
    display: block;
  }
 
 
  #top1 h1 strong {
    font-size: 20px;
  }
h3 span {
  display: inline-block;
}
#hero {
  margin-top: 60px;
}
#hero img {
  width: 100%;
  height: auto;
  padding: 0px;
}
#top1 .flex {
  flex-direction: column;
}
#top1 p {
  text-align: left;

}
#top1 .one-c p {
  font-size: 19px;
}

#top1 .one-d {
  margin-top: 20px;
}
#top1 .one-w {
  text-align: center;
}
#top1 .one-w span {
  display: inline-block;
}
#top1 .one-e {
  margin-bottom: 50px;
}

.pc {
  display: none;
}
.sp-a img{
  margin-top: 20px;
}
}


  #top2 .flex {
    flex-direction: column;
  }
  #top2 .box img {
    width: 100%;
    height: auto;
  }
  #top2 h3 p {
    padding: 10px;
    margin-left: 0px;
  }
 



/*---------------------------------
フェリアをご覧になった方へ（タイトル）
---------------------------------*/  
  #hero p{
    text-align: center;
    font-size: 40px;
    padding-top: 100px;
  }
   
  #hero h3 {
    text-align: center;
  }
  @media screen and (max-width:600px) {
    #hero p{
      text-align: center;
      font-size: 30px;
      padding-top: 60px;
    }
    #hero img{
      margin-top: 58px;
   
  }

}
/*---------------------------------
マルヤガーデンズ案内
---------------------------------*/ 

#about .button{
    padding: 10px 50px;
    background: #d13244;
    color: white;
    display: inline-block;
    text-decoration: none;
    border-radius: 30px;
    margin: 40px;
  }
  
  
#about .button:hover{
    opacity: 0.8;
  }
  

#about {
    text-align: center;
    max-width: 960px;
    padding: 20px;
    margin-top: 100px;
  }
  
#about .flex {
    display: flex;
    justify-content: center;
}  
  
#about h1{
  text-align: center;
    font-size: 1.8rem;
    margin-bottom: 30px;
  }

#about strong {
    color: #d13244;
   }
#about .text{
 margin-bottom: 20px;
 display: inline-block;
 
}
#about p{
 padding: 2px;
 text-align: left;
}
#about h2 {
    display: none;
}
#about h3 {
    text-align: center;
    padding: 10px 0;
    font-size: 25px;
}
#about h4{
    text-align: center;
    
}
#about .box {
    padding: 20px;
}
#about .box .photo-g {
    width: 400px;
}

@media screen and (max-width:600px) {
 
#about {
  padding: 0px;
  margin-top: 20px;
}
 #about h1{
   font-size: 2rem;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 0;
   padding-top: 30px;
 }
 #about h2{
  margin-top: 20px;
 }
 #about .flex {
    flex-direction: column;
 }
 #about h1 span{
  display: inline-block;
 }
 #about p{
   font-size: 1rem;

 }
 #about h3 span {
  display: inline-block;
 }

 #about h4{
  font-size: 15px;
  
} 
#about h4 span {
    display: inline-block;
}
#about a span {
  display: inline-block;
}
#about a {
  width: 100%;

}
#about .button{
   margin: 0px;
 }

 #about .box {
  padding: 10px;
} 
 #about .box .photo-g {
  width: 100%;
}
#about .box .photo-e {
  width: 100%;
}



}


/*---------------------------------
体験
---------------------------------*/

#contents{
  max-width: 960px;
  margin: 0 auto 130px auto;
  font-size: 0.9rem;
  padding: 0 4%;
  }

  
#contents h2 {
  color: #149ad8;

}
#contents .flex {
  display: flex;
}
#contents .flex .box {
  max-width: 450px;
  margin: 20px;
}
#contents h3 {
text-align: center;
font-size: 20px;

}
#contents .title3 {
  padding-top: 20px;
  margin-top: 40px;
}

h4{
padding: 10px;
font-size: 17px;
}
#contents strong {
color: #d13244;
}
#contents .title-h3 {
padding: 1px;
margin-top: 1px;

}
#contents h5 {
  text-align: right;
  margin-top: 30px;
}
@media screen and (max-width:600px) {
  
  #contents{
    padding: 0;
    }
  #contents .flex {
      flex-direction: column;
  }
  #contents h2 {
    padding: 0;
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 25px;
  }
  #contents h2 span {
    display: inline-block;
  }
  #contents h3 span {
    display: inline-block;
  }
  #contents h4 {
    margin: 10px;
  }

}

/*---------------------------------
気とは
---------------------------------*/ 
#ki h2 {
    margin: 50px;
    text-align: center;
}
#ki .flex {
    display: flex;
}
#ki h3 {
    padding: 10px 0;
}
@media screen and (max-width:600px) {
    #ki .flex {
        flex-direction: column;
    }
    #ki.box:nth-child(1){
        order: 2;
    }
    #ki.box:nth-child(2){
        order: 1;
    }
    #ki h2 {
        text-align: center;
        margin: 100px 0 50px 0;
        font-size: 25px;
    }
}



  
/*---------------------------------
気の滞り
---------------------------------*/

#contents_b .flex {
  display: flex;
} 
#contents_b h2 {
  margin: 100px 50px 50px 50px;
  text-align: center;
  font-size: 25px;
}
#contents_b img {
  width: 200px;
}
@media screen and (max-width:600px) {
  #contents_b .flex {
    flex-direction:column;
  } 
  
#contents_b img {
  width: 100%;
}
#contents_b h2 {
  margin: 80px 0 30px 0;
}
#contents_b h2 span {
  display: inline-block;
}  
}

/*---------------------------------
こころとからだつながっている
---------------------------------*/

#contents_a .flex {
  display: flex;
} 
#contents_a h2 {
  margin: 100px 50px 50px 50px;
  text-align: center;
  font-size: 25px;
}
#contents_a h3 {
  font-size: 20px;
  text-align: center;
}

#contents_a h5 {
  font-size: 20px;
  color: #d13244;
}
#contents_a h6 {
  font-size: 18px;
}
#contents_a .box {
  width: 50%;

}
#contents_a .box_a {
    background-color: #f8b879;
    margin: 2em 0;
    padding: 2em;
    position: relative;
    width: 50%;
}
.box_a::after {
    content: "";
    border-color: #96806f #fff #fff #9c8878;
    border-style: solid;
    border-width: 0 0 24px 24px;
    bottom: 0;
    position: absolute;
    right: 0;
}
#contents_a .box_a h6 {
  margin-bottom: 20px;
}
#contents_a .pc { 
  display: block !important; 
}
#contents_a .sp { 
  display: none !important; 
}

@media screen and (max-width:600px) {
  
#contents_a .flex {
  flex-direction: column;
}

#contents_a .pc { 
  display: none !important; 

}
#contents_a .sp { 
  display: block !important; 

}
#contents_a h2 {
  margin: 80px 0 30px 0;

}

#contents_a h3 {
  font-size: 16px;
  text-align: center;
}
}

/*---------------------------------
学長
---------------------------------*/ 
#one-a {
    margin-top: 50px;
}
#one-a .flex {
    display: flex;
    justify-content: center;
    align-items:flex-start;
  
  }
  #one-a .box {
    padding-right: 20px;
  }
  #one-a .box p {
    font-size: 15px;
  }
  #one-a .photo-a {
    width: 600px;
    height: auto;
    border-radius: 25px;
  }
  #one-a h3 {
    margin: 20px 0px;
  
  }
  
  #one-a h4 {
    padding:10px;
    font-size: 20px;
  }
  #one-a .point {
    color:#E30021;
  }
  #one-a strong {
    color:blue;
    font-size: 16px;
  }

  

@media screen and (max-width:600px) {
    #one-a .flex {
      flex-direction: column;
    }
    #one-a .profile{
      display: none;
    }
    #one-a h2 {
      text-align: center;
      font-size: 23px;
    }
    #one-a h3 {
      text-align: center;
    }
    #one-a h3 span {
      display: inline-block;
    }
    #one-a h4 {
      text-align: center;
    }
 
  
}



#one-f .flex {
    display: flex;
    align-items: flex-end;
  }
  #one-f h3 {
    padding-left: 50px;
    margin-top: 30px;
  }
  
  .book-title {
    font-size: 13px;
  }
  .book-kikan {
    margin: 0px 20px;
  }
  .book-kikan p{
    font-size: 11px;
  }
  
  #one-f {
    margin-bottom: 50px;
  }

  @media screen and (max-width:600px) {
   
    #one-f .flex {
        flex-direction: column;
      }


      #one-f h3 {
        padding-left: 0px;
      }
      
  .book-img {
    width: 100%;
    height: auto;
    margin-right: 20px;
  }
  .book-imeg {
    width: 100%;
    height: auto;
  
  }
  .book-kikan {
    padding-right: 35px;
    text-align:left;
  }
  .book-title {
    text-align: center;
  }
  
.book-kikan {
    padding-right: 35px;
    text-align:left;
  }
  }


  #one-b .flex {
    display: flex;
    justify-content:space-between;
    align-items:flex-start;
  }
  #one-b .box {
    padding: 10px;
  }
  .photo-b {
    width: 280px;
    height: auto;
    border-radius: 25px;
  }
  #one-b h3 {
    margin-bottom: 20px;
  }
  #one-b h3 {
    font-size: 20px;
  
  }
  #one-b h4 {
    margin: 20px 0;
    font-size: 17px;
  }
  #one-b {
    margin-top: 100px;
  }
  #one-b .box22 {
    margin-bottom: 20px;
  }
  #one-b img {
    width: 400px;
    height: auto;
  }  
  #one-b .photo-m {
    width: 350px;
    border-radius: 25px;

  }

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

    #one-b {
        text-align: center;
      }
      #one-b .box22 {
        text-align: left;
        margin-bottom: 20px;
      }
      #one-b .flex {
        flex-direction: column;
      }
      #one-b .box:nth-child(1){
        order: 2;
      }
      #one-b .box:nth-child(2){
        order: 1;
      }
      #one-b p {
        text-align: left;
      }
      #one-b img {
        width: 100%;
        height: auto;
      }
      #one-b .photo-m {
        padding: 50px;
        border-radius: 25px;

      }

  }
/*---------------------------------
アクセス
---------------------------------*/

aside h2 {
    text-align: center;
    font-size: 25px;
    margin-top: 80px;
    margin-bottom: 20px;
    color: #333;
  }
  
  aside h3 span {
    display: inline-block;
  }
  aside address {
  font-style: normal;
  }
  #access .flex {
    margin-top: 20px;
    text-align: center;
  
  }
  #map .flex {
    display: flex;
    justify-content: center;
  }
  
  #map ul {
    padding: 10px;
  }
  
  #map .one {
    font-size: 15px;
    text-align: right;
  }
.photo .box img {
    padding: 10px;
}

@media screen and (max-width:600px) {
    
    
  #map .flex {
      flex-direction: column;
      
    }
  #map iframe {
      max-width: 100%;
      height: auto;
    } 
  #map .box p {
    text-align: left;
   }
  #map ul li span {
    display: inline-block;
   }
    aside {
      text-align: center;
    }


    

  
  aside h2 span {
    display: inline-block;
  }
  aside address ul li {
    text-align: left;
  }
  .photo .box img {
    width: 100%;
    height: auto;
}
h4 {
  padding: 0;
}
  }



/*---------------------------------
3つの気のトレーニング横並び
---------------------------------*/

#menu2{
  background-color:#f5b9be;
  padding: 30pX;
  margin-top: 50px;
  
}
#menu2 h2{
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 20px;
}
#menu2 .flex{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
#menu2 .box{
  width: 350px;
  margin-bottom: 20px;
}
#menu2 .box img{
  width: 100%;
  height: auto;
}
#menu2 .box p{
  text-align: justify;
  margin-bottom: 20px;
}
#menu2 .box a{
  display: inline-block;
  padding: 10px 50px;
  background: #73A82D;
  color: white;
  text-decoration: none;
  border-radius: 30px;
}
#menu2 .box a:hover{
  opacity: 0.8;
}
#menu2 p{
  font-size: 13px;
}
#menu2 h3 {
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin-top: 0;
}


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

    #menu2{
      padding-left: 2px;
      padding-right: 2px;
      
    }
   
    #menu2 h2{
      font-size: 1.3rem;

   }
   #menu2 h3{
    font-size: 1.4rem;
    margin-top: 10px;
   }
   #menu2 .box p{
    font-size: 0.9rem;
  }

   

  }

#event {
  
  margin-bottom: 50px;
  margin-top: 80px;
  max-width: 1000px;
  margin: 0 auto;
}
#event .flex {
  display: flex;
  
}
#event .box {
  padding-top: 30px;
}
#event h2 {
  margin-top: 80px;
  border-bottom:solid black 1px;
  display:inline-block;
}
#event .title-t {
  margin-bottom: 10px;
}
#event img {
  padding: 10px;
}

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

#event .flex {
  flex-direction: column;  
}
#event h2 span {
  display: inline-block;
}
#event h2 {
  text-align: center;
}
#event img {
  width: 100%;
  height: auto;
  padding: 5px;
}
#event p {
  padding-left: 10px;
  padding-right: 10px;
}
}


#instagram {
  
  margin-bottom: 50px;
  margin-top: 80px;
  max-width: 1000px;
  margin: 0 auto;
}

#instagram .flex{
  display: flex;
  justify-content: space-between;
  

}

#instagram h2 {
  margin-top: 80px;
  border-bottom:solid black 1px;
  display:inline-block;
}




/*---------------------------------
本
---------------------------------*/
#book {
  padding-top: 80px;
  padding-bottom: 100px;

}
#book .flex{
  display: flex;
  justify-content: center;
  align-items:flex-start;


}
#book .book_photo{
  width: 200px;
  height: auto;
  padding: 0 10px;

}
#book .book_photo_a{
  width: 300px;
  height: auto;

}
#book a{
  text-align: left;
}

#book h2 {
  font-size: 28px;
  text-align: center;
  font-weight: bold;
  margin: 100px 50px 50px 50px;
  
}
#book h3 {
  font-size: 25px;
  padding: 0;
  text-align: left;
}  
 
#book h3 strong{
  color: red;
}  
#book .button{
  display: inline-block;
  padding: 10px 50px;
  background: blue;
  color: white;
  text-decoration: none;
  border-radius: 30px;
}
#book .box a:hover{
  opacity: 0.8;
}
#book .box .one {
  margin: 10px;
}

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

  #book .flex{
    margin: 5px;
    flex-direction: column;
  }
  #book {
    margin-top: 0;
  }  

  #book .book_photo{
    width: 100%;
    height: auto;
    padding: 0;
    margin-left: 50px;
  
  }
  #book .book_photo_a{
    width: 100%;
    height: auto;
    padding: 5px;
  }
#book h3 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}  

#book h3 span{
  display: inline-block;
}  
#book h4 {
  margin-bottom: 20px;
}
#book p {
  margin-left: 10px;
  text-align: center;
  
}
}
  



#business-trip {
  margin-top: 100px; 
  
}
#business-trip h2{
  padding: 20px;
}
#business-trip .box{
padding: 15px;
margin-left: 120px;
}
#business-trip p{
  padding-top: 20px;
}


#business-trip ul li{
  text-align: left;
}
#business-trip .flex{
  display: flex;
  
}
@media screen and (max-width:600px) {
  #business-trip .flex{
flex-direction: column;
text-align: center;
  }
  #business-trip .box{
    padding: 10px;
    margin-left: 0;
    }
    #business-trip ul li{
      margin-left: 10px;
    }
    #business-trip h2{
      padding: 20px 0px;
    }
    
}


#bunner .bunner_w {
  width: 800px;
    margin: 0 auto;
}

@media screen and (max-width:600px) {
  #bunner .bunner_w {
    width: 100%;
  }
}  

/*---------------------------------
フッター
---------------------------------*/

footer {
  background-color: #F09199;
  padding-top: 50px;
}
footer p {
  text-align: center;
}
footer .footer-top  {
  text-align: center;
  height: 250px;
  
}
.tel {
  
padding: 0.8em 2em 1.2em 2em;
text-decoration: none;
color: black;
background: white;/*色*/
border: solid 1px white;/*線色*/
border-radius: 25px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
font-size: 23px;


}

.footer-top .flex {
  display: flex;
  justify-content: center;
  margin: 30px 0 80px;
}
.footer-top a:hover {
  opacity: 0.5;

}
.footer-top .box {
  margin-top: 50px;
}
.footer-two {
  background-color: #333;
}
.footer-two p {
  color: white;
  font-size: 10px;
}
footer .footer-one {
  background-color: #333;
}
footer .footer-one ul li {
  font-size: 13px;

}
footer .footer-one ul li a {
  color: white;
}



/* ナビ */
.footer-one{

  padding-bottom: 0px;
  background-color: pink;
  
 
 }
.footer-one ul {
           display: flex;
           margin: 0 auto;
           padding: 0 3%;
           width: 94%;
           max-width: 1200px;
           list-style-type: none;
      }
.footer-one ul li {
                position: relative;
                width: 20%;
                font-size: 1rem;
                font-weight: bold;
           }
.footer-one ul li:first-child::before {
                position: absolute;
                display: block;
                content: "";
                top: 25%;
                left: 0px;
                width: 1px;
                height: 50%;
                background-color: #976d52;
           }
.footer-one ul li::after {
                position: absolute;
                display: block;
                content: "";
                top: 25%;
                right: 0px;
                width: 1px;
                height: 40%;
                background-color: #976d52;
           }
.footer-one ul li a {
                     display: block;
                     padding: 17px 10px;
                     color: black;
                     text-align: center;
                     
                }
.footer-one ul li a:hover {
                     opacity: 0.5;
                }



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

  footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }

.footer-top a img {
  max-width: 100%;
  height: auto;
}
.footer-top {
  margin-bottom: 50px;
}
.footer-top .box {
  padding: 10px;
  margin: 30px 0;
}
.footer-top img {
  margin-top: 4px;
  margin-bottom: 10px;
}
.footer-top p {
  padding: 2px;
}
.footer-top .flex {
  flex-direction: column;
}
.footer-one ul {
  flex-direction: column;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 0;
}
.footer-one ul li:first-child::before {
  display: none;
}
.footer-one ul li::after {
  display: none;
}
.footer-one ul li {
  font-size: 16px;
  padding:5px;
  width: 100%;
}
.footer-one ul li a {
  display:inline;
  
  
}

}  
  /*---------------------------------
  トップへもどるボタン
  ---------------------------------*/
  
  .go-top{
    position: fixed;
    bottom: 100px;
    left: 30px;
    z-index: 9999;
    
  }
  .go-top a{
    
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #E94E66;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    color: black;
    text-decoration: none;
  
    
  
    
  }
  
  .go-top a:hover{
      opacity: 0.8;
    }
    @media screen and (max-width:600px) {
      
  .go-top{
    position: fixed;
    bottom: 100px;
    left: 0px;
    z-index: 9999;
    
  }
    }