@charset "UTF-8";
/* CSS Document */
.header {
  display: flex;
  justify-content: space-between;
  height: 50px;
/*  background-color: #62534c;*/
}
.header h1 {
  display: inline-block;
  font-size: 20px;
  color: #d1cfce;
  margin: 18px 0 18px 14px;
}

.reserve {
  margin-bottom: 0;
}
.reserve a {
  display: inline-block;
  background-color: #62534c;
  color: #fcfcfc;
  padding: 18px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.top {
  margin-left: 14px;
}
.top_img img {
  width: 100%;
  height: auto;
  
}
.top_desc {
  padding: 60px 0 70px 0;
  text-align: left;
  line-height: 2.5;
  letter-spacing: 0.2em;
  font-weight: 500;
}


.top_bg {
   background-image: url("../images/top_bg.png");
  background-size: cover;
  
}

@media(min-width: 540px) {
  .header h1 {
  margin: 18px 0 18px 32px;
}
    .top {
  margin-left: 32px;
}
    .top_desc {
  font-size: 18px;
}
}







/*about*/
.about {
  background-image: url("../images/about_bg.png");
    background-size: cover;
  padding-bottom: 80px;
}
.about_ttl {
  background-color: #62534c;
  color: #fcfcfc;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  padding: 18px 0;
}
.about_desc1,.about_desc2 {
  margin-top: 60px;
  letter-spacing:  0.1em;
  line-height: 2;
}
.about_desc2 {
  margin-top: 30px;
}








/*IR*/
.instructor {
  position: relative;
  margin-right: 14px;
}

.ir_img img {
  width: 100%;
  height: auto;
}
.circle_img {
  position: absolute;
  top: 90px;
  right: 0;
  animation: rotation 10s linear infinite;
}

.circle_img img {
  width: 112px;
  height: auto;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
  }
@media(min-width: 600px) {
  .circle_img img {
 width: 160px;
}
}


.ir_btn {
  padding-top: 60px;
  margin-bottom: 80px;
  text-align: center;
}
.ir_btn a {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  color: #fcfcfc;
  letter-spacing: 0.1em;
  padding: 18px 0;
  width: 230px;
  text-align: center;
  background-color: #62534c;
  border-radius: 60px;
  
}

@media(min-width: 540px) {
  .instructor {
 margin-right: 32px;
}
  .circle_img img {
  width: 150px;
  height: auto;
}
}








/*class*/
.class {
  background-color: #7c6b63;
  padding-bottom: 80px;
}
.class_ttl {
  color: #fcfcfc;
}
.class ul {
  list-style: none;
  margin-left: 14px;
}

.class h3 {
  font-size: 20px;
  font-weight: 500;
  color: #62534c;
}
.class p {
  margin-top: 18px;
  line-height: 1.5;
}
.relax,.basic,.diet {
  background-color: #fcfcfc;
  margin-top: 30px;
  padding: 30px 0 30px 24px;
border-radius: 20px 0 0 20px;
}


/*slideIn*/
.relax {
  margin-top:0;
  
}

.relax h3 {
  display: inline-block;
  border-bottom: solid 10px #e3d866;
  line-height: 0.3;
}
.basic h3 {
  display: inline-block;
  border-bottom: solid 10px #8fbdff;
  line-height: 0.3;
}
.diet h3 {
  display: inline-block;
  border-bottom: solid 10px #f39069;
  line-height: 0.3;
}






.class_btn {
  padding-top: 60px;
  text-align: center;
}
.class_btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  color: #fcfcfc;
  letter-spacing: 0.1em;
  padding: 18px 0;
  width: 230px;
  text-align: center;
  color: #62534c;
  background-color: #fcfcfc;
  border-radius: 60px;
  box-shadow: 5px 5px 1px 1px #60534d; 
}

  @media(min-width: 540px) {
  .class ul {
 margin-left: 32px;
}
}





/*price*/
.price {
  margin-bottom: 80px;
}
.price ul {
  list-style: none;
  margin: 0 14px;
  text-align-last: center;
}

.price li {
  margin-top: 30px;
  border-radius: 5px ; 
  padding: 2px 14px 16px 14px;
  background-color: #fff;
  border-radius: 5px;
}

.trial {
  color: #e3d866;
  border: 2px solid #e3d866;
}
.onetime {
  border: 2px solid #8fbdff;
}
.fourtime {
  border: 2px solid #f39069;
}
.mgm {
  color: #fcfcfc;
background-image: linear-gradient(180deg, #FBAB7E 0%, #F7CE68 100%);
}
.trial p {
   color: #e3d866;
}
.onetime p {
   color: #8fbdff;
}
.fourtime p {
   color: #f39069;
}
.mgm p {
  color: #fcfcfc;
  font-weight: 500;
  padding: 2px 0 4px;
}
.ttl {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: 2.8;
}
.trial_ttl {
  border-bottom: 1px solid  #e3d866;
}
.onetime_ttl {
  border-bottom: 1px solid #8fbdff;
}
.fourtime_ttl {
  border-bottom: 1px solid #f39069;
}
.mgm_ttl {
  border-bottom: 1px solid #fff;
}
.yen {
  font-size: 28px;
  font-weight: 500;
}
.mgm_present {
  font-size: 20px;
}

.price_btn {
  padding-top: 60px;
  text-align: center;
}
.price_btn a {
  display: inline-block;
  font-size: 16px;
  color: #fcfcfc;
  letter-spacing: 0.1em;
  padding: 18px 0;
  width: 230px;
  text-align: center;
  background-color: #62534c;
  border-radius: 60px;
/*  box-shadow: 3px 3px 3px 3px #ddd5c9;*/
}

@media(min-width: 540px) {
  .price ul {
 margin: 0 32px;
}
    .price li {
 padding: 2px 14px 16px 32px;
}
}







/*info*/
.info {
  background-image: url("../images/about_bg.png");
  background-size: cover;
  padding-bottom: 80px;
}
.wrapper {
  border: 1px solid #62534c;
  padding: 24px 24px;
  margin: 0 14px;
}

.info h3 {
  font-size: 16px;
  color: #62534c;
}
.info p {
  margin-top: 16px;
  line-height: 1.2;
}

@media(min-width: 540px) {
  .wrapper {
 margin: 0 32px;
}
  .info h3 {
  font-size: 18px;
}
}





/*access*/
.access {
  margin-bottom: 80px;
}
.access ul {
  list-style: none;
  border-left: 1px solid #62534c;
  padding-left:14px;
  margin: 0 14px;
}

.access li {
  margin-top: 28px;
  line-height: 1.2;
}


/*btn*/
.qa_btn {
  text-align: center;
  margin-bottom: 80px;
}
.qa_btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  font-style: normal;
  color: #fcfcfc;
  letter-spacing: 0.1em;
  padding: 18px 0;
  width: 230px;
  text-align: center;
  background-color: #62534c;
  border-radius: 60px;
}
  @media(min-width: 540px) {
  .access ul {
 padding-left:32px;
  margin: 0 32px;
}
}




/*
.blog_btn {
  padding-top: 64px;
margin-bottom: 80px;
  text-align: center;
}
.blog_btn a {
  display: inline-block;
  font-size: 16px;
  font-weight: 200;
  font-style: normal;
  color: #fcfcfc;
  letter-spacing: 0.1em;
  padding: 18px 0;
  width: 230px;
  text-align: center;
  background-color: #62534c;
  border-radius: 60px;
}
*/








/*footer*/
.footer {
  background-color: #62534c;
  color: #fcfcfc;
  text-align: center;
  padding: 10px 0;
}
.insta {
  text-align: center;
  margin-bottom: 24px;
}
.insta img {
  width: 29px;
  height: auto;
}