/*レイアウト*/
html {scroll-behavior: smooth;}
body {font-family:;}

header.lp_wrap { width:750px; margin:auto;}
aside {width:750px;}
article.lp_wrap { width:750px; margin:0 auto;}
footer {
  width:750px;
  margin:60px auto 150px;
  text-align:center;
}

/*content*/
section img {vertical-align:top; width:100%; height:auto; display:block;}


aside .banner_wrap {
  position:fixed;
  z-index:999;
  bottom:-23px;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
}

.lp_wrap ul {
  list-style:none;
}

.banner_wrap ul {
  list-style:none;
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
  column-gap:0;
  align-items: center;
}

.banner_wrap li {
width:33.333%;
}



.map {
  display:flex;
  justify-content: center;
  text-align:center;
}

.thanks {text-align:center;}
.thanks h2 { font-size:16px; margin-top:15px;}
.thanks p {margin:8px 10px;}

.thanks_voice {position:relative;}

.thanks_voice div {
  position:absolute;
  top:18%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding:0 20px;
  }


.contact_wrap {margin:10px auto;}
.contact_wrap div {
  display: flex;
  justify-content: space-between;
}

.ba_section ul {
  padding:0 20px;
}

.ba_img { margin:10px auto;}

.badexercise_section {
  padding:0px 0 20px;
}
.badexercise_text {
  padding:0 20px;
}

.trial_section {
  background:#efefef;
  padding:20px 10px 40px;
}

.trial_section img {
  margin:10px auto;
}
.trial_section p {
  text-align:center;
  margin-bottom:20px;
}


.trial_img {width:60%;}


.aboutstore_section {
  padding:20px 0 40px;
}
.aboutstore_box {
  margin:20px 0;
  padding:0 20px;
}
.aboutstore_box p { text-align: center;}

.inbody_section {
  margin-top:30px;
}


.voice_section {
  background:#e8e8e8;
  margin:30px 0;
  padding:30px 0;
}
.voice_section div {margin:10px;}

/*アコーディオンメニュー*/
.accordion-001 {
    max-width: 100%;

}

.accordion-001:not([open]) {
    margin-bottom: 20px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

/*
.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;

}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}
*/

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}





.accordion-002 {
    max-width: 100%;
}

.accordion-002:not([open]) {
    margin-bottom: 7px;
}

.accordion-002 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    background-color: #c4c4c4;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.accordion-002 summary::-webkit-details-marker {
    display: none;
}

.accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-002[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    transition: transform .5s, opacity .5s;
}

.accordion-002[open] p {
    transform: none;
    opacity: 1;
}


/*FAQ*/
.faq_section {margin-top:60px; font-family:serif;}
.faq_section dl.faq { width:90%; margin:20px auto 40px; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.faq_section .faq dt { padding-bottom:5px; border-top: 1px solid #333; border-bottom: 1px dashed #333;}
.faq_section .faq .dt_bk { background:#efefef; padding:5px; margin-top:5px;}

.faq_section .faq dd { padding-bottom:10px; }
.faq_section .faq dt p { font-size:25px; font-weight:900; margin:10px 0 5px; }
.faq_section .faq dd p { font-size:25px; font-weight:900; margin:10px 0 5px; }



/*
.content_wrap .faq dt {border:1px solid #707070; background:#b0b0b0; font-weight:900; display:flex; padding:0 10px; align-items:center;}
.content_wrap .faq dt div { width:30px; height:30px; content:"Q"; border-radius:50%; background:#fff; border:2px solid #000; display:inline-block; text-align:center; line-height: 30px; margin-right:20px;}
.content_wrap .faq dt p {width:80%; margin:30px 0;  text-align:left;}

.content_wrap .faq dd {border:1px solid #707070; margin-top:-1px; display:flex; padding:0 10px; align-items:center;}
.content_wrap .faq dd div {width:30px; height:30px; content:"A"; border-radius:50%; background:#fff; border:2px solid #093c6b; color:#093c6b; display:block; text-align:center; line-height: 30px; margin-right:20px;}
.content_wrap .faq dd p {width:80%; margin:30px 0; text-align:left;}
*/



/*footer*/
footer .copyright {background:#eae6dd; margin-top:20px; padding:15px 0;}


/*contactform*/
.contact_title { margin:20px 0; }
.lp_wrap .contact_form form { width:95%; margin:auto;}
.lp_wrap .contact_form label { font-size:18px; display:block;}
.lp_wrap .contact_form span { display: inline-block; background:#0d9366; color:#fff; border-radius: 20px; padding:5px 10px; margin-left: 20px; margin-bottom:5px; font-size:14px;}
.lp_wrap .contact_form input[type="text"] { width:50%; border-radius:5px; height:30px; margin-bottom:20px; border:1px solid #000; padding:5px;}
.lp_wrap .contact_form input[type="date"] { background:#fff; width:180px; height:30px; line-height:30px; border-radius:5px; margin:0; padding:0; margin-bottom:20px; border:1px solid #000; color:#4d4b49; display: block;}
.lp_wrap .contact_form input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.lp_wrap .contact_form select {  background:#fff; width:55%; height:30px; border-radius:5px; margin:0; padding:0; margin-right:10px; margin-bottom:20px; border:1px solid #000; color:#4d4b49; display: inline-block;}
.lp_wrap .contact_form textarea { width:80%; border-radius:5px; margin-bottom:20px; border:1px solid #000; padding:5px;}
.lp_wrap .contact_form input[type="submit"]{
    appearance: none;
    -webkit-appearance: none;

    width: 50%;
    height:60px;
    font-size: 15px;
    color: #fff;
    display:block;
    margin:20px auto;
    text-align: center;
    background-color: #0d9366;
    border: 1px solid #046f4b;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    font-weight:900;
    transition: background-color 1s;
  }

.map_img{ width:95%; margin:20px auto; }
.map_img iframe { width:100%; margin:20px auto; }

.page-top { text-decoration:none; color:#0d9366; font-weight:900; display: inline-block; margin:40px auto;}
/*スマフォ表示*/
@media screen and ( max-width: 768px){
  header.lp_wrap {width:100%;}
  aside {width:100%;}
  aside .banner_wrap {width:100%;}
  article.lp_wrap {width:100%;}

  footer {width:100%;}
}
