@charset "utf-8";

/*
Share Style [
----------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

p, li, dt, dl {
  line-height: 1.6;
  font-weight: 300;
}

p {
  margin: 0 0 1em 0;
}

img {
  border: 0;
}

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

body {
  font-family: "遊ゴシック体","游ゴシック","Noto suns JP" "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;
  width: 100%
}

body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
  overflow-y: scroll;
  font-size: 16px;
}


.popup-content {
  display: none;
  width: 80%;
  padding: 20px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
  z-index: 90;
  opacity: 0;
}
/*
input {
  display: none;
}
*/
/* ポップアップwindow部分 */
#overlay {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 70;
  width: 100%;
  height: 100%;
}
/* オーバーレイの背景部分 */
#bg_gray {
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 80;
}
/* ウィンドウ部分 */
#window {
  width: 80%;
  padding: 20px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
  z-index: 90;
  opacity: 0;
}
/* 閉じるボタン */
#btn_cloth {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #CE5D8B;
  border-radius: 5px;
  z-index: 100;
  cursor: pointer;
}
#btn_cloth:hover {
  opacity: 0.7;
}
#btn_cloth span,
#btn_cloth span::before {
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #fff;
}
#btn_cloth span {
  transform: rotate(45deg);
}
#btn_cloth span::before {
  content: "";
  position: absolute;
  bottom: 0;
  transform: rotate(-90deg);
}


/* クリックで表示 */
#popup:checked ~ #overlay {
  visibility: visible;
}
#popup:checked ~ #overlay #window {
  animation: fadein 500ms forwards;
  animation-timing-function: ease-in-out;
}
@keyframes fadein {
  100% {
      opacity: 1;
  }
}


/* コンテンツ部分のスタイル */
body {
  margin: 30px;
}


#txt_label {
  text-decoration: underline;
  cursor: pointer;
}
#txt_label:hover {
  opacity: 0.7;
}


#msg a {
  display: inline-block;
  color: #fff;
  background: #CE5D8B;
  border-radius: 20px;
  padding: 0.5em 1.5em;
  text-decoration: none;
}
#msg a:hover {
  opacity: 0.7;
}



a {
  text-decoration: none;
  color: #333;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* .video{
  width: 100%;
  margin: 0 auto;
  padding: 0 4%;
  width: 100%;
  box-sizing: border-box;
} */



.video{
  width: 340px;
}
.movie{
  width: 200px;
}
/* ページトップへ（アロー） */
.pagetop {
  height: 60px;
  width: 60px;
  position: fixed;
  right: 10px;
  bottom: 100px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.pagetop__arrow {
  height: 10px;
  width: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  transform: translateY(20%) rotate(-45deg);
}

.tel{
  display: none;
}
.a8_tel{
  display: none;
}

header {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 60px;
  /* background-color: #0066ff; */
  background-color: #ffffffd8;
  /* border-bottom: solid;
  border-color: #eee; */
}

header h1 {
  position: absolute;
  top: 1.2rem;
  left: 2%;
}

header .logo img {
  width: 14rem;
}
header p {
  position: absolute;
  top: 0.1rem;
  left: -1%;
  transform: scale(0.9);
  font-weight: bold;
  color: #202020;
}

.privacy{
  margin-top: 7rem;
  width: 90%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* カルーセルの外枠 */
/* .carousel {
  width: 100%;
  display: flex;    
  overflow: hidden; 
  margin: 0 auto;   
} */
/* カルーセル内の画像 */
/* .carousel img {
  margin: 0;
  padding: 0;
  display: block; 
} */
/* スクロールアニメーションのキーフレーム */
/* @keyframes scroll { */
  /* 初期位置は1個目の画像が左端 */
  0% { margin-left: 0; }      
  /* 1個分左の位置に進めて2個目の画像を左端にする */
  20% { margin-left: -100%; }
  /* 少しの間上と同じ位置 */  
  25% { margin-left: -100%; }
  /* 2個分左の位置に進めて3個目の画像を左端にする */
  45% { margin-left: -200%; }
  /* 少しの間上と同じ位置 */  
  50% { margin-left: -200%; }
  /* 以降は上と同様に繰り返し */
  70% { margin-left: -300%; }
  75% { margin-left: -300%; }
  95% { margin-left: -400%; }
  100% { margin-left: -400%; }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.carousel > :first-child {
  animation-name: scroll;    /* キーフレーム名 */
  animation-duration: 28s;  /* 再生時間全体は20秒 */
  animation-delay: 0s;      /* 読込直後から遅延無しで開始 */
  animation-iteration-count: infinite;  /* 無限に繰り返す */
}

.call {
  position: absolute;
  top:0.8rem;
  left: 68%;
  /* right: 12%; */
}
.call img{
  width: 100%;
}

.head_ex p{
  padding-top: ;
  
}
.a_call {
  position: absolute;
  top:0.8rem;
  left: 68%;
  /* right: 12%; */
}
.a_call img{
  width: 100%;
}


.csl_area{
  width: 90%;
  background-color: #a8a5a5ae;
  margin-top: 0rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0rem;
}
.csl_ex{
  color: #ffffff;
  text-align: center;
  font-size: 100%;
}
.csl_btn{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.csl_btn img{
  width: 100%;
  padding-top: 0rem;
}
.pc_fv{
  display: none;
}
.mainpic{
width: 100%;
text-align: center;
margin-top: 3.5rem;
margin-bottom: -1.5rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.mainpic img{
  width: 100%;
}

.line_circle{
    width: 27vw;
    position: absolute;
    left: 18vw;
    bottom: 20vw;
}
.line_circle img{
  max-width: 100%;
}
.mainpic .linecircle_img{

}
.mainpic .linecircle_txt{
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1.25);
  animation: rotation 12s linear infinite;
}

@keyframes rotation {
  0%{ 
    transform: rotate(0deg) scale(1.25);
  }
  100%{ 
    transform: rotate(360deg) scale(1.25);
  }
}

.bounce {
  animation: bounce 1s infinite alternate;
}
@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  25%, 75% { transform: translateY(-3px); }
  50% { transform: translateY(0); }
}
.service_point{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem;
  margin-bottom: -1.5rem;
}
.service_point img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.achievement-box {
    /* 外枠の設定 */
    border: 1px solid #fff9c4; /* 薄い黄色のボーダー */
    padding: 20px 60px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    width: 90%;
    margin-bottom: 3rem;
}

.main-line, .sub-line {
    /* 共通のテキストスタイル */
    color: #ee4a5e; /* 画像に近いピンク・コーラル色 */
    font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Meiryo", sans-serif;
    font-weight: 900; /* 極太 */
    font-style: italic; /* 斜体 */
    margin: 0;
    line-height: 1.1;
    letter-spacing: 0.05em;
}

.main-line {
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.number {
    /* 「10000」の部分だけを大きく強調 */
    font-size: 63px;
    margin: 0 5px;
}

.sub-line {
    font-size: 42px;
    margin-top: 10px;
}

section.catchcopy{
text-align: center;
margin-left: auto;
margin-right: auto;
}
span.women_talk{
  transform: scale(1.5);
}

.catch h3{
  font-weight: 900;
}
.catch h1{
  font-weight: 900;
}
.catch p{
  font-weight: 900;
  font-size: 2rem;
}

.copy_a{
  font-size: 90%;
}
.copy_b{
  font-weight: bolder;
  font-size: 140%;
  padding-top: 2rem;
}
.copy_c{
  display: inline-block;
  background: linear-gradient(135deg, hsl(0, 94%, 53%) 0%, #fb979f 100%);
  background: -webkit-linear-gradient(-45deg, #f91a1a 0%, #f698a0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bolder;
  font-size: 160%;
}
.copy_d{
  font-size: 80%;
}

.catchcopy_img img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  
}

 .check_top{
  text-align: center;
  padding-left: 1%;
  padding-bottom: 1rem;
}

.check_list li{
  text-align: left;
  font-size: 82%;
}
.check_list{
  list-style: none;
  margin-top: 0rem;
  text-align: center;
  margin-left: 2%;
  margin-right: auto;
}
.check_list img{
  width: 6%;
}
.check_list span{
  color: #2C79F0;
  font-weight: bold;
  font-size: 135%;
}
.csl_h{
  width: 85%;
  font-size: large;
  font-weight: bold;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  
}
.cslex{
  width: 85%;
  font-size: small;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.cam_date{
  width: 100%;
  text-align: center;
}
.cam_date img{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.cam_date_btn{
  width: 100%;
  text-align: center;
}
.cam_date_btn img{
  width: 50%;
}

.consept_diff{
  width: 90 %;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  margin-top: 1.5rem;
}
.consept_diff img{
  width: 90%;
}

.consept_diff_pc{
  display: none;
}

.consept{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  margin-bottom: 3rem;
  margin-top: 1rem;
  font-size: medium;
}
.consept p{
  width: 95%;
  font-size: medium;
  text-align: left;
  font-weight: 500;
  margin-left: auto;
  margin-right: auto;
}
/* .consept h5{
  font-style: italic;
  width: 130%;
} */
.consept span{
  background: linear-gradient(90deg, #f6a5f3, #94adfa);
  font-style: italic;
  font-size: larger;
}
.studyplan{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 4rem;
}
.studyplan img{
  width: 100%;
}
.studyplan_pc{
  display: none;
}
.satsuei_cam{
  width: 100%;
}
.satsuei_cam img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.satsuei_line{
  width: 100%;
  margin-top: 0.3rem;
  margin-bottom: 2rem;
 
}
.satsuei_line img{
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}

.btn_box{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 3.5rem;
}
.btn_box img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#btn_animation .btn{
  
  
  text-align: center;
  cursor: pointer;
  
  animation: btn_animation 2s infinite;
}

@keyframes btn_animation {
    0% {
        transform: scale(1, 0.8);
    }
    20% {
        transform: scale(0.8, 1.1);
    }
    95% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 0.8);
    }
}

.ct_stuff{
  width: 100%;
  margin-top: 5rem;
  margin-bottom: 3rem;
}

.ct_stuff img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.commit{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.commit img{
  width: 100%;
}
.camp_btn{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
.camp_btn img{
  width: 250px;
}

.service_aim{
  width: 100%;
}
.service_aim img{
  width: 100%;
}

.service_style{
  font-size: 140%;
  margin-top: 0rem;
  margin-bottom: 1rem;
}
.service_style_a{
  background-color: #f66565;
  color:#ffffff;
  padding:0.4rem 0.4rem 0.2rem 0.4rem;
}
.service_style_b{
  background-color: #f66565;
  color:#ffffff;
  padding:0.4rem 0.4rem 0.2rem 0.4rem;
}
.service_style_c{
  font-size: 140%;
  /* border-bottom:8px solid; */
  width: 350px;
  /* padding-bottom: -8px; */
  /* border-color: #fafa78; */
  /* color:  #393838; */
  background: linear-gradient(transparent 60%, rgb(245, 245, 152) 20%);
}

.service_style_d{
  font-size: 100%;
  color:  #393838;
}
.service_style_g{
  color:#292828;
  padding:0.4rem 0.4rem 0.8rem 0.4rem;
  font-size: 130%;
  
}

.medal{
  width: 80%;
  display: flex;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}
.medal img{
  width: 80%;
}
.service_style_f{
  font-size: 90%;
}

.line_camp{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: -2rem;
}
.line_camp img{
  width: 92%;
}
.line_camp_pc {
display: none;
margin-top: 2rem;
}
@keyframes shiny {
  0% { left: -20%; }
  10% { left: 120%; }
  100% { left: 120%; }
}

/* #app {
  width: 400px;
  margin: 40px auto;
  padding: 28px;
  line-height: 1.5;
  border: 1px solid #ffffff;
  border-radius: 5px;
  background-color: transparent;
  box-shadow: 2px 2px 5px 0px rgba(200,200,200,1);
} */

/* .line_camp {
  position: relative;
  display: block;
  width: 100%;
  height: 95%;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #fdfeff;
  cursor: pointer;
  overflow: hidden;
}

.line_camp::after {
  content: '';
  position: absolute;
  top: -10%;
  left: -20%;
  width: 40px;
  height: 100%;
  transform: scale(2) rotate(20deg);
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
} */

.massege{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.massege summary{
  font-size: 80%;
  font-style: italic;
  font-weight: bold;
  border-bottom: solid;
  color: rgb(249, 87, 103);
  text-shadow: 1px 2px 3px #abaaaa
}

.popular {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
.popular img{
  width: 100%;
}

.massege span{
 font-size: 150%;
 font-weight: bold;
}
.massege_text{
  font-size: 80%;
}
.massege p{
  text-align: center;
 font-weight: 500;
}
section.interview{
  text-align: center;
  font-size: small;
}
section.interview span{
  text-align: center;
  font-size: small;
  font-size: 160%;
}
.midashi{
  color: #f91a1a;
  font-size: 140%;
  text-shadow: 0px 6px 10px #808080;
  margin-left: auto;
  margin-right: auto;
}

.get_rep{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.get_rep img{
  width: 95%;
}

/* ----------------------*
 * コンテナー
 * ----------------------*/
.thoughts {
 width: 100%;

  /* 各パーツ配置をグリッドでレイアウト */
  display: grid;
  grid-template-areas: "item item item" "left markers right";
  
  /* 省略 */
}
.thoughts img{
 width: 350px;

}

/* ----------------------*
 * カルーセル
 * ----------------------*/
.carousel {
  display: grid;
  /* アイテムを横並びにする */
  grid-auto-flow: column;
  grid-area: item;
  /* 次のスライドとの間隔 */
  gap: 10px;
  overflow-x: auto;
  /* X方向にスナップ */
  scroll-snap-type: x mandatory;
  /* 1度に1枚ずつ移動 */
  scroll-snap-stop: always;
  /* スムーズにスクロールさせる */
  scroll-behavior: smooth;
  /* インジケーターの表示 */
  scroll-marker-group: after;
  /* スクロールバー非表示 */
  scrollbar-width: none;

  /* 省略 */
}

/* ----------------------*
 * カルーセル
 * ----------------------*/
.carousel {
  /* 省略 */

  /* 前へ・次へボタン */
  &::scroll-button(*) {
    width: 40px;
    height: 40px;
    border-radius: 30%;

    /* 省略 */
  }

  /* 前へボタン（左） */
  &::scroll-button(left) {
    /* 表示内容 / 代替テキスト */
    content: "◀" / "前へ";
    grid-area: left;
    justify-self: end;
  }

  /* 次へボタン（右） */
  &::scroll-button(right) {
    /* 表示内容 / 代替テキスト */
    content: "▶" / "次へ";
    grid-area: right;
  }

  /* 省略 */
}

.interview span{
  font-size: 100%;
}
.interview_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.interview_detail summary{
  font-style: italic;
  border-bottom: solid;
}
.interview_a{
  width: 100%;
}
.interview_a img{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.interview_b{
  width: 100%;
  margin-top: 3rem;
  text-align: center;
}
.interview_b img{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.interview_detail{
  font-size: medium;
  margin-top: 1rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.interview_head{
  font-weight: bold;
}
.interview_detail p{
  font-size: 70%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.interview p{
  font-size: medium;
}
.flowchart{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.flowchart img{
  width: 100%;
}

.change{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.change img{
  width: 100%;
}
.customer_age{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  border: 1px solid;
}
.customer_img img{
  width: 90%;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ct3set{
  width: 100%;
 text-align: center;
}
.ct3set img{
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.fblineup{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.fb_sumple img{
  width: 80%;
}
.fblineup_md{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ct3_fb{
    text-decoration:underline;
    text-decoration-color: rgb(251, 80, 80);
    text-decoration-thickness: 2.5px;
    font-weight: bolder;
}

.price{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.price img{
  width: 98%;
}

/* 料金セクション全体のスタイル */
/* 料金セクション全体のスタイル */
.pricing-section {
    padding: 80px 0;
    background-color: #f8faff;
}

.price-grid {
    display: flex;
    justify-content: center;
    align-items: stretch; /* 高さを揃える */
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 60px; /* バッジ分のスペースを確保するため少し広げる */
}

/* 共通カードスタイル */
.price-card {
    background: #fff;
    border: 1px solid #e0e6ed;
    border-radius: 12px;
    width: 380px;
    /* overflow: hidden; を削除しました */
    transition: transform 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    position: relative; /* バッジの基準点とするため追加 */
}

.price-card:hover {
    transform: translateY(-5px);
}

.card-header {
    background: #f1f4f8;
    padding: 25px 20px;
    text-align: center;
    border-bottom: 1px solid #e0e6ed;
    border-radius: 12px 12px 0 0; /* ヘッダーの上だけ角丸にする */
}

.card-header h3 {
    font-size: 1.2rem;
    color: #fcf9f9;
    line-height: 1.4;
    margin: 0; /* 余計なマージンを削除 */
}

.card-body {
    padding: 30px 20px;
    text-align: center;
}

.price-amount {
    font-size: 2.2rem;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 25px;
}

.price-amount span {
    font-size: 1rem;
    color: #666;
}

/* リスト形式 */
.features-list {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-bottom: 20px;
}

.features-list li {
    padding: 8px 0 8px 25px;
    position: relative;
    font-size: 0.95rem;
    border-bottom: 1px dashed #eee;
}

.features-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0056b3;
    font-weight: bold;
}

.features-list li.bold {
    font-weight: bold;
    color: #333;
}

/* おすすめ（フルパック）の強調 */
.price-card.recommended {
    border: 2px solid #0056b3;
    transform: scale(1.03);
    z-index: 1;
    box-shadow: 0 10px 30px rgba(0,86,179,0.15);
    margin-top: -20px; /* バッジが飛び出す分、上にずらして全体のバランスを取る */
}

.recommend-badge {
    position: absolute;
    top: -15px; /* カードの上端から少し上に配置 */
    left: 50%;
    transform: translateX(-50%); /* 左右中央揃え */
    background: #0056b3;
    color: #fff;
    padding: 4px 25px; /* 少し大きめに調整 */
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: bold;
    white-space: nowrap; /* 文字の折り返しを禁止 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* バッジにも少し影をつける */
}

.price-btn {
    display: inline-block;
    background: #0056b3;
    color: #fff;
    padding: 12px 25px;
    border-radius: 25px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    transition: background-color 0.3s;
}

.price-btn:hover {
    background-color: #003d82;
}

/* オプション用スタイル */
.option-card .card-header {
    background: #fff5f7;
}

.option-item h4 {
    font-size: 1rem;
    margin-bottom: 5px;
}

.option-price {
    font-size: 1.5rem;
    font-weight: bold;
    color: #e37e89;
    margin-bottom: 15px;
}

section.program{
  width: 98%;
  margin-bottom: 5rem;
}
section.program summary{
  text-align: center;
  font-size: 130%;
  margin-top: 1rem;
  color: #2C79F0;
  
}

.program_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
h3{
  border: 1px solid #2C79F0;
  margin-bottom: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #1881f8;
  color: #fff;
}

.box30 {
  margin: 2em 0;
  background: #ffffff;
  box-shadow: 0 2px 8px #1c7bf8;
}
.box30 .box-title {
  font-size: 1.4em;
  background: #1c7bf8;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box30 p {
  padding: 15px 20px;
  margin: 0;
  font-size: medium;
}
.box30 img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.freeimg{
  text-align: center;
}
.stuffex{
  text-align: center;
}
.video{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.video img{
  width: 80%;
}
.movie{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.movie img{
  width: 80%;
}


.box40 {
  margin: 2em 0;
  background: #ffffff;
  box-shadow: 0 2px 4px #5ccf65;
}
.box40 .box-title {
  font-size: 1.4em;
  background: #5ccf65;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box40 p {
  padding: 15px 20px;
  margin: 0;
  font-size: medium;
}
.box40 img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.box50 {
  margin: 2em 0;
  background: #ffffff;
  box-shadow: 0 2px 4px #e892f9;
}
.box50 .box-title {
  font-size: 1.4em;
  background: #e892f9;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box50 p {
  padding: 15px 20px;
  margin: 0;
  font-size: medium;
}
.box50 img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.box60 {
  margin: 2em 0;
  background: #ffffff;
  box-shadow: 0 2px 4px #f8bc5c;
}
.box60 .box-title {
  font-size: 1.4em;
  background: #f8bc5c;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.box60 p {
  text-align: left;
  padding: 7px 17px 5px 8px;
  margin: 0;
  font-size: smaller;
}
.stati{
  width: 100%;
}
.stati img{
width: 100%;
}
.gaiken{
  text-align: center;
  font-weight: 900;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  width: 85%;
  
}
.gaiken_ex{
  width: 95%;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}
.gaiken_contents{
  width: 95%;
}
.gaiken_c{
  font-weight: 900;
  font-size: 120%;
  background: linear-gradient(transparent 60%, rgb(144, 211, 250) 20%);
}
.gaiken_f_ex{
  font-weight: 400;
  text-align: left;
}
.gaiken_f_ex img{
  width: 100%;
}
.gaiken_ex img{
  width: 100%;
}
.mogikanojo{
  margin-bottom: -2rem;
  color: #f83636;
  margin-top: 4em;
  padding-top: 4rem;
}
.shuutoku{
  font-weight: 900;
}
.soudan_number{
  margin-bottom: 4rem;
  text-align: center;
  margin-top: -3rem;
  font-size: 90%;
  color: #333;
}

section.trainer{
  margin-top:-1rem;
}
.trainer_pc{
  display: none;
}

.riho_head {
  width: 95%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.riho{
  text-align: center;
}
span .interview_head{
  text-align: left;
}
.inerview_set_pc{
  display: none;
}
.trainer_riho{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 5rem;
}
.trainer_riho img{
  width: 85%;
}

.riho_text{
  width: 90%;
  font-size: medium;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}


.soudan_number{
  margin-top: 4rem;
 
}
.tokumei_area{
 
}
.tokumei{
  font-size:70%;
}

section.difference{
  text-align: center;
  margin-top: -3rem;
}
.difference_head h2{
  font-weight: 900;
  border-bottom:8px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.reason_succese{
  font-size: 160%;
  margin-top: 3rem;
  padding-bottom: 2rem;
  font-style: italic;
}
.succese_a{
  font-weight: 700;
}
.succese_b{
  font-weight: 700;
  background-color: #2C79F0;
  color:#ffffff;
  padding:0.3rem 0.4rem 0.3rem 0.3rem;
}
.succese_c{
  font-weight: 700;
  background-color: #f83636;
  color:#ffffff;
  padding:0.3rem 0.8rem 0.3rem 0.3rem;
}

.murmur {
  width: 100%;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.murmur img{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.murmur p{
  width: 90%;
  text-align: left;
   margin-left: auto;
  margin-right: auto;
  font-weight: 500;
}

.dfc_a{
  position: absolute;
  left: 5%;
}
.dfc_a_area{
  width: 100%;
  background-color: #ebf4fe;
  margin-top: -3rem;
}
.dfc_b_area{
  width: 100%;
  background-color: #ebf4fe;
  margin-top: -3rem;
}
.dfc_c_area{
  width: 100%;
  background-color: #ebf4fe;
  margin-top: -3rem;
}
.dfc_a_n {
  font-size: 300%;
  text-align: left;
  color: #2C79F0;
}
.dfc_a_midashi{
  width: 90%;
  margin-top: 5rem;
  font-size: 120%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  padding-top: 3rem;
  margin-bottom: 2rem;

}

.dfc_a_ext{
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
 
}
.dfc_a_ext_a{
  width: 90%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3rem;
  font-weight: 400;
}
.lovetest{
  width: 90%;
  text-align: center;
  margin-top: 2rem;
}
.lovetest img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.lovetest {
  animation: yureru-js 0.4s infinite;
}
@keyframes yureru-js {
    0% {
        transform: translate(1px, 1px);
    }
    25% {
        transform: translate(1px, -1px);
    }
    50% {
        transform: translate(-1px, -1px);
    }
    75% {
        transform: translate(-1px, 1px);
    }
    100% {
        transform: translate(1px, 1px);
    }
}

.comparison_head h2{
  font-weight: 900;
  border-bottom:8px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.comparison_area {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 3rem;
}


.comparison_title img {
  width: 20%;
}

.hikakutitle img {
  width: 92px;
  height: 503px;
  margin-left: 0.5rem;
}

.mobile-scroll {
  width: 100%;
  overflow-x: scroll;
}

.mobile-scroll img {
  width: 587px;
  height: 503px;
}

.comparison_pc {
  display: none;
}
.hikaku_pc{
  display: none;
}
.instructor_head h2{
  font-weight: 900;
  border-bottom:8px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.trainer_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.wrap{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.wrap_1{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.instructor_face{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.instructor_face img{
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.trainer_face{
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.trainer_face img{
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ins_title{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ins_ex {
  text-align: left;
  font-weight: 400;
  }
p.stuffex{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 70%;
  font-weight: 300;
  line-height: normal;
}


.person_question_img{
  width: 100%;  
  margin-top: 3rem;
}
.person_question_img img{
  width: 100%;  
}
.question_titlet{
  margin-top: -2rem;
  padding-top: 4rem;
  padding-bottom: 2rem;
  background-image: radial-gradient(rgba(233, 233, 233, 1) 50%, rgba(172, 172, 172, 1));
}
.question_midashi_a{
  font-size: 120%;
}
.question_midashi_b{
  font-size: 180%;
  font-weight: 900;
  color: #f72929;
}
.question_midashi_c{
  font-size: 120%;
}
.question_midashi_d{
  font-size: 180%;
  font-weight: 900;
}
.question_midashi_e{
  font-size: 130%;
}
.acco{
  font-size: small;
}
section.question p{
  font-size: small;
}

.reason_head h2{
  font-weight: 900;
  border-bottom:8px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

.reason_title_a {
  /* margin: 0.2em auto; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  padding:0.3em;/*内側余白*/
  margin-bottom: -0.2rem;
  width: 23%;
  background-color: #2C79F0;
  color: #ffffff;
}
.reason_midashi_aa{
  font-size: 80%;
}
.reason_midashi_ab{
  font-size: 220%;
}

.reason_a_ex{
  background-color: #ebf4fe;
  border-top: 4px solid #2C79F0;
  padding-top: 1rem;
  padding-bottom: 1rem;

}
.reason_a_a{
  font-size: 160%;
  font-weight: 900;
}
.reason_a_b{
  font-size: 140%;
}
.reason_a_c{
  font-size: 220%;
}
.reason_a_d{
  font-size: 220%;
  color: #f91a1a;
  font-weight: 900;
}

.reason_a_ex_a{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 120%;
}

.target_a_area{
  background: repeating-linear-gradient(-45deg, #f5f7fa, #f5f7fa 5px, #fff 0, #fff 10px);
}
.target_ex{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.target{
  width: 100%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  padding-bottom: 3rem;
}
.target img{
  width: 80%;
}

.target_midashi_title{
  width: 80%;
  margin-top: 2rem;
  padding-top: 2rem;
}
.target_midashi {
  font-size: 120%;
  font-weight: 900;
  text-align: left;
  margin-top: 2rem;
  width: 80%;
}

.reason_b_a{
  font-size: 200%;
  color: #f7f5f5;
  font-weight: 900;
  background-color: #f73434;
  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
}
.reason_b_b{
  font-size: 160%;
}
.reason_b_c{
  font-size: 160%;
}
.reason_b_img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.reason_b_img img{
  width: 100%;
}
.reason_a_ex_img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.reason_a_ex_img img{
  width: 100%;
}
.reason_trial{
  color: #f91a1a;
}

section.plan{
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.plan_esp{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.plan_esp p{
  text-align: left;
}
.one_month{
  font-style: italic;
  background-color: #f35050;
  padding: 0.3rem 0.5rem 0.3rem 0.3rem;
  color: #f9f8f8;
}
.one_ex{
  margin-top: 1rem;
  color: #292929;
}
.third_month{
  font-style: italic;
  background-color: #f35050;
  padding: 0.3rem 0.4rem 0.3rem 0.3rem;
  color: #f9f8f8;
}
.six_month{
  font-style: italic;
  background-color: #f35050;
  padding: 0.3rem 0.3rem 0.3rem 0.3rem;
  color: #f9f8f8;
}
.co_a{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.co_a img{
  width: 100%;
}

section.plan span{
  font-size: 140%;
  margin-top: 1rem;
  margin-bottom: 2em;
  /* color: #f9f8f8; */
  text-align: center;
}

.plan_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.pricing-section h2{
    font-weight: 900;
    border-bottom:4px solid;
    width: 85%;
    border-color: #2C79F0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    text-align: center;
  }
  .pricing_head h2{
    font-weight: 900;
    border-bottom:4px solid;
    width: 85%;
    padding-bottom: -8px;
    border-color: #2C79F0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
  }
  .pricing_head{
    text-align: center;
    
  }
 
.youtube_link{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1rem;
  margin-bottom: 3rem;
}
.youtube_link img{
  width: 100%;
}
.calender{
  width: 99%;
  text-align: center;
  margin-bottom: 3rem;
}
.calender img{
  width: 100%;
}
.calendeer_ex{
  text-align: left;
  width: 90%;
  font-size: 90%;
}


table {
  border-collapse: collapse;
  width: 95%;
  
}

td {
  padding: 6px;
  text-align: center;
  transform: scale(0.8);
}

td:nth-child(1) {
  width: 30%;
}

td:nth-child(2) {
  width: 40%;
}

td:nth-child(3) {
  width: 30%;
}

.grid-table {
  border-collapse: collapse;
  width: 95%;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.grid-table td {
  border: 1px solid black;
  text-align: left;
}
tr.table_title td{
  text-align: center;
}
.one_ex{
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

/* よくある質問 */
section.question{
  margin-left: auto;
  margin-right: auto;
}

.question_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.questions {
  text-align: left;
  margin: 0 auto;
  margin-bottom: 1rem;
  width: 90%;
}
.question {
  width: 95%;
  margin-left: auto;
  margin-top: auto;
}

.qtext h6{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.qtext p{
  font-weight: 400;
  padding-left: 1rem;
  padding-right: 1rem;
}

 /* 無料カウンセリング */
 .form_head h4{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
}
section.consultation{
  margin-bottom: -3rem;
}
 .consultation{
text-align: center;
padding-top: 0.8rem;
margin-top: 0.8rem;
 }
.consultation_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.free_title{
  text-align: center;
  width: 85%;
  border: 1px solid black;
  margin-top: 2rem;
  /* margin-bottom: 2rem; */
  margin-left: auto;
  margin-right: auto;
  font-weight: 900;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nagare{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  
}
.nagare img{
  width: 95%;
  box-shadow: 0 10px 15px 0 rgba(50, 50, 50, 0.5);
}

.counseling_exp2{
  width: 95%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-size: small;
  padding-bottom: 0.5rem;
  text-align: left;
}

.counseling_exp{
  width: 95%;
  margin-top: 2rem;
  /* margin-bottom: 3rem; */
  margin-left: auto;
  margin-right: auto;
  font-size: medium;
  text-align: left;
}
.nayami{
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.zero_appeal{
  font-weight: 900;
}

.container {
  width: 95%;
}
.counseling_form {
  margin-top: -2.5rem;
  padding-top: 2.5rem;
}
.counseling_form h1{
  color: #ffffff;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0 auto;
  background-color: #2C79F0;
  text-align: center;
}

.companyinfo {
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 3rem;
}
.companyinfo_title h3{
  background-color: #2C79F0;
}
.companypage {
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 3rem;
}
.companypage_top{
  margin-top: 10rem;
}
.back{
  text-align: center;
  margin-top: -2rem;
  margin-bottom: 3rem;
}
.back p{
  font-size: 120%;
}
.back a{
  text-decoration: none;

}

.needs-validation{
  text-align: left;
  padding-bottom: 3rem;
  margin-bottom: -1.5rem;
}
.personalinfo {
  text-align: center;
  margin: 0 auto;
}

.personalinfo_title h5 {
  text-align: center;
  padding: 0 auto;
  transform: scale(0.9);
}
.box {
  width: 95%;
  /* 横幅を300pxに指定 */
  height: 150px;
  /* 横幅を100pxに指定 */
  border: 1px solid #000;
  /* わかりやすくボーダーを引く */
  overflow-y: scroll;
  /* 縦方向にスクロール可能にする */
}

.box p {
  text-align: left;
  padding-left: 0.3rem;
  padding-right: 0.2rem;
  font-weight: 300;
  font-size: 80%;
}
.col-md-6{
  font-weight: 400;
}
.form-group{
  font-weight: 400;
}
.row{
  font-weight: 400;
}
.form-age{
  font-weight: 400;
}

/* 特定商取引の表示 */

.companyinfo_head h2{
  font-weight: 900;
  border-bottom:8px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}

.table td, th {
  text-align: left;
  font-size: 0.8rem;
}

.table td {
  width: 70%;
}

.kochira{
  text-align: center;
  font-size: 140%;
}
.companyinfo{
  font-size: 2rem;
}
.companyinfo th {
  font-weight: normal;
}
.companyinfo td {
  font-weight: normal;
  font-size: 50%;
}
.cardlogo{
  width: 90%;
}
.cardlogo img{
  width: 100%;
}



/* 無料カウンセリング説明 */
section.counseling{
  text-align: center;
}
.soudankensuu {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.soudankensuu img{
  width: 70%;
}

.soudankensuua {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.soudankensuua img{
  width: 100%;
}

.counselingimg{
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.counselingimg img{
  width: 90%;
  
}
.counseling_ex {
  width: 85%;
  text-align: center;
}

.counseling_ex h3{
    padding: 0.2rem;
    margin-bottom: 0.2rem;
    background: linear-gradient(transparent 60%, #66ccff 60%);
    font-weight: bold;
}

.counseling_ext {
  margin-bottom: 1rem;
}

.counseling_exp p{
  margin-left: auto;
  margin-right: auto;
}
.type_title{
  width: 80%;
  text-align: left;
}

.counseling_exp{
  text-align: left;
}
.type_title {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.type_title h5{
  text-align: left;
  color: #333;
    text-decoration: 3px underline wavy #80c2f7;
    text-underline-offset: 5px;
    font-weight: bold;
}
.type_ul{
  text-align: left;
  margin-bottom: 2rem;
  font-size: medium;
}

.line_form{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  padding-bottom: 3rem;
}
.line_form img{
  width: 80%;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}
.line_pc{
  display: none;
}

.line_clga{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.line_clga img{
  width: 80%;
  
}

.o-partsDots {
  position: absolute;
  top: -64px;
  left: -128px;
  width: 100px;
  height: 100px;
  mask-image: url(../image/mark_dots.png);
  mask-repeat: no-repeat;
  mask-size: cover;
  animation: gradientDots 30s ease infinite;
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0), #edf3fc 20%, rgba(255, 255, 255, 0) 40%, #ff756a 60%, #97B8E3 75%, rgba(255, 255, 255, 0) 100%);
  background-size: 800% 800%;
}


.container_btn {
  width: 100%;
  position: fixed;
  bottom: 0rem;
  box-sizing: border-box;
  z-index: 9999;
  background-color: rgba(4, 4, 4, 0.44);
}
.scrcall_btn img {
  width: 100%;
  padding: 0.4rem 0.4rem  0.4rem  0.4rem  ;
}
.scrcounseling_btn img {
  width: 90%;
  padding: 0.4rem 0.4rem  0.4rem  0.4rem  ;
}
.scroll-display {
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}

.scroll-display.active {
  opacity: 1;
  pointer-events: auto;
}


/* よくある質問アコーディング */
div.accordion {
  display: block;
  line-height: 50px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  transition: 0.5s ease-in;
  position: relative;
  padding-left: 10%;
  height: 53px;
  margin: 0;
  border-radius: 5px;
  background: #FFF;
  margin-bottom: 15px;
  font-weight: 500;
  text-align: left;
  
}
.accordion:before {
  content: "Q";
  position: absolute;
  left: 2%;
  top: 50%;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 1rem;
  background: #6cb1f5;
  color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}
.accordion.active {
  margin-bottom: 0;
}
div.panel{
max-height:0;
overflow:hidden;
transition: 0.3s ease-out;
}
.panel p {
  /* padding: 5px 10px; */
  background: #fcfbfb;
  margin: 0 0 px;
  position:relative;
  padding-left: 10%;
  text-align: left;
  font-weight: 400;
}
.panel p:before {
  content: "A";
  position: absolute;
  left: 2%;
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  text-align: center;
  font-size: 1rem;
  background: #f84c4c;
  color: #fff;
  border-radius: 50%;
}
.acco{
position:relative;
}
div.accordion:hover{
background-color: #ddd;
}
div.accordion:after {
  content: '\02795';
  font-size: 1rem;
  color: #dbd9d9;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-46%);
}
div.accordion.active:after {
  content: "\2796";
}
/* よくある質問アコーディング */

footer {
  z-index: 1;
}

footer {
  background: #495366;
  color: #fff;
  padding: 60px 25px;
  font-size: small;
  margin-bottom: 4rem;
}
address, article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
{
  box-sizing: border-box;
}
footer {
  display: block;
  unicode-bidi: isolate;
}
.footerTitle{
  font-size: large;
  text-align: center;
}
.footerText01 {
  line-height: 1.6;
  margin-top: 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 25px 20px;
  font-weight: 600;
}
.footerMenu{
  text-align: left;
}
.footerMenu a{
  color: #2687f5;
}

/* ボタン光らせる */
@keyframes shiny {
  0% {
      transform: scale(0) rotate(25deg);
      opacity: 0;
  }

  50% {
      transform: scale(1) rotate(25deg);
      opacity: 1;
  }

  100% {
      transform: scale(50) rotate(25deg);
      opacity: 0;
  }
}

.cbtn {
  position: relative;
  display: block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.cbtn::after {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.773) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.line_form {
  position: relative;
  display: block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}

.line_form::after {
  content: '';
  position: absolute;
  top: -100px;
  left: -100px;
  width: 50px;
  height: 50px;
  background-image: linear-gradient(100deg,  rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.773) 100%, rgba(255, 255, 255, 0) 0%);
  animation-name: shiny;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.pc_cls_btn{
  display: none;
}
.scrcounseling_btn{
  animation: yureru-j 2s infinite;
}
.aur_csl{
  width: 90%;
  color: #f72929;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
}

/* 女性トレーナー求人 */
.traner_rec{
  width: 80%;
}
.traner_rec img{
  width: 100%;
}
.traner_rec_btn{
  width: 70%;
}
.traner_rec_btn img{
  width: 100%;
}
/* 女性トレーナー求人 */

@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
/* ボタン光らせる */


.readmore{
  position: relative;
  /* box-sizing: border-box; */
  /*以下お好み*/
  /* ボーダーを付ける場合 */
  padding: 10px;
  /* border: 1px solid #CCC; */
}

.readmore-content{
  position: relative;
  overflow: hidden;
  /*以下お好み*/
  /*高さの初期値*/
  height: 100px;
}
.readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 50px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
  display: table;
  bottom: 5px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin: 0 auto;
  z-index: 2;
  padding: 0 10px;
  background-color: #0b84fc;
  border-radius: 10px;
  color: #FFF;
}
.readmore-label:before{
  content: '続きを読む';
}

.readmore-check{
  display: none;
}
/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
  position: static;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
}
.readmore-check:checked ~ .readmore-label:before{
  content: '閉じる';
}
/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
  height: auto;
}
/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
  display: none;
}


/* プロフィールページエリア */
section.trainer_prof{
  width: 100%;
  text-align: center;
}
.trainer_head h2{
  font-weight: 900;
  border-bottom:4px solid;
  width: 85%;
  padding-bottom: -8px;
  border-color: #2C79F0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
}
.trainer_top{
  margin-top: 6rem;
}
.trainer_lp{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  
}
.trainer_lp img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.trainer_prof{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 1rem;
}
span.proftext{
  width: 95%;
 text-align: center;
 font-weight: bold;
 font-size: 130%;
}
.prof_youtube{
  width: 95%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.instagram-post iframe {
  margin-left: auto !important;
  margin-right: auto !important;
}
.prof_youtube_pc{
  display: none;
}

/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
 @media screen and (min-width: 480px) {
  .a_call{
    display: none;
  }
  .video{
    width: 500px;
    text-align: center;
  }
  
  
  .call{
    display:none;
  }
  .inerview_set_pc{
    display: none;
  }
 }

 
/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
@media screen and (min-width: 768px) {
  /* .fixed_btn {
    display: none;
  } */

  .container_btn{
    display: none;
  }
  .a_call{
    display: none;
  }
  .mainpic{
    display: none;
  }
  .a8_tel{
    display: none;
    position: absolute;
    left: 30%;
    top: 0.6rem;
  }
  .a8_tel img{
    width: 20%;
  }
  .inerview_set_pc{
    display: none;
  }
  header p {
    position: absolute;
    top: 0.1rem;
    left: 3%;
    transform: scale(1);
    display: none;
  }

  
}

/*-------------------------------
▼大型画面向けデザイン（PCなど）
--------------------------------*/
@media screen and (min-width: 1024px) {
  /* .fixed_btn {
      display: none;
    } */
    body{
      background: linear-gradient(to right, #72c5f1, #dfeff8,white,white,white,white,white,#dfeff8, #72c5f1);
      
      text-align: center;
  }
  .video{
    width: 500px;
    text-align: center;
  }
  
  img {
    width: 100%;
  }
  nav a {
    font-weight: bold;
    text-decoration: none;
    font-size: 1.5rem;
    color: black;
  }
  header {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 90px;
    /* background-color: #0066ff; */
    background-color: #ffffff;
    /* border-bottom: solid;
    border-color: #eee; */
  }
  header h1 {
    position: absolute;
    top: 1.8rem;
    left: 10%;
  }
  
  
  header .logo img {
    width: 25rem;
  }
  header p {
    position: absolute;
    top: 0.4rem;
    left: 13%;
    transform: scale(1.3);
    display: inline;
  }
.thoughts{
  display: none;
}
  
  .thoughts_btn{
    display: none;
  }
  .ct_stuff{
    width: 100%;
    margin-top: 5rem;
  }
  
  .ct_stuff img{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .call{
    display: none;
  }
  .a_call{
    display: none;
  }
  .tel{
    display: inline;
    position: absolute;
    width: 65rem;
    left: 40%;
    top: 1rem;
  }
  .tel img{
    width: 26%;
  }
  
  .csl_area{
    width: 40%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .csl_area img{
    width:80%;
  }
  .pagetop {
    height: 80px;
    width: 80px;
    position: fixed;
    right: 20%;
    bottom: 130px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
  }
 
  
  .pagetop__arrow {
    height: 20px;
    width: 20px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
  }
  .mainpic{
    display: none !important;
  }
  .pc_fv{
    display: inline;
  }
  .mainpic{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .service_point{
    display: none;
  }
  
  section.catchcopy{
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .catch{
    font-size: 160%;
  }
  .check_list{
    margin-left: 7%;
    margin-right: auto;
  }
  .check_list li{
    text-align: left;
    font-size: 70%;
  }
  .check_top {
    text-align: center;
    padding-left: 22%;
    padding-bottom: 3rem;
  }
  .catchcopy_img{
    margin-top: 1rem;
    margin-bottom: -1rem;
  }
  .catchcopy_img img{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem;
  }
  .popular {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
    padding-bottom: 5rem;
  }
  .popular img{
    width: 100%;
  }
  .consept_diff{
    display: inline;
  }
  .consept_diff img{
    width: 50%;
  }

  .consept_diff_pc{
    display: inline;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .consept_diff_pc img{
    width: 80%;
    margin-bottom: 3rem;
  }

  .consept{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-bottom: 3rem;
    margin-top: 1rem;
  }
  .consept p{
    font-size: larger;
  }
  .consept h5{
    font-style: italic;
  }
  .consept span{
    background: linear-gradient(90deg, #f6a5f3, #94adfa);
    font-style: italic;
    text-align: left;
    font-size: xx-large;
  }
 
  .studyplan{
   display: none;
  }
 
 
  .studyplan_pc{
    display: inline;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 60%;
  }
  .studyplan_pc img{
    width: 55%;
    margin-top: 4rem;
    margin-bottom: 3rem;
  }

  .satsuei_cam{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: inline;
  }
  .satsuei_cam img{
    width: 50%;
  }
  .satsuei_line{
    width: 100%;
    margin-bottom: 4rem;
    display: none;
    /* border: solid 1px #777777; */
  }
  .satsuei_line img{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    
  }

  .btn_box{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 3.5rem;
  }
  .btn_box img{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  #btn_animation .btn{
    
    
    text-align: center;
    cursor: pointer;
    
    animation: btn_animation 2s infinite;
  }
  
  @keyframes btn_animation {
      0% {
          transform: scale(1, 0.8);
      }
      20% {
          transform: scale(0.8, 1.1);
      }
      95% {
          transform: scale(1, 1);
      }
      100% {
          transform: scale(1, 0.8);
      }
  }
  
  
  .commit{
    width: 50%;
  }

  .box30 {
    margin: 2em 0;
    background: #ffffff;
    box-shadow: 0 2px 4px #1c7bf8;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .box30 .box-title {
    font-size: 2rem;
    background: #1c7bf8;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .box30 p {
    padding: 15px 20px;
    margin: 0;
    font-size: large;
  }
  .box30 img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .freeimg{
    text-align: center;
  }
  .stuffex{
    text-align: center;
  }
  .video{
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .video img{
    width: 80%;
  }
  
  
  .box40 {
    margin: 2em 0;
    background: #ffffff;
    box-shadow: 0 2px 4px #5ccf65;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .box40 .box-title {
    font-size: 2rem;
    background: #5ccf65;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .box40 p {
    padding: 15px 20px;
    margin: 0;
    font-size: large;
  }
  .box40 img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  .box50 {
    margin: 2em 0;
    background: #ffffff;
    box-shadow: 0 2px 4px #e892f9;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .box50 .box-title {
    font-size: 2rem;
    background: #e892f9;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .box50 p {
    padding: 15px 20px;
    margin: 0;
    font-size: large;
  }
  .box50 img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  
  .box60 {
    margin: 2em 0;
    background: #ffffff;
    box-shadow: 0 2px 4px #f8bc5c;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .box60 .box-title {
    font-size: 2rem;
    background: #f8bc5c;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .box60 p {
    text-align: left;
    padding: 15px 5px;
    margin: 0;
    font-size: large;
  }
  .youtube_link{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .youtube_link img{
    width: 80%;
  }
  
  .stati{
    display: none;
  }
  .service_aim{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .service_aim img{
    width: 100%;
  }
  .service_style_f span{
    width: 60%;
  }
  .service_style{
    width: 80%;
    font-size: 130%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;

  }
  
  .line_camp{
    display: none;
    width: 60%;
    
  }
  .line_camp img{
    width: 40%;
    margin-bottom: 2rem;
  }

  .line_camp_pc{
    width: 40%;
    display: inline;
    
  }
  .line_camp_pc img{
    width: 30%;
    margin-top: 4rem;
  }
  .lineup_banner {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2rem;
    margin-bottom: 5rem;
  }
  .lineup_banner img{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .csl_ex{
    color: #ffffff;
    text-align: center;
    font-size: 150%;

  }
  
  .massege_text{
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .get_rep {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .get_rep img{
    width: 60%;
  }
  section.interview{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  section.interview span{
    text-align: center;
    font-size: large;
    font-size: 200%;
  }
  .interview_head {
   font-size: 150%;
  }
  /* .inerview_set{
    display: flex;
  } */
  .interview_a {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
   
  }
  .interview_a img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .interview_b {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .interview_b img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .interview_detail{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  .interview p{
    font-size: medium;
  }
  .inerview_set{
    display: none;
  }
  
  .inerview_set_pc{
    display: inline;
    width: 100%;
  }
  .flowchart{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
  }
  .flowchart img{
    width: 35%;
  }

  .change img{
    width: 70%;
  }
  .customer_age{
    width: 30%;
  }

  .ct3set{
    width: 100%;
   text-align: center;
  }
  .ct3set img{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  .fblineup{
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }
  .fb_sumple img{
    width: 50%;
  }

  .trial img{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
 
  .gaiken_area{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .gaiken_f_ex img{
    width: 40%;
  }
  .gaiken_c{
    text-decoration: solid;
  }
  
  section.difference{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }
  .difference_head {
    font-size: 200%;
   }
   .dfc_a_n{
    margin-left: 60%;
   }
  .dfc_a{
    position: absolute;
    left: 20%;
    font-size: 120%;
  }
  .dfc_a_area{
    width: 55%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .dfc_b_area{
    width: 55%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    
  }
  .dfc_c_area{
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .reason_succese{
    font-size: 250%;
    margin-top: 3rem;
    padding-bottom: 1rem;
    font-style: italic;
  }
  .question_titlet{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    font-size: 170%;
  }



  section.program{
    width: 100%;
    text-align: center;
  }
  
 
  .gaiken_ex img{
    margin-left: auto;
    margin-right: auto;
  }
  .program_head {
    font-size: 200%;
   }
  .gaiken_ex{
    width: 80%;
    text-align:left;
  }
  .gaiken_ex img{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .trainer_face img{
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .trainer_riho{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .trainer_riho img{
    width: 40%;
  }
  .riho_head{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 120%;
  }
  
  .riho_text{
    width: 65%;
    font-size: medium;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .instructor_head {
    font-size: 200%;
   }
   .instructor_head img{
    width: 50%;
   }
   .trainer_head {
    font-size: 200%;
   }

  .acco{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  .lovetest img{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }
  .comparison_head {
    font-size: 200%;
   }
  .comparison_area{
    display: none;
  }

  .hikaku_pc{
    display: inline;
    width: 80%;
  }
  .hikaku_pc img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
  }
  .prof_youtube{
    display: none;
  }

  .prof_youtube_pc{
    display: inline;
  }


  .instructor_row{
    display: flex;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .ins_ex{
    width: 80%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }
  .person_question_img{
    width: 35%;
    margin-left: auto;
    margin-right: auto;
  }
  .question_head {
    font-size: 100%;
   }
  .question_titlet{
    margin-top: 0.1rem;
  }
  .target_ex{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  section.reason{
    width: 100%;
    margin-left: auto;
  margin-right: auto;
  }
  
.reason_title_a {
  /* margin: 0.2em auto; */
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  padding:0.3em;/*内側余白*/
  margin-bottom: -0.2rem;
  width: 12%;
  background-color: #2C79F0;
  color: #ffffff;
  font-size: 120%;
}
  
  .reason_head {
    font-size: 180%;
   }
  .reason_b_img{
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}
.reason_a_ex{
  font-size: 120%;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
.reason_a_ex_a{
  font-size: 150%;
}
.target_midashi{
  font-size: 150%;
}
  .reason_a_ex_img  {
    width: 40%;
  }
  .target {
    width: 80%;
  }
  
  .plan_head {
    font-size: 200%;
   }
  section.plan{
    width: 100%;
  }
  .plan_esp{
    width: 50%;
    font-size: 120%;
  }
  .price{
    width: 60%;
    margin-top: 4rem;
  }
  .price img{
    width: 70%;
  }

  .murmur {
  width: 60%;
  margin-top: 7rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.murmur img{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.murmur p{
  width: 76%;
  text-align: left;
   margin-left: auto;
  margin-right: auto;
}

  .co_a img{
    width: 40%;
  }
  .one_ex{
    text-align: left;
    font-size: 120%;
    width: 55%;
  }
  .grid-table{
    width: 60%;
  }
  .calender img{
    width: 60%;
  }
  .calendeer_ex{
    width: 60%;
    text-align: center;
    font-size: 150%;
  }
  section.consultation{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .consultation_head {
    font-size: 100%;
   }
   .callannai{
    text-decoration: solid;
   }
  .consultation img{
    width: 40%;
  }
  .free_title{
    width: 60%;
    font-size: 200%;
  }
  .counseling_exp{
    width: 70%;
  }
  .counseling_exp p{
    font-size: medium;
  }
  .counseling_exp2{
    width: 70%;
  }
  .nayami{
    text-align: center;
    padding-left: 22%;
  }
  .soudan_number{
    display: none;
  }
  .line_form{
    display: none;
  }
  .line_pc{
    display: inline;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2rem;
    
  }
  .line_pc img{
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .line_pc p{
    font-size: 120%;
    font-weight: normal;
  }
  .line_pcqr{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .line_pcqr img{
    width: 30%;
  }
  
  .form_head{
    font-size: 100%;
  }
  .companyinfo_head{
  font-size: 200%;
}

.interview span{
  font-size: 100%;
}
.interview_head h2{
  font-size: 120%;
}
.comparison_head h2{
  font-size: 120%;
}
.difference_head h2{
  font-size: 120%;
}

.plan_head h2{
  font-size: 120%;
}
.program_head h2{
  font-size: 120%;
}
.reason_head h2{
  font-size: 120%;
}
.instructor_head h2{
  font-size: 120%;
}
.trainer_head{
  font-size: 200%;
}
.trainer_head h2{
  font-size: 120%;
}
.trainer{
  display: none;
}
.trainer_pc{
  display: inline;
}
.trainer_pcarea{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.trainer_pc img{
  width: 60%;
}
.trainer_head h2{
  font-size: 120%;
}
.question_head h2{
  font-size: 120%;
}
.consultation_head h2{
  font-size: 120%;
}
.form_head h2{
  font-size: 120%;
}
.companyinfo_head h2{
  font-size: 120%;
}
.pc_cls_btn{
  display: inline;
  position: fixed;
  bottom: 0;
  right: 0%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #00000038;
}
.pc_cls_btn img{
  display: inline;
  width: 25%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* 女性トレーナー求人 */
.traner_rec{
  display: none;
  width: 50%;
}

.traner_rec_btn{
  display: none;
  
}

/* 女性トレーナー求人 */

.footerarea{
  width: 40%;
  display: flex;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 110%;
}
.f_li{
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 7rem 1rem 0rem;
}

.trainer_lp{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  
}
.trainer_lp img{
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
p.stuffex{
  width: 50%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
  font-weight: 300;
  line-height: normal;
}
p.stuffex1{
  width: 52%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 70%;
  font-weight: 300;
  line-height: normal;
}
footer {
  z-index: 1;
}

footer {
  background: #353e4f;
  color: #fff;
  padding: 60px 25px;
  font-size: smaller;
  margin-bottom: 4rem;
  text-align: center;
}
address, article, aside, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
{
  box-sizing: border-box;
}
footer {
  display: block;
  unicode-bidi: isolate;
}
.footerTitle{
  font-size: large;
  text-align: center;
}
.footerText01 {
  line-height: 1.6;
  margin-top: 24px;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 25px 20px;
  font-weight: 600;
}
.footerInner{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}


}