@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.コンセプト
02-01.パーソナルトレーニングジムとスポーツジムの違い
02-02.パーソナルトレーニングジムとは？
02-03.パーソナルトレーニングジムのメリットとは？
03.料金
03-01. パーソナルトレーニングジムの料金相場は？
04.プログラム
05.トレーナー
06.スタジオ紹介
07.東京のジム/神奈川のジム
08.ジムトップ
08_01.ジムアクセス
08_02.ジムトレーナー紹介
08_03.トレーナー詳細
08_04.お客様の声
08_05.お客様の声詳細
09.お知らせ
10.ビフォーアフター
11.お客様の声
12.よくある質問
13.ご入会の流れ
14.モニター募集
15.会社概要
16.プライバシーポリシー
17.採用・求人情報
18.無料カウンセリング
19.サイトマップ
20.ブログ
--------------------*/


/*--------------------
02.コンセプト
--------------------*/

#about .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#about .cnt_area{
padding: 76px 0 118px;
}

#about .cnt_area .h2_ptn01{
margin: 0 0 30px;
}

#about .cnt_area p{
font-size: 18px;
text-align: center;
}

#about .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#about #cnt_area01{
padding: 76px 0 76px;
}

#about #cnt_area01 .cnt_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#about #cnt_area01 .cnt_box .cnt_img{
max-width: 520px;
width: 48%;
}

#about #cnt_area01 .cnt_box .cnt_text{
max-width: 540px;
width: 50%;
}

#about #cnt_area01 .cnt_box .cnt_text .title{
font-size: 22px;
text-align: left;
line-height: 40px;
padding-bottom: 30px;
font-weight: 600;
}

#about #cnt_area01 .cnt_box .cnt_text p{
text-align: left;
line-height: 32px;
font-size: 16px;
}

#about #cnt_area02 .cnt_g .cnt_box{
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 60px;
}

#about #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 560px;
width: 52%;
}

#about #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 520px;
width: 48%;
margin: 60px 0 0 -40px;
padding: 40px 60px 40px 80px;
border: 1px solid rgba(198, 163, 86, 0.52);
position: relative;
}

#about #cnt_area02 .cnt_g .cnt_box .point.number {
color: rgba(198, 163, 86, 0.47);
font-size: 102px;
font-style: italic;
position: absolute;
top: -73px;
right: 30px;
background: #fff;
}

#about #cnt_area02 .cnt_g .cnt_box .point.number .num{
font-size: 62px;
}

#about #cnt_area02 .cnt_g .cnt_box .cnt_text .title{
font-size: 21px;
line-height: 1.5em;
font-weight: 500;
color: #c6a356;
text-align: left;
display: block;
padding-bottom: 20px;
}

#about #cnt_area02 .cnt_g .cnt_box .cnt_text p{
line-height: 1.8em;
text-align: left;
font-size: 16px;
}

#about .cnt_area .bottom_text {
display: block;
width: fit-content;
position: relative;
margin: 40px auto 0;
}

#about .cnt_area .bottom_text::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
top: 0;
left: -15px;
}

#about .cnt_area .bottom_text::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
top: -15px;
left: 0;
}

#about .cnt_area .bottom_bg {
display: block;
width: fit-content;
margin: 0 auto;
padding: 40px 60px 10px;
position: relative;
}

#about .cnt_area .bottom_bg::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
bottom: 0;
right: -15px;
}

#about .cnt_area .bottom_bg::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
bottom: -15px;
right: 0;
}

#about .cnt_area .bottom_text p {
font-size: 18px;
line-height: 36px;
text-align: center;
padding-bottom: 30px;
}

#about .cnt_area .bottom_text p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
}

#about #cnt_area03 .cnt_g{
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 auto;
}

#about #cnt_area03 .cnt_box{
max-width: 340px;
width:31.4%;
margin: 0 0 20px;
}
#about #cnt_area03 .cnt_box .cnt_img{
margin: 0 0 10px;
}

#about #cnt_area03 .cnt_box .title_text{
font-size: 18px;
line-height: 30px;
text-align: center;
}

/*----------
02-01.パーソナルトレーニングジムとスポーツジムの違い
02-02.パーソナルトレーニングジムとは？
02-03.パーソナルトレーニングジムのメリットとは？
----------*/

#difference #h1_title_area p,#experience #h1_title_area p{
line-height: 38px;
}





/*----------
03.料金
----------*/

#price #price_area{
padding: 76px 0 118px;
}

#price #price_area .h2_ptn01{
margin: 0 0 50px;
}

#price #price_area p{
font-size: 18px;
text-align: center;
}

#price #price_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#price #price_area .cnt_g{
display: flex;
align-items: start;
justify-content: space-between;
padding: 0 0 30px;
margin: 0 auto 19px;
}

#price #price_area .cnt_box{
max-width: 350px;
/*width: 32.41%;*/
width: 24%;
border: 1px solid #000;
background: #C6A356;
text-align: center;
padding: 24px 20px 67px;
position: relative;
}

#price #price_area .cnt_box .course_number{
font-family: 'DINPRO-MEDIUM';
font-size: 32px;
line-height: 44px;
padding: 0 0 17px;
}

#price #price_area .cnt_box .course_date_box{
max-width: 240px;
width: 100%;
margin: 0 auto;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 9px 0 33px;
}

#price #price_area .cnt_box .course_date_box .time_text{
margin: 0 0 7px;
}

#price #price_area .cnt_box .course_date_box .time_text .number{
font-family: 'DINPRO-MEDIUM';
font-size: 20px;
}

#price #price_area .cnt_box .course_date_box .time_text .number01{
padding: 0 2px 0 0;
}

#price #price_area .cnt_box .course_date_box .time_text .number02{
padding: 0 3px 0 4px;
}

#price #price_area .cnt_box .course_date_box .month_number{
margin: 0 0 8px;
}

#price #price_area .cnt_box .course_date_box .month_number .number{
font-size: 48px;
padding: 0 7px;
}

#price #price_area .cnt_box .course_date_box .money_text{
margin: 0 0 28px;
}

#price #price_area .cnt_box .course_date_box .money_text .number{
font-size: 48px;
padding: 0 5px 0 0;
}

#price #price_area .cnt_box .course_date_box dl{
display: flex;
align-items: center;
justify-content: center;
}

#price #price_area .cnt_box .course_date_box dt{
background: #000;
color: #fff;
width: 92px;
padding: 7px 5px 5px;
text-align: center;
font-size: 14px;
margin: 0 12px 0 0;
}

#price #price_area .cnt_box .course_date_box dd{
line-height: 26px;
}

#price #price_area .cnt_box .course_date_box dd .number{
font-size: 20px;
padding: 0 5px 0 0;
}

#price #price_area .cnt_box .recommend_title{
position: absolute;
bottom: -30px;
left: 0;
right: 0;
max-width: 240px;
width: 68.97%;
margin: 0 auto;
background: #fff;
border: 1px solid #000;
text-align: center;
padding: 22px 0px 20px;
}

#price #price_area .attention_text{
text-align: right;
font-size: 12px;
line-height: 24px;
padding: 0 0 38px;
}

#price #price_area .last_text{
line-height: 34px;
}


#price #price_area .campagin_box{
max-width: 640px;
width: 100%;
margin: 50px auto 0;
border-bottom: 1px solid #C6A356;
padding: 0 0 40px;
position: relative;
}

#price #price_area .campagin_box .title{
font-size: 28px;
line-height: 32px;
text-align: center;
/* font-family: 'A-OTF-UDShinGoPro-DeBold',sans-serif; */
font-weight: 500;
position: relative;
margin: 0 0 35px;
}

#price #price_area .campagin_box .title::before{
content: "";
display: block;
background: #C6A356;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

#price #price_area .campagin_box .title span{
display: inline-block;
padding: 0 20px;
background: #F7F7F7;
position: relative;
z-index: 1;
}

#price #price_area .campagin_box .price_text{
font-size: 32px;
line-height: 32px;
text-align: center;
margin: 0 0 30px;
font-weight: 700;
}

#price #price_area .campagin_box .price_text .price{
font-weight: bold;
font-size: 58px;
line-height: 50px;
display: inline-block;
margin: 0 0 0 12px;
vertical-align: text-bottom;
}

#price #price_area .campagin_box .price_text .price_unit{
display: inline-block;
margin: 0 0 0 4px;
font-size: 28px;
line-height: 30px;
vertical-align: bottom;
font-weight: 500;
}

#price #price_area .campagin_box .text{
text-align: center;
font-size: 35px;
font-weight: 500;
}

#price #price_area .campagin_box .text span{
font-size: 50px;
/* font-family: 'A-OTF-UDShinGoPro-Heavy',sans-serif; */
font-weight: 700;
display: inline-block;
margin: 0 0 0 4px;
letter-spacing: 0.05em;
}


#price #price_compare_area{
padding: 86px 0 104px;
}

#price #price_compare_area .h2_ptn01{
margin: 0 auto 47px;
}

#price #price_compare_area .first_text{
line-height: 32px;
text-align: center;
padding: 0 0 38px;
}

#price #price_compare_area table{
width: 100%;
border: 1px solid #707070;
}

#price #price_compare_area th{
text-align: center;
font-size: 18px;
color: #fff;
border: 1px solid #707070;
padding: 39px 0 43px;
}

#price #price_compare_area td{
text-align: center;
font-size: 14px;
border: 1px solid #707070;
padding: 44px 0 41px;
}

#price #price_compare_area .tr01{
background: #000;
}

#price #price_compare_area .tr_this{
background: #C6A356;
}

#price #price_compare_area .company_th{
/* width: 242px; */
width: 21.6%;
}

#price #price_compare_area .period_th{
/* width: 191px; */
width: 17.2%;
}

#price #price_compare_area .time_th{
/* width: 191px; */
width: 17.2%;
}

#price #price_compare_area .price_th{
/* width: 221px; */
width: 19.8%;
}

#price #price_compare_area .enter_fee_th{
/* width: 234px; */
width: 21%;
}

#price #price_quote_area{
padding: 53px 0 82px;
}

#price #price_quote_area .h2_ptn01{
margin: 0 0 67px;
}

#price #price_quote_area p{
padding: 0 0 42px;
line-height: 32px;
}

#price #price_quote_area .btn_ptn01{
margin: 0 auto;
}

#price_page_contents .h2_ptn01 {
  margin: 0 0 50px;
}

#price_page_contents ul.pricecards {
  list-style: none;
  margin: 0;
  padding: 0;
}
#price_page_contents .pricecards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#price_page_contents .price_area{
  background-color: #EBEFF8;
  border-top: 2px solid #fff;
  padding: 10% 0 5%;
  flex-grow: 1;
}

#price_page_contents .recommend{
  background-color: #E59D0C;
  color: #fff;
  padding: 0.7em;
  margin: 0;
  font-size: 26px;
  font-weight: bold;
}

#price_page_contents .recommend img{
  margin-bottom: 15px;
}


#price_page_contents .recommend_price_area{
  background-color: #FFF5E2;
  border-top: 1px solid #fff;
  padding: 10% 0 5%;
  flex-grow: 1;
  border: 3px solid #E59D0C;
}

#price_page_contents .pricecard{
  display: flex;
  flex-direction: column;
  width:25%;
  text-align: center;
  border: 1px solid #fff;
  padding-bottom: 1rem;
  box-sizing: border-box;
  margin:0 auto 3em;
}

#price_page_contents .plan_title{
    background: #3f5fc0;
    color: #fff;
    padding: 0.7em;
    margin: 0;
    font-weight: bold;
    font-size: 26px;
}
#price_page_contents .pricecard.premium{
    border: 3px solid #06c7ea;
    padding-bottom: 3rem
}
#price_page_contents .pricecard.premium h3{
    background: #06c7ea;
    color: #fff;
    padding: 10px;
    margin: 0;
}
#price_page_contents .plan_price{
    font-size: 40px;
    font-weight: bold;
}

#price_page_contents .pricecard.premium h4 {
    padding: 20px;
}
#price_page_contents .entry_fee{
  color:#888888;
  font-weight: bold;
  margin-top: 1em;
}

#price_page_contents .entry_fee_free{
  color:#f00;
  font-weight: bold;
  margin-top: 1em;
}

#price_page_contents .plan_text{
  color:#263972;
  background-color: #fff;
  margin:5%;
  padding:5%;
  border-radius: 40px;
  font-weight: bold;
  line-height: 1.5em;
}

#price_page_contents .recommend_plan_text{
  color:#FEEB6E;
  background-color: #FF7397;
  margin:5%;
  padding:5%;
  border-radius: 40px;
  font-weight: bold;
  line-height: 1.5em;
}

#price_page_contents .plan_comments{
  margin-top: -2em;
  margin-bottom: 0.5em;
  font-weight: bold;
  text-align: center;
}

#price_page_contents .course_time_wrap{
  text-align: center;
  padding: 0 5%;
}

#price_page_contents .course_time{
  border: 2px solid #70BED2;
  padding: 2% 1%;
  margin: 5% auto;
  max-width: 800px;
}

#price_page_contents .course_time p{
  color: #70BED2;
  font-weight: bold;
  margin-bottom: 0.8em;
}

#price_page_contents .course_time_contents{
  display: flex;
  flex-direction: column;
  justify-content: center;

}
#price_page_contents .course_time_text{
  color:#fff;
  margin:10px;
  padding:10px;
  border-radius: 40px;
  text-align: center;
}

#price_page_contents .day{
  background-color: #F1763B;
}
#price_page_contents .night{
  background-color: #3F5FC0;
}
#price_page_contents .all{
  background-color: #F0332E;
}

#price_page_contents .plan_detail_wrap{
  text-align: center;
  padding: 0 5%;
}

#price_page_contents .plan_detail{
  background-color: #F6F6F6;
  font-size: 20px;
  font-weight: bold;
  padding: 3% 1%;
  line-height: 1.6em;
  text-align: center;
  margin: 5% auto;
  max-width: 800px;
}
#price_page_contents .plan_detail span{
  color: #E59D0C;
}

#price_page_contents .campagin_copy{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 2em 0;
}

#price_page_contents .campagin_box_area{
  max-width: 640px;
  width: 90%;
  margin: 50px auto;
  background-color: #F6F6F6;
  padding: 30px 20px 40px;
}

#price_page_contents .campagin_box_area .title{
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  position: relative;
  margin: 0 0 35px;
}

#price_page_contents .campagin_box_area .title::before{
  content: "";
  display: block;
  background: #C6A356;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
  
#price_page_contents .campagin_box_area .title span{
  display: inline-block;
  padding: 0 20px;
  background: #F7F7F7;
  position: relative;
  z-index: 1;
}
  
#price_page_contents .campagin_box_area .price_text{
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  margin: 0 0 30px;
  font-weight: 700;
}
  
#price_page_contents .campagin_box_area .price_text .price{
  font-weight: bold;
  font-size: 58px;
  line-height: 50px;
  display: inline-block;
  margin: 0 0 0 12px;
  vertical-align: text-bottom;
}
  
#price_page_contents .campagin_box_area .price_text .price_unit{
  display: inline-block;
  margin: 0 0 0 4px;
  font-size: 28px;
  line-height: 30px;
  vertical-align: bottom;
  font-weight: 500;
}

#price_page_contents .campagin_box_area .text{
  text-align: center;
  font-size: 35px;
  font-weight: 500;
}
  
#price_page_contents .campagin_box_area .text span{
  font-size: 50px;
  font-weight: 700;
  display: inline-block;
  margin: 0 0 0 4px;
  letter-spacing: 0.05em;
}

#price_page_contents .campagin_box_area .under{
  margin-top: 40px;
  border-bottom: 1px solid #C6A356;;
}

#price_page_contents .compare_area{
  margin-bottom: 3em;
  text-align: center;
  background-color: #000;
  padding: 3em;
}

#price_page_contents .compare_img{
  margin: 0 auto;
}

#price_page_contents .compare_area_sp_text{
  color:#fff;
  text-align:right!important;
  margin-bottom: 2em;
}

#price_page_contents .link_btn{
  font-weight: bold;
  line-height: 2em;
  position: relative;
  display: block;
  padding: 1rem 3rem;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 100vh;
  max-width: 360px;
  margin: 10px auto;
}

#price_page_contents a.link_btn_orange{
  background: #f5641d;
}

#price_page_contents a.link_btn_blue{
  background: #39a9c5;
}

#price_page_contents h3.plan_include_title{
    text-align: center;
    margin: 2em;
    font-weight: 700;
    font-size: 1.2rem;
}

#price_page_contents .plan_include_contents{
  text-align: center;
}

#price_page_contents .plan_include_contents ul{
    display:flex;
    justify-content:space-evenly;
    max-width: 600px;
    margin: 0 auto;
}

#price_page_contents .plan_include_contents ul li{
  width: 100px;
}

#price_page_contents .plan_include_contents ul li figure{
  font-size: 0.8em;
  font-weight: 700;
}

#price_page_contents .plan_include_contents ul li img{
  width: 80px;
  height: 80px;
  margin: 0 auto 0.6em;
}

#price_page_contents p.link_btn_area{
    text-align: center;
    margin-bottom: 40px;
    font-size: 1em!important;
}

#price_page_contents .plan_include_text{
    text-align: center;
    line-height: 1.4em;
    padding: 1em;
    font-size: 0.8em;
}

#price_page_contents .plan_price_tbl{
    width: 100%;
    border: 1px solid #707070;
}

#price_page_contents .plan_price_tbl tr{
    text-align: center;
    background: #fff;
}

#price_page_contents .plan_price_tbl tr:nth-child(odd){
    background: #ebeff8;
}

#price_page_contents .plan_price_tbl th,
#price_page_contents .plan_price_tbl td{
    border: 1px solid #707070;
    vertical-align: middle;
    padding: 1em;
}

#price_page_contents .plan_price_tbl .tr_recommend{
    border: #e49d0c 5px solid;
}

#price_page_contents .plan_price_tbl .tr_recommend .per_time{
    position: relative;
}

#price_page_contents .plan_price_tbl .tr_recommend .per_time span.popularity{
    display: block;
    position: absolute;
    content: "";
    top: 2px;
    right: 8px;
    font-size: 0.8em;
    font-weight: 700;
    color: #f0332e;
}

#price_page_contents .free{
    text-align: center;
}

#price_page_contents .free .free_text{
    max-width: 600px;
    margin: 10px auto 40px;
    padding: 14px 0;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    background-color: #fff25c;
    color: #f0332e;
}

#price_page_contents .free .free_text span{
    text-decoration: line-through;
    font-size: 0.8em;
    font-weight: 500;
    color: #333;
}

#price_page_contents .price_plus{
    display: block;
    font-size: 40px;
    font-weight: 700;
}




/*--------------------
04.プログラム
--------------------*/
#program .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#program .cnt_area{
padding: 76px 0 118px;
}

#program .cnt_area .h2_ptn01{
margin: 0 0 30px;
}

#program .cnt_area p{
font-size: 18px;
text-align: center;
}

#program #cnt_area01 .point_g{
max-width: 800px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#program #cnt_area01 .point_g .point_box {
display: block;
width: 48%;
padding: 10px;
position: relative;
}

#program #cnt_area01 .point_g .point_box .cnt_img{
display: block;
padding: 10px;
position: relative;
}

#program #cnt_area01 .point_g .point_box .cnt_img::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
top: -30px;
left: -15px;
}

#program #cnt_area01 .point_g .point_box .cnt_img::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
top: -40px;
left: -5px;
}

#program #cnt_area01 .point_g .point_box .point{
font-size: 28px;
font-weight: 500;
font-style: italic;
color: #c6a356;
display: block;
width: fit-content;
margin: 0 auto;
text-align: center;
padding-bottom: 20px;
position: relative;
z-index: 1;
}

#program #cnt_area01 .point_g .point_box .point .num{
font-size: 42px;
}

#program #cnt_area01 .point_g .point_box .cnt_text{
padding: 20px 20px 10px;
position: relative;
}

#program #cnt_area01 .point_g .point_box .cnt_text::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
bottom: -30px;
right: -15px;
}

#program #cnt_area01 .point_g .point_box .cnt_text::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
bottom: -40px;
right: -5px;
}

#program #cnt_area01 .point_g .point_box .cnt_text .title{
font-size: 21px;
font-weight: 500;
color: #c6a356;
text-align: center;
display: block;
padding-bottom: 10px;
}

#program #cnt_area01 .point_g .point_box .cnt_text p{
text-align: left;
display: block;
line-height: 1.8em;
}

#program #cnt_area02 .cnt_g .cnt_box{
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 60px;
}

#program #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 560px;
width: 52%;
}

#program #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 520px;
width: 48%;
margin: 60px 0 0 -40px;
padding: 40px 60px 40px 80px;
border: 1px solid rgba(198, 163, 86, 0.52);
position: relative;
}

#program #cnt_area02 .cnt_g .cnt_box .point.number {
color: rgba(198, 163, 86, 0.47);
font-size: 102px;
font-style: italic;
position: absolute;
top: -73px;
right: 30px;
background: #fff;
}

#program #cnt_area02 .cnt_g .cnt_box .point.number .num{
font-size: 62px;
}

#program #cnt_area02 .cnt_g .cnt_box .cnt_text .title{
font-size: 21px;
line-height: 1.5em;
font-weight: 500;
color: #c6a356;
text-align: left;
display: block;
padding-bottom: 20px;
}

#program #cnt_area02 .cnt_g .cnt_box .cnt_text p{
line-height: 1.8em;
text-align: left;
font-size: 16px;
}

#program .cnt_area p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
}

#program .campagin_bnr{
  margin-top: 3em;
}

/* add start 2023.4.20 */
#program .before_after_title{
  font-weight: 700;
  color: #c6a356;
  text-align: center;
  font-size: 26px;
}

#program .before_after_box{
  margin: 0 20px;
}

#program .before_after_box .cnt_top{
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 15px;
}

#program .before_after_box .cnt_top .num_box {
display: block;
padding: 6px 8px;
border: 1px solid #000;
width: fit-content;
background: #c6a356;
font-size: 14px;
text-align: center;
margin-right: 10px;
}

#program .before_after_box .cnt_top .num_box .num{
display: block;
font-size: 24px;
padding-top: 4px;
}

#program .before_after_box .cnt_top .title{
font-size: 20px;
line-height: 28px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

#program .before_after_box .cnt_top .title .small{
font-size: 16px;
}

#program .before_after_box .cnt_top .title .name{
font-size: 16px;
display: block;
}

#program .before_after_box .cnt_img{
display: block;
position: relative;
width: 100%;
}

#program .before_after_box .cnt_img span{
display: block;
font-size: 28px;
position: absolute;
bottom: 0;
font-style: italic;
border-bottom: 2px solid;
}

#program .before_after_box .cnt_img span.before{
left: 0;
}
#program .before_after_box .cnt_img span.after{
right: 0;
}

#program .before_after_box .cnt_text{
display: block;
padding: 20px 0px 10px;
}

#program .before_after_box .cnt_text dl {
display: block;
padding-bottom: 8px;
}

#program .before_after_box .cnt_text dl dt{
display: inline-block;
padding: 8px 0;
width: 80px;
color: #fff;
background: #000;
text-align: center;
margin-right: 8px;
font-size: 14px;
}

#program .before_after_box .cnt_text dl dd{
display: inline-block;
font-size: 18px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

#program .before_after_box .cnt_text dl dd .result{
color: #c6a356;
}

#program  .link_btn{
  font-weight: bold;
  line-height: 2em;
  position: relative;
  display: block;
  padding: 1rem 3rem;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 100vh;
  max-width: 380px;
  margin: 10px auto;
  font-size: 1rem;
}

#program  a.link_btn_orange{
  background: #f5641d;
}

#program  a.link_btn_blue{
  background: #39a9c5;
}

#program p.link_btn_area{
  text-align: center;
  margin: 3em auto;
}

#program .before_after_slider{
  margin: 2em auto;
  position: relative;
  z-index: 1;
}

#program .before_after_slider .slick-prev,
#program .before_after_slider .slick-next{
  position: absolute;
  z-index: 3;
  top:38%;
  cursor: pointer;
}

#program .before_after_slider .slick-prev::before,
#program .before_after_slider .slick-next::before{
  color: #000;
  font-size: 24px;
}

#program .before_after_slider .slick-prev{
  left:-5px;
}

#program .before_after_slider .slick-next{
  right:0;
}

#program .before_after_slider .slick-dots{
  bottom: -5px;
  left: -10px;
}

#program .before_after_slider .slick-dots li button:before {
  font-size: 80px;
}

#program .before_after_slider button {
appearance: none;
outline: none;
padding: 0;
}
/* add end 2023.4.20 */

/*---------------------
05.トレーナー
----------------------*/

.under_page #trainer .cnt_area{
padding: 80px 0;
}

.under_page #trainer .cnt_area .cnt_g{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto 100px;
}

.under_page #trainer .cnt_area .cnt_g.g01{
flex-direction: row-reverse;
}

.under_page #trainer .cnt_area .cnt_g .cnt_img{
max-width: 540px;
width: 50%;
}

.under_page #trainer .cnt_area .cnt_g .cnt_text{
max-width: 515px;
width: 47.6%;
}

.under_page #trainer .cnt_area .cnt_text .name_box{
display: block;
box-sizing: border-box;
max-width: 360px;
margin: 0 auto 20px 0;
padding: 30px 20px 20px;
background: #C6A356;
}

.under_page #trainer .cnt_area .cnt_text .name_box .name{
font-size: 36px;
line-height: 1.3em;
padding-bottom: 10px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

.under_page #trainer .cnt_area .cnt_text .name_box .career{
font-size: 16px;
line-height: 1.4em;
}

.under_page #trainer .cnt_area .cnt_text .name_box .career span.title{
font-size: 20px;
display: block;
padding-bottom: 10px;
}

.under_page #trainer .cnt_area .cnt_text .text_box{
font-size: 16px;
line-height: 32px;
text-align: inherit;
max-width: 678px;
}

.under_page #trainer #cnt_area02 .cnt_g{
display: flex;
align-items: start;
justify-content: space-around;
flex-flow: wrap;
padding: 20px 0 30px;
margin: 0 auto 19px;
}

.under_page #trainer #cnt_area02 .cnt_g .cnt_box{
width: 29.62%;
max-width: 320px;
text-align: center;
padding-bottom: 60px;
transition: .3s ease;
}

.under_page #trainer #cnt_area02 .cnt_g .cnt_box:hover{
opacity: 0.8;
}

.under_page #trainer #cnt_area02 .cnt_g .cnt_box .cnt_img{
width: 100%;
margin-bottom: 22px;
border: 1px solid #707070;
}

.under_page #trainer #cnt_area02 .cnt_g .cnt_box .name{
font-size: 18px;
padding-bottom: 8px;
text-align: center;
}

.under_page #trainer #cnt_area02 .cnt_g .cnt_box .gym{
font-size: 14px;
color: #fff;
background: #C6A356;
padding: 5px 0;
width: 140px;
display: block;
text-align: center;
margin: 0 auto;
}

.under_page #trainer #cnt_area02 .btn_trainer{
max-width: 380px;
margin: 0 auto;
text-align: center;
}



/*--------------------
06.スタジオ紹介
--------------------*/

#gym .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#gym .cnt_area {
padding: 76px 0 118px;
}

#gym .cnt_area .cnt_g{
margin-top: 43px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}

#gym .cnt_area .cnt_g .cnt_box{
width: 22.2%;
margin: 0 1.4%;
max-width: 240px;
padding-bottom: 30px;
}

#gym .cnt_area .cnt_g .cnt_box .cnt_img{
width: 100%;
padding-bottom: 22px;
}

#gym .cnt_area .cnt_g .cnt_box .map{
max-width: 240px;
position:relative;
width:100%;
height:0;
padding-top:100%;
margin-bottom: 22px;
}

#gym .cnt_area .cnt_g .cnt_box iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


#gym .cnt_area .cnt_g .cnt_box img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#gym .cnt_area .cnt_g .cnt_box .gym_name{
font-size: 20px;
padding-bottom: 10px;
}

#gym .cnt_area .cnt_g .cnt_box .address{
font-size: 16px;
line-height: 1.4em;
padding-bottom: 10px;
}

#gym .cnt_area .cnt_g .cnt_box .access{
display: block;
font-size: 16px;
line-height: 1.4em;
padding: 6px 6px 6px 10px;
background: #EAEAEA;
}

#gym .cnt_area .btn_ptn01{
margin: 76px auto 0;
}

#gym .cnt_area .btn_ptn01 a{
padding: 22px 5px;
}


/*--------------------
07.東京のジム/神奈川のジム
--------------------*/

.under_page .gym_archive .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

.under_page .gym_archive #gym_area {
padding: 56px 0 55px;
}

.under_page .gym_archive #gym_area h2{
text-align: center;
font-weight: 500;
font-size: 26px;
}

.under_page .gym_archive #gym_area h2::after{
content: "";
display: block;
width: 50px;
height: 1px;
background: #000;
margin: 20px auto 0;
}

.under_page .gym_archive #gym_area .cnt_g{
margin-top: 43px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box{
width: 22.2%;
margin: 0 1.4%;
max-width: 240px;
padding-bottom: 30px;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box .map{
max-width: 240px;
position:relative;
width:100%;
height:0;
padding-top:100%;
margin-bottom: 22px;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box .info_table_box{
width: 100%;
font-size: 14px;
line-height: 20px;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box .info_table_box tr{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box .info_table_box th{
text-align: left;
padding: 5px 5px;
width: 66px;
}

.under_page .gym_archive #gym_area .cnt_g .cnt_box .info_table_box td{
width: calc(100% - 66px);
padding: 5px 0 5px 10px;
}

.under_page .gym_archive #gym_area .btn_ptn01{
margin: 76px auto 0;
}

.under_page .gym_archive #gym_area .btn_ptn01 a{
padding: 22px 5px;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02{
margin-top: 55px;
display: block;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box{
margin: 0;
width: 100%;
max-width: none;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box:first-of-type{
padding-bottom: 60px;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 h3{
margin-bottom: 20px;
font-size: 21px;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .flex_box{
display: flex;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box .map{
margin-bottom: 0;
padding-top: 213px;
max-width: 213px;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box .info_table_box{
margin: 0 50px 0 20px;
font-size: 16px;
line-height: 24px;
width: calc(100% - 375px - 70px);
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box .info_table_box th{
padding: 8px 5px;
width: 80px;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .cnt_box .info_table_box td{
padding: 8px 10px;
width: calc(100% - 80px);
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .btn_ptn02{
margin: auto 0;
}

.under_page .gym_archive #gym_area .cnt_g_ptn02 .btn_ptn02 a{
padding: 18px 15px;
line-height: 20px;
min-width: 160px;
}

.under_page .gym_archive #gym_price_area .cnt_area{
padding: 60px 0 85px;
}

.under_page .gym_archive .h2_ptn01{
margin: 0 auto 38px;
}

.under_page .gym_archive #h2_title_area{
padding: 30px 0 50px;
}

.under_page .gym_archive #h2_title_area h2{
border: 1px solid #C6A356;
color: #C6A356;
padding: 35px 0;
font-size: 48px;
line-height: 1.2em;
text-align: center;
position: relative;
overflow: hidden;
}

.under_page .gym_archive #trial .cnt_area{
padding-bottom: 70px;
}

.under_page .gym_archive .btn_area{
padding: 30px 0 118px;
}

.under_page .gym_archive .btn_area .btn_ptn02{
margin-top: 0;
}

/*--------------------
08.ジムトップ
--------------------*/

/*--- ジムページ共通 ---*/
#gym_nav{
padding: 20px 0;
width: 100%;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}

#gym_nav ul{
display: flex;
justify-content: center;
align-items: flex-start;
}

#gym_nav ul li {
font-size: 16px;
display: block;
width: fit-content;
padding: 0 22px;
line-height: 20px;
border-right: 1px solid #999;
}

#gym_nav ul li:last-of-type{
border-right: none;
}


#other_gym_area {
padding: 54px 0 20px;
}

#other_gym_area .cnt_g{
margin-top: 43px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
}

#other_gym_area .cnt_g .cnt_box{
width: 22.2%;
margin: 0 1.4%;
max-width: 240px;
padding-bottom: 30px;
}

#other_gym_area .cnt_g .cnt_box .cnt_img{
width: 100%;
padding-bottom: 22px;
}

#other_gym_area .cnt_g .cnt_box .map{
max-width: 240px;
position:relative;
width:100%;
height:0;
padding-top:100%;
margin-bottom: 22px;
}

#other_gym_area .cnt_g .cnt_box .map img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit: cover;
}

#other_gym_area .cnt_g .cnt_box .gym_name{
font-size: 20px;
padding-bottom: 10px;
}

#other_gym_area .cnt_g .cnt_box .address{
font-size: 16px;
line-height: 1.4em;
padding-bottom: 10px;
}

#other_gym_area .cnt_g .cnt_box .access{
display: block;
font-size: 16px;
line-height: 1.4em;
padding: 6px 6px 6px 10px;
background: #EAEAEA;
display: flex;
align-items: center;
}

#other_gym_area .cnt_g .cnt_box .info_table_box{
width: 100%;
font-size: 14px;
line-height: 20px;
}

#other_gym_area .cnt_g .cnt_box .info_table_box tr{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#other_gym_area .cnt_g .cnt_box .info_table_box th{
text-align: left;
padding: 5px 5px;
width: 66px;
}

#other_gym_area .cnt_g .cnt_box .info_table_box td{
width: calc(100% - 66px);
padding: 5px 0 5px 10px;
}

/* add start 20230404 */

.customers_voice_area .voice_slider_img dt {
  background: #0883a2;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 1px;
  border-radius: 8px;
  padding: 25px 0 15px;
  margin-bottom: 40px;
  position: relative;
}

.customers_voice_area .voice_slider_img dt span {
  font-size: 20px;
  font-weight: normal;
}

.customers_voice_area .voice_slider_img dt::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  border-style: solid;
  border-width: 18px 30px 0;
  border-color: #0883a2 transparent transparent;
  margin: auto;
}

.customers_voice_area .voice-txt {
  background: #fff;
  font-size: 20px;
  line-height: 1.8em;
  padding: 50px;
  margin: 30px auto;
}

.customers_voice_area .note {
  text-align: center;
  margin: 3em auto 2em;
}

.customers_voice_area .voice_slider {
  position: relative;
  z-index: 1;
}

.customers_voice_area .voice_slider .slick-dots li button:before {
  font-size: 80px;
}

.customers_voice_area .voice_slider .slick-dots{
  bottom: 20px;
}
.customers_voice_area .voice_slider .slick-dotted .slick-slider {
  margin-bottom: -60px;
}

.voice_slider_prevArrow{
  width:50px;
  height:70px;
  position:absolute;
  top:50%;
  left:-20px;
  z-index:99
}

.voice_slider_nextArrow{
  width:50px;
  height:70px;
  position:absolute;
  top:50%;
  right:-20px;
  z-index:99
}

/* add end 20230404 */

/*--- ジムページ共通 END ---*/

.under_page .gym_top{
}

.under_page .gym_top .cnt_area{
padding: 60px 0 85px;
}

.under_page .gym_top .h2_ptn01{
margin: 0 auto 38px;
}

.under_page .gym_top #cnt_area01 .top_img{
width: 100%;
margin-bottom: 38px;
border: 1px solid #707070;
}

.under_page .gym_top #cnt_area01 table{
width: 100%;
table-layout: fixed;
word-break: break-word;
}

.under_page .gym_top #cnt_area01 table th{
width: 22.6%;
border: 1px solid #707070;
background: #000;
color: #fff;
font-size: 18px;
line-height: 50px;
vertical-align: middle;
}

.under_page .gym_top #cnt_area01 table td{
width: 77.4%;
border: 1px solid #707070;
background: #fff;
font-size: 18px;
line-height: 28px;
padding: 24px 33px 21px;
vertical-align: middle;
}

.under_page .gym_top #cnt_area01 dl{
display: flex;
}
.under_page .gym_top #cnt_area01 dl dt{
width: 152px;
}

.under_page .gym_top #cnt_area01 dl dd span{
display: inline-block;
margin-left: 80px;
}

.under_page .gym_top #cnt_area01 table td.td01 .cnt_g{
display: flex;
align-items: center;
}

.under_page .gym_top #cnt_area01 table td.td01 .cnt_g .tel_box{
width: 345px;
}

.under_page .gym_top #cnt_area01 table td .btn_contact{
line-height: 18px;
}

.under_page .gym_top #cnt_area02 .map {
border: 1px solid #707070;
max-height: 465px;
margin: 0 auto 24px;
}
.under_page .gym_top #cnt_area02 .map iframe{
width: 99.9%;
height: 463px;
}

.under_page .gym_top #cnt_area02 .btn_access{
max-width: 305px;
margin: 0 auto;
text-align: center;
}

.under_page .gym_top #cnt_area03 .contents_in{
max-width: 1120px;
}

.under_page .gym_top #cnt_area03 .interior_g{
margin: 18px auto;
}

.under_page .gym_top #cnt_area03 .interior_g ul li{
max-width: 240px;
margin: 0 20px;
border: 1px solid #707070;
}

.under_page .gym_top #cnt_area03 .slick-arrow{
font-size: 0;
width: 24px;
height: 48px;
box-sizing: border-box;
padding: 0;
border-radius: 0;
border:none;
box-shadow: none;
position: absolute;
top: 50%;
transform: translate(0,-50%);
}

.under_page .gym_top #cnt_area03 .slick-prev{
background: url("../img/tokyo/shibuya/top/arrow_slider01.png")no-repeat left top;
background-size: 100% auto;
left: -20px;
z-index: 1;
}

.under_page .gym_top #cnt_area03 .slick-next{
background: url(../img/tokyo/shibuya/top/arrow_slider02.png) no-repeat left top;
background-size: 100% auto;
right: -20px;
}


.under_page .gym_top #cnt_area04 .cnt_g{
display: flex;
align-items: start;
justify-content: space-around;
flex-flow: wrap;
padding: 20px 0 30px;
margin: 0 auto 19px;
}

.under_page .gym_top #cnt_area04 .cnt_g .cnt_box{
width: 29.62%;
max-width: 320px;
text-align: center;
}

.under_page .gym_top #cnt_area04 .cnt_g .cnt_box .cnt_img{
width: 100%;
margin-bottom: 22px;
border: 1px solid #707070;
}

.under_page .gym_top #cnt_area04 .cnt_g .cnt_box .name{
font-size: 18px;
text-align: center;
}

.under_page .gym_top #cnt_area04 .cnt_g .cnt_box .introduction_text{
font-size: 14px;
font-weight: 400;
line-height: 26px;
margin: 15px auto 0;
text-align: left;
}

.under_page .gym_top #cnt_area04 .btn_trainer{
max-width: 380px;
margin: 0 auto;
text-align: center;
}

.under_page .gym_top #cnt_area05.cnt_area{
padding: 60px 0;
}

.under_page .gym_top #cnt_area05 .cnt_g{
display: flex;
align-items: start;
justify-content: space-between;
flex-flow: wrap;
margin: 0 auto 39px;
}

.under_page .gym_top #cnt_area05 .cnt_g .cnt_box{
max-width: 530px;
width: 49%;
padding: 23px 20px 50px;
border: 1px solid #999999;
background: #fff;
font-size: 14px;
line-height: 24px;
color: #707070;
}

.under_page .gym_top #cnt_area05 .cnt_g .cnt_box .person_text{
margin: 0 0 13px;
}

.under_page .gym_top #cnt_area05 .cnt_g .cnt_box .cnt_img{
width: 100%;
margin: 0 auto 28px;
}

.under_page .gym_top #cnt_area05 .cnt_g .cnt_box .cnt_text p{
margin-bottom: 1em;
}

.under_page .gym_top #cnt_area05 .cnt_g .cnt_box .cnt_text p:last-of-type{
margin-bottom: 0;
}

.under_page .gym_top #cnt_area05 .btn_voice{
max-width: 261px;
margin: 0 auto;
text-align: center;
}

.under_page .gym_top #cnt_area06 .cnt_box{
font-size: 14px;
line-height: 24px;
color: #707070;
}

.under_page .gym_top #cnt_area06.cnt_area{
padding: 60px 0;
}

/*ジムトップページコース料金表・比較表*/

#gym_price_area #price_area{
padding: 60px 0 30px;
}

#gym_price_area #price_area .first_text{
line-height: 28px;
padding: 0 0 46px;
text-align: center;
}

#gym_price_area #price_area .attention_text{
text-align: right;
font-size: 12px;
line-height: 24px;
}


#gym_price_area #price_compare_area table{
width: 100%;
border: 1px solid #707070;
}

#gym_price_area #price_compare_area th{
text-align: center;
font-size: 18px;
color: #fff;
border: 1px solid #707070;
padding: 39px 0 43px;
}

#gym_price_area #price_compare_area td{
text-align: center;
font-size: 14px;
border: 1px solid #707070;
padding: 44px 0 41px;
}

#gym_price_area #price_compare_area .tr01{
background: #000;
}

#gym_price_area #price_compare_area .tr_this{
background: #C6A356;
}

#gym_price_area #price_compare_area .company_th{
width: 21.6%;
}

#gym_price_area #price_compare_area .period_th{
width: 17.2%;
}

#gym_price_area #price_compare_area .time_th{
width: 17.2%;
}

#gym_price_area #price_compare_area .price_th{
width: 19.8%;
}

#gym_price_area #price_compare_area .enter_fee_th{
width: 21%;
}

/*END コース料金表・比較表*/



/*店舗ページよくあるご質問*/
.under_page .gym_top #cnt_area07{
padding: 80px 0;
margin: 0 auto;
}
.under_page .gym_top #cnt_area07 .cnt_box{
border-bottom: 1px solid #C6A356;
margin: 0 auto;
}

.under_page .gym_top #cnt_area07 .cnt_box:nth-child(1){
border-top: 1px solid #C6A356;
}

.under_page .gym_top #cnt_area07 .cnt_box .question_box{
display: flex;
align-items: start;
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #000;
position: relative;
cursor: pointer;
padding:30px 40px;
}

.under_page .gym_top #cnt_area07 .cnt_box .icon{
padding: 0 30px 0 0;
color: #C6A356;
font-weight: 500;
font-size: 32px;
font-style: italic;
}

.under_page .gym_top #cnt_area07 .cnt_box .icon span{
font-size: 40px;
}

.under_page .gym_top #cnt_area07 .cnt_box .text{
padding: 2px 0 0;
}

.under_page .gym_top #cnt_area07 .cnt_box .answer_box{
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 30px;
/*display: none;*/
padding:30px 40px 30px 88px;
background: #eee;
}


.under_page .gym_top #cnt_area07 .cnt_box .answer_box .box_in{
display: flex;
align-items: start;
}

.under_page .gym_top #cnt_area07 .cnt_box .answer_box a{
color: #fff;
text-decoration: underline;
}

.under_page .gym_top #cnt_area07 .button span::before,
.under_page .gym_top #cnt_area07 .button span::after {
content: '';
/*display: block;*/
display: none;
width: 20px;
height: 2px;
border-radius: 5px;
background: #C6A356;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}

.under_page .gym_top #cnt_area07 .button span::after {
background: #C6A356;
transform: translateY(-50%) rotate(90deg);
transition: 0.5s;
}

.under_page .gym_top #cnt_area07 .button.active span::after {
transform: rotate(0);
transition: 0.5s;
height: 1px;
}
/* END 店舗ページよくあるご質問*/

/*---------------------
08_01.ジムアクセス
----------------------*/
.under_page .gym_access{

}
.under_page .gym_access .cnt_area{
padding: 60px 0 85px;
}

.under_page .gym_access .h2_ptn01{
margin: 0 auto 38px;
}
.under_page .gym_access #cnt_area01 table{
width: 100%;
table-layout: fixed;
word-break: break-word;
}

.under_page .gym_access #cnt_area01 table th{
width: 22.6%;
border: 1px solid #707070;
background: #000;
color: #fff;
font-size: 18px;
line-height: 50px;
vertical-align: middle;
}

.under_page .gym_access #cnt_area01 table td{
width: 77.4%;
border: 1px solid #707070;
background: #fff;
font-size: 18px;
line-height: 28px;
padding: 24px 33px 21px;
vertical-align: middle;
}

.under_page .gym_access #cnt_area02 .root_box{
margin: 0 auto 100px;
}

.under_page .gym_access #cnt_area02 .root_box:last-of-type{
margin: 0;
}

.under_page .gym_access #cnt_area02 .cnt_box{
border-left: 1px solid #C6A356;
margin: 0 auto 0 10px;
padding: 0 0 70px;
}

.under_page .gym_access #cnt_area02 .cnt_box:last-of-type{
padding: 0;
}

.under_page .gym_access #cnt_area02 dl{
display: flex;
align-items: center;
margin: 0 0 15px 0;
position: relative;
top: -23px;
left: -10px;
}

.under_page .gym_access #cnt_area02 dl dt{
width: max-content;
font-size: 32px;
line-height: 44px;
position: relative;
}

.under_page .gym_access #cnt_area02 dl dt::before {
display: inline-block;
margin: 0 19px 0 0;
width: 20px;
height: 20px;
content: '';
border-radius: 100%;
background: #C6A356;
}

.under_page .gym_access #cnt_area02 dl dd{
display: inline-block;
font-size: 18px;
line-height: 28px;
padding: 2px 17px 0;
margin: 0 0 0 18px;
border-left: 3px solid #C6A356;
}

.under_page .gym_access #cnt_area02 .cnt_img{
max-width: 800px;
margin: 0 auto;
}

/*--------------------
08_02.ジムトレーナー紹介
--------------------*/

.under_page .gym_trainer {
}

.under_page .gym_trainer .cnt_area{
padding: 76px 0 28px;
}

.under_page .gym_trainer .cnt_area .h2_ptn01{
margin: 0 0 50px;
}

.under_page .gym_trainer .cnt_area p{
font-size: 18px;
text-align: center;
}

.under_page .gym_trainer .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

.under_page .gym_trainer #title_area{
padding: 76px 0 30px;
}

.under_page .gym_trainer #trainer_area .cnt_g{
/* display: flex;
align-items: start;
justify-content: space-around;
flex-flow: wrap; */
margin: 0 auto;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box{
/* width: 29.62%;
max-width: 320px; */
/* text-align: center; */
margin: 0 auto 90px;
}

/* .under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_img{
width: 100%;
margin-bottom: 22px;
border: 1px solid #707070;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .name{
font-size: 18px;
text-align: center;
} */

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_img{
max-width: 480px;
width: 90%;
margin: 0 auto 46px;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text .name_box{
display: block;
box-sizing: border-box;
width: 360px;
margin-right: 40px;
padding: 50px 20px;
background: #C6A356;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text .name_box .name{
font-size: 40px;
padding-bottom: 30px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text .name_box .career{
font-size: 16px;
line-height: 1.4em;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text .name_box .career span.title{
font-size: 20px;
display: block;
padding-bottom: 10px;
}

.under_page .gym_trainer #trainer_area .cnt_g .cnt_box .cnt_text .text_box{
font-size: 16px;
line-height: 32px;
text-align: inherit;
max-width: 678px;
}


/*--------------------
08_03.トレーナー詳細
--------------------*/

.under_page .gym_trainer #detail_area .cnt_img{
max-width: 580px;
width: 90%;
margin: 0 auto 76px;
}

.under_page .gym_trainer #detail_area .cnt_text{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.under_page .gym_trainer #detail_area .cnt_text .name_box{
display: block;
box-sizing: border-box;
width: 360px;
margin-right: 40px;
padding: 50px 20px;
background: #C6A356;
}

.under_page .gym_trainer #detail_area .cnt_text .name_box .name{
font-size: 40px;
padding-bottom: 30px;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}

.under_page .gym_trainer #detail_area .cnt_text .name_box .career{
font-size: 16px;
line-height: 1.4em;
}

.under_page .gym_trainer #detail_area .cnt_text .name_box .career span.title{
font-size: 20px;
display: block;
padding-bottom: 10px;
}

.under_page .gym_trainer #detail_area .cnt_text .text_box{
font-size: 16px;
line-height: 32px;
text-align: inherit;
max-width: 678px;
}

.under_page .gym_trainer #detail_area .btn_ptn01{
margin: 76px auto 0;
}

/*--------------------
08_04.お客様の声
--------------------*/

.under_page .gym_voice {

}

.under_page .gym_voice .cnt_area{
padding: 76px 0 118px;
}

.under_page .gym_voice .cnt_area .h2_ptn01{
margin: 0 0 50px;
}

.under_page .gym_voice .cnt_area p{
font-size: 18px;
text-align: center;
}

.under_page .gym_voice .cnt_area .cnt_text p{
font-size: 16px;
text-align: left;
margin-bottom: 1em;
}

.under_page .gym_voice .cnt_area .cnt_text p:last-of-type{
margin-bottom: 0;
}

.under_page .gym_voice .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

.under_page .gym_voice #title_area{
padding: 76px 0 30px;
}

.under_page .gym_voice #voice_area.cnt_area{
padding: 60px 0;
}

.under_page .gym_voice #voice_area .cnt_g{
display: flex;
align-items: start;
justify-content: space-between;
flex-flow: wrap;
margin: 0 auto 39px;
}

.under_page .gym_voice #voice_area .cnt_g .cnt_box{
max-width: 530px;
width: 49%;
padding: 23px 20px 50px;
border: 1px solid #999999;
background: #fff;
font-size: 14px;
line-height: 24px;
color: #707070;
margin-bottom: 20px;
}

.under_page .gym_voice #voice_area .cnt_g .cnt_box .person_text{
margin: 0 0 13px;
}

.under_page .gym_voice #voice_area .cnt_g .cnt_box .cnt_img{
width: 100%;
margin: 0 auto 28px;
}

.under_page .gym_voice #voice_area .btn_voice{
max-width: 261px;
margin: 0 auto;
text-align: center;
}


/*--------------------
08_05.お客様の声詳細
--------------------*/

.under_page .gym_voice #detail_area .cnt_g {
max-width: 800px;
width: 90%;
font-size: 16px;
line-height: 28px;
color: #707070;
margin: 0 auto 39px;
}


.under_page .gym_voice #detail_area .cnt_g .cnt_img{
width: 100%;
margin: 0 auto 28px;
}

.under_page .gym_voice #detail_area .btn_ptn01{
max-width: 261px;
margin: 0 auto;
text-align: center;
}



/*--------------------
09.お知らせ
--------------------*/

#news #cnt_area01{
padding: 76px 0 96px;
position: relative;
}

#news #cnt_area01 h2{
font-size: 60px;
text-align: center;
position: relative;
margin: 0 0 9px;
}

#news #cnt_area01 .cnt_g{
max-width: 800px;
width: 100%;
margin: 0 auto 25px;
border-top: 1px solid #000000;
}

#news #cnt_area01 dl{
border-bottom: 1px solid #000000;
/*font-family: 'Noto Sans JP', sans-serif;*/
padding: 23px 0 24px;
}

#news #cnt_area01 dt{
margin: 0 0 9px;
}

#news #cnt_area01 dd{
font-weight: 500;
line-height: 20px;
}

.pager_area {
width: fit-content;
margin: 60px auto 0;
display: block;
}

.pager_area .wp-pagenavi a, .pager_area .wp-pagenavi span {
border: 1px solid #c7a356;
padding: 5px 8px;
font-family: 'DINPRO-MEDIUM';
}

.pager_area .wp-pagenavi a:hover, .pager_area .wp-pagenavi span.current {
border-color: #c7a356;
background: #c7a356;
}

.pager_area .wp-pagenavi span.pages {
display: none;
}


/*--- お知らせ詳細 ---*/
#news_detail #cnt_area01{
padding: 76px 0 96px;
position: relative;
}

#news_detail #cnt_area01 .cnt_g{
background: #fff;
padding: 40px 60px;
}

#news_detail #cnt_area01 .cnt_g .date{
font-size: 20px;
padding-bottom: 30px;
}

#news_detail #cnt_area01 .cnt_g .title{
font-size: 22px;
line-height: 38px;
padding-bottom: 10px;
border-bottom: 2px solid #c6a356;
margin-bottom: 15px;
}

#news_detail #cnt_area01 .cnt_g .article_cnt {
	line-height: 1.8em;
}

#news_detail #cnt_area01 .cnt_g .article_cnt p{
display: block;
line-height: 1.8em;
padding-bottom: 20px;
}

#news_detail #cnt_area01 .btn_back{
min-width: 200px;
margin: 40px auto 0;
}


/*--------------------
10.ビフォーアフター
--------------------*/
#before_after .contents_in{
width: 98%;
}


#before_after .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#before_after .cnt_area{
padding: 76px 0 118px;
}

#before_after .cnt_area p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
}

#before_after .cnt_area .h2_ptn01{
margin: 0 0 30px;
}

#before_after .cnt_area p{
font-size: 18px;
text-align: center;
}


#before_after #cnt_area01 .cnt_g{
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: wrap;
padding-bottom: 60px;
}

#before_after #cnt_area01 .cnt_g .cnt_box{
display: block;
max-width: 380px;
min-width: 314px;
width: 31.7%;
margin: 0 auto 30px;
padding: 15px 12px 10px;
background: #fff;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top{
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 15px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top .num_box {
display: block;
padding: 6px 8px;
border: 1px solid #000;
width: fit-content;
background: #c6a356;
font-size: 14px;
text-align: center;
margin-right: 10px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top .num_box .num{
display: block;
font-size: 24px;
padding-top: 4px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top .title{
font-size: 20px;
line-height: 28px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top .title .small{
font-size: 16px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_top .title .name{
font-size: 16px;
display: block;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_img{
display: block;
position: relative;
width: 100%;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_img span{
display: block;
font-size: 28px;
position: absolute;
bottom: 0;
/*color: #c6a356;*/
font-style: italic;
border-bottom: 2px solid;
/*font-weight: 600;*/
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_img span.before{
left: 0;
}
#before_after #cnt_area01 .cnt_g .cnt_box .cnt_img span.after{
right: 0;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_text{
display: block;
padding: 20px 0px 10px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_text dl {
display: block;
padding-bottom: 8px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_text dl dt{
display: inline-block;
padding: 8px 0;
width: 80px;
color: #fff;
background: #000;
text-align: center;
margin-right: 8px;
font-size: 14px;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_text dl dd{
display: inline-block;
font-size: 18px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

#before_after #cnt_area01 .cnt_g .cnt_box .cnt_text dl dd .result{
color: #c6a356;
}


/*----------
11.お客様の声
----------*/

#customers_voice #h1_title_area p span{
font-size: 16px;
line-height: 22px;
color: #707070;
}

#customers_voice #cnt_area01{
padding: 0 0 100px;
}

#customers_voice #cnt_area01 .cnt_box{
margin: 0 auto 60px;
}

#customers_voice #cnt_area01 .title_box{
max-width: 958px;
width: 88.71%;
margin: 0 auto;
/* background: #f2f2f2; */
display: flex;
align-items: center;
justify-content: space-between;
}


#customers_voice #cnt_area01 .title_img{
max-width: 300px;
width: 31.32%;
}

#customers_voice #cnt_area01 .title_text{
max-width: 608px;
width: 64%;
}

#customers_voice #cnt_area01 .title_text .number_text{
font-family: 'DINPRO-BOLD';
color: #C6A356;
font-size: 46px;
margin: 0 0 22px;
}

#customers_voice #cnt_area01 .title_text h3{
font-weight: 500;
font-size: 36px;
line-height: 48px;
margin: 0 0 12px;
}

#customers_voice #cnt_area01 .title_text .name_text{
font-size: 16px;
letter-spacing: 0.05em;
}

#customers_voice #cnt_area01 .cnt_text{
border: 1px solid #C6A356;
padding: 15px 60px 40px;
margin: -30px auto 0;
}

#customers_voice #cnt_area01 .cnt_text h4{
/* font-family: 'A-OTF-UDShinGoPro-DeBold',sans-serif; */
font-weight: 500;
color: #C6A356;
font-size: 22px;
line-height: 32px;
margin: 40px 0 22px;
}

#customers_voice #cnt_area01 .cnt_text h4 .number{
font-family: 'DINPRO-BOLD';
}

#customers_voice #cnt_area01 .cnt_text p{
font-size: 16px;
line-height: 32px;
}

#customers_voice #cnt_area01 .last_text{
font-weight: 700;
font-size: 30px;
line-height: 42px;
text-align: center;
padding: 40px 0;
}

#customers_voice #cnt_area01 .last_text span.number{
font-family: 'DINPRO-BOLD';
}

#customers_voice #cnt_area01 .next_btn{
margin: 0px auto 0;
}

#customers_voice #cnt_area01 .next_btn a{
background: #c6a356;
transition: background-color .4s linear;
font-weight: 500;
color: #fff;
}

#customers_voice #cnt_area01 .next_btn a:hover{
background: #fff;
color: #c6a356;
}

#customers_voice #cnt_area01 .btn_ptn01 svg rect, #customers_voice #cnt_area01 .btn_ptn01 svg path, #customers_voice #cnt_area01 .btn_ptn01 svg polyline{
stroke:#c6a356;
}


/*--------------
12.よくある質問
--------------*/
#faq #cnt_area01{
padding: 80px 0;
margin: 0 auto;
}
#faq #cnt_area01 .cnt_box{
border-bottom: 1px solid #C6A356;
margin: 0 auto;
}

#faq #cnt_area01 .cnt_box:nth-child(1){
border-top: 1px solid #C6A356;
}

#faq #cnt_area01 .cnt_box .question_box{
display: flex;
align-items: start;
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: #000;
position: relative;
cursor: pointer;
padding:30px 40px;
}

#faq #cnt_area01 .cnt_box .icon{
padding: 0 30px 0 0;
color: #C6A356;
font-weight: 500;
font-size: 32px;
font-style: italic;
}

#faq #cnt_area01 .cnt_box .icon span{
font-size: 40px;
}

#faq #cnt_area01 .cnt_box .text{
padding: 2px 0 0;
}

#faq #cnt_area01 .cnt_box .answer_box{
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 30px;
display: none;
padding:30px 40px 30px 88px;
background: #eee;
}


#faq #cnt_area01 .cnt_box .answer_box .box_in{
display: flex;
align-items: start;
}

#faq #cnt_area01 .cnt_box .answer_box a{
color: #fff;
text-decoration: underline;
}

#faq #cnt_area01 .button span::before,
#faq #cnt_area01 .button span::after {
content: '';
display: block;
width: 20px;
height: 2px;
border-radius: 5px;
background: #C6A356;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}

#faq #cnt_area01 .button span::after {
background: #C6A356;
transform: translateY(-50%) rotate(90deg);
transition: 0.5s;
}

#faq #cnt_area01 .button.active span::after {
transform: rotate(0);
transition: 0.5s;
height: 1px;
}


/*----------
13.ご入会の流れ
----------*/


#flow .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#flow .cnt_area{
padding: 76px 0 118px;
}

#flow .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}


#flow #cnt_area02 .cnt_g .cnt_box{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 80px;
}

#flow #cnt_area02 .cnt_g .cnt_box:nth-child(even){
flex-direction: row-reverse;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 520px;
width: 48.15%;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 520px;
width: 48.15%;
position: relative;
/* margin: 0 0 0 40px; */
}

#flow #cnt_area02 .cnt_g .cnt_box .point.number {
color: rgba(198, 163, 86, 0.47);
font-size: 102px;
font-style: italic;
position: absolute;
top: -73px;
right: 30px;
display: none;
}

#flow #cnt_area02 .cnt_g .cnt_box .point.number .num{
font-size: 62px;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text .title{
font-weight: 500;
font-size: 28px;
line-height: 34px;
color: #c6a356;
text-align: left;
display: block;
margin: 0 0 25px;

}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text p{
font-size: 16px;
line-height: 32px;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text span{
font-weight: 500;
color: #c6a356;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text ul{
margin: 20px 0 5px;
border-top: 1px solid #c6a356;
border-bottom: 1px solid #c6a356;
padding: 15px 10px;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text li{
font-size: 16px;
line-height: 24px;
padding: 10px 0;
position: relative;
text-indent: -1.1em;
margin: 0 0 0 1.1em;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text li::before{
content: "";
display: inline-block;
width: 8px;
height: 8px;
background: #c6a356;
/* border-radius: 50%; */
margin: 9px 8px 0 0;
vertical-align: top;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text p.attention_text{
text-align: right;
color: #707070;
font-size: 14px;
}


#flow #cnt_area02 .cnt_g .cnt_box .cnt_text .next_btn{
margin: 20px 0 0 auto;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text .next_btn a{
background: #c6a356;
transition: background-color .4s linear;
color: #fff;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text .next_btn a:hover{
background: #fff;
color: #c6a356;
}

#flow #cnt_area02 .cnt_g .cnt_box .cnt_text .btn_ptn01 svg rect, #flow #cnt_area02 .cnt_g .cnt_box .cnt_text .btn_ptn01 svg path, #flow #cnt_area02 .cnt_g .cnt_box .cnt_text .btn_ptn01 svg polyline{
stroke:#c6a356;
}


/*--------------------
14.モニター募集
--------------------*/

#monitor .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#monitor .cnt_area{
padding: 76px 0 118px;
}

#monitor .cnt_area .h2_ptn01{
margin: 0 0 30px;
}

#monitor .cnt_area p{
font-size: 18px;
text-align: center;
}

#monitor .cnt_area p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
}

/*--------------------
15.会社概要
--------------------*/

#company .cnt_area{
padding: 76px 0 118px;
}

#company #cnt_area01 table{
max-width: 800px;
margin: 0 auto;
font-size: 16px;
}

#company #cnt_area01 table tr th{
padding: 20px 10px;
width: 28%;
color: #fff;
background: #000;
vertical-align: middle;
text-align: center;
border: 1px solid #707070;
}

#company #cnt_area01 table tr td{
padding: 20px;
vertical-align: middle;
line-height: 28px;
background: #fff;
border: 1px solid #707070;
}

/*--------------------
16.プライバシーポリシー
--------------------*/
#privacy .cnt_area {
padding: 76px 0 118px;
}

#privacy .cnt_area .h2_ptn01{
margin: 0 0 30px;
}

#privacy .cnt_area .cnt_g .cnt_box{
margin: 0 auto 40px;
}

#privacy .cnt_area .first_text{
line-height: 28px;
padding: 0 0 20px;
}

#privacy #cnt_area01 .cnt_g .cnt_box .title{
font-size: 34px;
line-height: 1.5em;
font-weight: 500;
color: #c6a356;
padding-bottom: 10px;
position: relative;
margin: 0 0 30px;
}

#privacy #cnt_area01 .cnt_g .cnt_box .title::after {
position: absolute;
content: " ";
border-bottom: solid 2px #c6a356;
bottom: -4px;
width:60px;
display: block;
}

#privacy .cnt_area .cnt_g .cnt_box .cnt_text{
margin: 10px 0 0 1em;
}


#privacy .cnt_area .cnt_g .cnt_box .title02{
color: #c6a356;
font-size: 20px;
line-height: 28px;
padding: 0 0 10px;
}

#privacy .cnt_area .cnt_g .cnt_box ul{
margin: 0 0 20px 1em;
}

#privacy .cnt_area .cnt_g .cnt_box ul li{
font-size: 16px;
line-height: 26px;
padding: 0 0 8px 0.5em;
position: relative;
}

#privacy .cnt_area .cnt_g .cnt_box ul li::after {
display: block;
content: '';
position: absolute;
top: .65em;
left: -0.5em;
width: 8px;
height: 1px;
background-color: #c6a356;
}


#privacy .cnt_area .cnt_g .cnt_box02{
font-size: 16px;
line-height: 28px;
text-align: right;
margin: 20px 0 0;
}

#privacy #cnt_area02 .cnt_box{
max-width: 900px;
margin: 0 auto;
padding: 40px;
border: 1px solid #C6A356;
}

#privacy #cnt_area02 .cnt_box p{
font-size: 20px;
line-height: 30px;
text-align: center;
margin: 0 auto 30px;
}

#privacy #cnt_area02 .cnt_box .contact_box{
font-size: 16px;
font-weight: bold;
line-height: 28px;
text-align: center;
}

#privacy #cnt_area02 .cnt_box .contact_box .tel_box{
display: block;
font-family: 'DINPRO-BOLD';
font-size: 50px;
line-height: 1.3em;
text-align: center;
}

#privacy #cnt_area02 .cnt_box .contact_box .tel_box .text_small{
font-size: 40px;
}

/*--------------------
17.採用・求人情報
--------------------*/

#recruit .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#recruit .cnt_area{
padding: 76px 0 118px;
}


#recruit .cnt_area p{
font-size: 18px;
text-align: center;
}

#recruit .cnt_area .h2_ptn01{
margin: 0 0 30px;
}


#recruit .cnt_area .top_text {
display: block;
width: fit-content;
position: relative;
margin: 0 auto 40px;
}

#recruit .cnt_area .top_text::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
top: 0;
left: -15px;
}

#recruit .cnt_area .top_text::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
top: -15px;
left: 0;
}

#recruit .cnt_area .top_bg {
display: block;
width: fit-content;
margin: 0 auto;
padding: 40px 60px 10px;
position: relative;
}

#recruit .cnt_area .top_bg::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
bottom: 0;
right: -15px;
}

#recruit .cnt_area .top_bg::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
bottom: -15px;
right: 0;
}

#recruit .cnt_area .top_text p {
font-size: 16px;
line-height: 30px;
text-align: center;
padding-bottom: 20px;
}

#recruit .cnt_area .top_text p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
padding-bottom: 30px;
}

#recruit .cnt_area .btn_recruit{
width: 260px;
}

#recruit #cnt_area01 .cnt_g{
margin: 80px auto 60px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

#recruit #cnt_area01 .cnt_g .cnt_box {
display: block;
width: 32.5%;
position: relative;
}

#recruit #cnt_area01 .cnt_g .cnt_box .cnt_img{
display: block;
padding: 10px;
position: relative;
}

#recruit #cnt_area01 .cnt_g .cnt_box .cnt_text{
padding: 20px 10px 10px;
position: relative;
}

#recruit #cnt_area01 .cnt_g .cnt_box .cnt_text .title{
font-size: 21px;
line-height: 32px;
font-weight: 500;
color: #c6a356;
text-align: center;
display: block;
padding-bottom: 10px;
}

#recruit #cnt_area01 .cnt_g .cnt_box .cnt_text p{
text-align: left;
display: block;
line-height: 1.8em;
font-size: 16px;
}

#recruit #cnt_area03 table{
width: 100%;
margin: 0 auto;
font-size: 16px;
}

#recruit #cnt_area03 table tr th{
padding: 20px 10px;
width: 28%;
color: #fff;
background: #000;
vertical-align: middle;
text-align: center;
border: 1px solid #707070;
}

#recruit #cnt_area03 table tr td{
padding: 20px;
vertical-align: middle;
line-height: 28px;
background: #fff;
border: 1px solid #707070;
}


/*----- form共通 -----*/

.under_page .form_area{

}


.under_page .form_area .contact_box{
padding: 40px 50px;
margin: 0 auto 60px;
text-align: center;
background: #eee;
width: 100%;
max-width: 700px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

.under_page .form_area .contact_box p{
font-size: 20px!important;
line-height: 32px;
padding-bottom: 15px;
}

.under_page .form_area .contact_box .tel_num{
font-size: 52px;
padding: 0 0 15px 46px;
position: relative;
width: fit-content;
margin: 0 auto;
font-weight: 500;
}

.under_page .form_area .contact_box .tel_num::before{
content: '';
background: url("../common/img/icon_tel02.png") no-repeat center;
background-size: contain;
width: 36px;
height: 36px;
position: absolute;
top: 10px;
left: 0;
}

.under_page .form_area .contact_box .time{
font-size: 18px;
}

.under_page .form_area .form_box table{
width: 100%;
margin: 0 auto;
}

.under_page .form_area .form_box table.form tr{
}

.under_page .form_area .form_box table.form tr th{
padding: 20px 10px 20px 58px;
width: 28%;
color: #fff;
background: #000;
vertical-align: middle;
text-align: left;
border: 1px solid #707070;
font-size: 16px;
line-height: 28px;
position: relative;
}

.under_page .form_area .form_box table.form tr th span.must{
color: #fff;
background: #C6A356;
width: fit-content;
font-size: 12px;
line-height: 1em;
padding: 4px 6px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
border-radius: 3px;
}

.under_page .form_area .form_box table.form tr td{
padding: 20px;
vertical-align: middle;
line-height: 28px;
background: #fff;
border: 1px solid #707070;
}

.under_page .form_area .form_box table.form tr td input[type=email],
.under_page .form_area .form_box table.form tr td input[type=tel],
.under_page .form_area .form_box table.form tr td input[type=text]{
background: #eee;
border: none;
padding: 8px 10px;
font-size: 16px;
line-height: 24px;
width: 100%;
max-width: 600px;
height: 40px;
}

.under_page .form_area .form_box table.form tr td .small{
max-width: 260px;
}
.under_page .form_area .form_box table.form tr td input.date{
max-width: 100px;
margin: 5px 10px 5px 0;
}

.under_page .form_area .form_box table.form tr td textarea{
background: #eee;
border: none;
padding: 8px 10px;
font-size: 16px;
line-height: 24px;
width: 100%;
height: 200px;
}

.under_page .form_area .form_box table.form tr td select{
background: #eee;
border: none;
padding: 8px 10px;
font-size: 16px;
line-height: 24px;
width: 100%;
max-width: 600px;
height: 40px;
border-radius: 0;
margin: 5px 10px 5px 0;
}

.under_page .form_area .form_box table.form tr td ul{
display: flex;
justify-content: flex-start;
align-items: center;
flex-flow: wrap;
}

.under_page .form_area .form_box table.form tr td ul li{
padding-right: 10px;
}

.under_page .form_area .form_box table.form tr td ul li.mw140{
padding-right: 10px;
min-width: 140px;
width: 30%;
}

.under_page .form_area .form_box span.mwform-radio-field.horizontal-item {
/*width: 140px;*/
display: inline-block;
margin: 0;
}

.under_page .form_area .form_box table.form tr td p{
font-size: 16px!important;
text-align: left!important;
line-height: 24px;
}

.under_page .form_area .form_box .btn_submit{
max-width: 260px;
width: 100%;
margin: 80px auto 0;
}

.under_page .form_area .form_box .btn_submit input[type=submit]{
width: 100%;
display: block;
border: none;
background: none;
display: block;
color: #000;
padding: 22px 15px;
text-align: center;
transition: all .4s ;
position: relative;
z-index: 1;
font-size: 16px;
}

.under_page .form_area .form_box .btn_submit:hover input[type=submit]{
width: 100%;
color: #fff;
}

/*----- form共通 END -----*/


/*--------------------
18.無料カウンセリング
--------------------*/

#trial .cnt_area .first_text{
line-height: 28px;
padding: 0 0 46px;
}

#trial .cnt_area{
padding: 0 0 96px;
}


#trial .cnt_area p{
font-size: 18px;
text-align: center;
line-height: 28px;
}

#trial .cnt_area .h2_ptn01{
margin: 0 0 30px;
}


#trial .cnt_area .top_text {
display: block;
width: fit-content;
position: relative;
margin: 0 auto 40px;
}

#trial .cnt_area .top_text::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
top: 0;
left: -15px;
}

#trial .cnt_area .top_text::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
top: -15px;
left: 0;
}

#trial .cnt_area .top_bg {
display: block;
width: fit-content;
margin: 0 auto;
padding: 40px 60px 10px;
position: relative;
}

#trial .cnt_area .top_bg::before{
content: '';
width: 100px;
height: 1px;
background: #c6a356;
position: absolute;
bottom: 0;
right: -15px;
}

#trial .cnt_area .top_bg::after{
content: '';
width: 1px;
height: 100px;
background: #c6a356;
position: absolute;
bottom: -15px;
right: 0;
}

#trial .cnt_area .top_text p {
font-size: 16px;
line-height: 30px;
text-align: center;
padding-bottom: 20px;
}

#trial .cnt_area .top_text p.message {
font-size: 26px;
font-weight: 600;
line-height: 40px;
text-align: center;
padding-bottom: 30px;
}

#trial .cnt_area .btn_recruit{
width: 260px;
}

#trial #trial_area .cnt_g01{
padding: 80px 0 100px;
display: flex;
justify-content: space-between;
align-items: center;
}

#trial #trial_area .cnt_g01 .cnt_box {
display: block;
width: 45%;
max-width: 480px;
position: relative;
padding: 30px 40px ;
border: 1px solid #000;
background: #c6a356;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text{
padding: 20px 10px 10px;
position: relative;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text .title{
font-size: 20px;
font-weight: 500;
color: #000;
text-align: center;
display: block;
padding-bottom: 30px;
border-bottom: 1px solid #000;
margin-bottom: 30px;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text .title .title_en{
font-size: 38px;
display: block;
padding-bottom: 10px;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text .price{
font-size: 20px;
font-weight: 500;
color: #000;
text-align: center;
display: block;
padding-bottom: 18px;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text .price .number{
font-size: 38px;
display: inline-block;
padding: 0 8px 0;
}

#trial #trial_area .cnt_g01 .cnt_box .cnt_text p{
text-align: left;
display: block;
line-height: 1.8em;
font-size: 16px;
}

#trial #trial_area .cnt_g01 .line{
display: block;
width: 50px;
height: 50px;
margin: 10px;
padding: 20px 0 0;
}
#trial #trial_area .cnt_g01 .line .line01{
display: block;
width: 50px;
height: 2px;
background: #000;
transform: rotate(-45deg);
}

#trial #trial_area .cnt_g01 .line .line02{
display: block;
width: 50px;
height: 2px;
background: #000;
transform: rotate(45deg);
}

#trial #trial_area .cnt_g02{
display: block;
width: 100%;
padding: 50px 60px 40px;
position: relative;
border: 2px solid #c6a356;
}

#trial #trial_area .cnt_g02 .title{
display: block;
padding: 18px 30px;
width: fit-content;
background: #f7f7f7;
text-align: center;
font-size: 32px;
color: #c6a356;
position: absolute;
top: -38px;
left: 0;
right: 0;
margin: 0 auto;
}

#trial #trial_area .cnt_g02 .flex_box{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 40px;
}

#trial #trial_area .cnt_g02 .flex_box .contact_box{
text-align: center;
width: 56%;
max-width: 480px;
font-family:'DINPRO-MEDIUM','Noto Sans JP',sans-serif;
font-weight: 400;
}

#trial #trial_area .cnt_g02 .flex_box .contact_box p{
font-size: 20px;
line-height: 32px;
padding-bottom: 15px;
}

#trial #trial_area .cnt_g02 .flex_box .contact_box .tel_num{
font-size: 52px;
padding: 0 0 15px 46px;
position: relative;
width: fit-content;
margin: 0 auto;
font-weight: 500;
}

#trial #trial_area .cnt_g02 .flex_box .contact_box .tel_num::before{
content: '';
background: url("../common/img/icon_tel02.png") no-repeat center;
background-size: contain;
width: 36px;
height: 36px;
position: absolute;
top: 10px;
left: 0;
}

#trial #trial_area .cnt_g02 .flex_box .contact_box .time{
font-size: 18px;
}

#trial #trial_area .btn_ptn02 .border{
background-color: #c6a356;
}

#trial #trial_area .btn_ptn02::after{
background-color: #c6a356;
}

#trial #cnt_area02{
padding-bottom: 60px;
}

#trial #cnt_area02 .cnt_g .cnt_box{
display: flex;
justify-content: center;
align-items: flex-start;
padding-bottom: 60px;
}

#trial #cnt_area02 .cnt_g .cnt_box .cnt_img {
max-width: 560px;
width: 52%;
}

#trial #cnt_area02 .cnt_g .cnt_box .cnt_text {
max-width: 520px;
width: 48%;
margin: 60px 0 0 -40px;
padding: 40px 60px 40px 80px;
border: 1px solid rgba(198, 163, 86, 0.52);
position: relative;
}

#trial #cnt_area02 .cnt_g .cnt_box .point.number {
color: rgba(198, 163, 86, 0.47);
font-size: 102px;
font-style: italic;
position: absolute;
top: -73px;
right: 30px;
background: #fff;
}

#trial #cnt_area02 .cnt_g .cnt_box .point.number .num{
font-size: 62px;
}

#trial #cnt_area02 .cnt_g .cnt_box .cnt_text .title{
font-size: 21px;
line-height: 1.5em;
font-weight: 500;
color: #c6a356;
text-align: left;
display: block;
padding-bottom: 20px;
}

#trial #cnt_area02 .cnt_g .cnt_box .cnt_text p{
line-height: 1.8em;
text-align: left;
font-size: 16px;
}

#trial #cnt_area03 .cnt_g{
width: 100%;
max-width: 800px;
margin: 0 auto;
}

#trial #cnt_area03 .cnt_g{
width: 100%;
max-width: 900px;
margin: 0 auto;
}

#trial #cnt_area03 .cnt_g .cnt_box{
width: 100%;
display: block;
margin-bottom: 15px;
display: flex;
justify-content: flex-start;
align-items: stretch;
background: #c6a356;
}

#trial #cnt_area03 .cnt_g .cnt_box .number{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
width: 15%;
min-width: 100px;
/*margin-right: 8px;
font-style: italic;*/
font-size: 56px;
position: relative;
}

#trial #cnt_area03 .cnt_g .cnt_box .number .step{
display: block;
font-size: 24px;
}

#trial #cnt_area03 .cnt_g .cnt_box .number::before{
content: '';
width: 42px;
height: 22px;
background:linear-gradient(to bottom left, #f7f7f7 50%, transparent 50%) top left/ 50% 100% no-repeat,
linear-gradient(to bottom right, #f7f7f7 50%, transparent 50%) top right / 50% 100% no-repeat;
position: absolute;
bottom: -22px;
left: 0;
right: 0;
margin: 0 auto;
}

#trial #cnt_area03 .cnt_g .cnt_box .number::after{
content: '';
width: 40px;
height: 20px;
background:linear-gradient(to bottom left, #c6a356 50%, transparent 50%) top left/ 50% 100% no-repeat,
linear-gradient(to bottom right, #c6a356 50%, transparent 50%) top right / 50% 100% no-repeat;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
#trial #cnt_area03 .cnt_g .cnt_box:last-of-type .number::after,
#trial #cnt_area03 .cnt_g .cnt_box:last-of-type .number::before{
content: none;
}



#trial #cnt_area03 .cnt_g .cnt_text{
width: 100%;
display: block;
background: #fff;
padding: 20px;
text-align: left;
}

#trial #cnt_area03 .cnt_g .cnt_text .title{
font-size: 21px;
line-height: 1.5em;
font-weight: 500;
color: #c6a356;
text-align: left;
display: block;
padding-bottom: 10px;
}

#trial #cnt_area03 .cnt_g .cnt_box .cnt_text p{
line-height: 1.8em;
text-align: left;
font-size: 16px;
}

/* add start */
#trial .googlemap{
  text-decoration: underline;
}

#trial .modal{
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index:999;
}
#trial .modal__bg{
  background: rgba(0,0,0,0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
#trial .modal__content{
  background: #fff;
  left: 50%;
  /* padding: 40px; */
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}

#trial .map_close{
  background: #f00;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top:0;
  right:0;
}

#trial .map_close::before, .map_close::after { 
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px; /* 棒の幅（太さ） */
  height: 30px; /* 棒の高さ */
  background: #fff;
  color: #f00;
}
 
#trial .map_close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
#trial .map_close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
/* add end */

/*--------------------
19.サイトマップ
--------------------*/

#sitemap .cnt_area{
padding: 76px 0 96px;
}

#sitemap .page_g{

}

#sitemap .page_g .page_title{
font-size: 18px;
border-left: 5px solid #3f5fc0;
margin: 20px 0 0;
padding: 0 10px;
}

#sitemap .page_g ul{
padding: 15px 20px;
}

#sitemap .page_g ul li{
position: relative;
line-height: 30px;
display: block;
}

#sitemap .page_g ul li::before {
content: ">";
font-weight: 500;
font-weight: bold;
color: #3F5FC0;
font-size: 16px;
padding: 0 5px 0 0;
}

#sitemap #cnt_area01 .contents_in{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-flow: wrap;
max-width: 980px;
margin: 0 auto;
}

#sitemap #cnt_area01 .contents_in .page_g{
width: 33%;
min-width: 310px;
}



/*--------------------
20.ブログ
--------------------*/

#blog #h1_title_area h1{
margin: 0;
}

#blog #cnt_area01{
padding: 76px 0 96px;
}

#blog #cnt_area01 .cnt_g{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
}

#blog #cnt_area01 .cnt_g .cnt_box{
display: block;
max-width: 320px;
width: 29.6%;
margin: 0 5.55% 40px 0;
}

#blog #cnt_area01 .cnt_g .cnt_box:nth-of-type(3n){
margin: 0 0 40px;
}

#blog #cnt_area01 .cnt_g .cnt_box .cnt_img{
display: block;
margin-bottom: 12px;
}

#blog #cnt_area01 .cnt_g .cnt_box .date_box{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
align-items: center;
margin-bottom: 8px;
}

#blog #cnt_area01 .cnt_g .cnt_box .date{
font-family: 'DINPRO-MEDIUM',sans-serif;
font-size: 18px;
margin: 0 10px 8px 0;
}

#blog #cnt_area01 .cnt_g .cnt_box ul.cat_li li{
display: inline-block;
font-size: 14px;
color: #fff;
background: #C6A356;
padding: 6px 8px 5px;
margin: 0 4px 6px 0;
}

#blog #cnt_area01 .cnt_g .cnt_box p{
font-size: 18px;
line-height: 24px;
}


/* ブログ下層 */

#blog_detail .article_cnt {
	line-height: 1.8;
}

#blog_detail .page_contents{
padding: 0;
}

#blog_detail #cnt_area01{
padding: 0 0 96px;
}

#blog_detail #cnt_area01 .mainimg{
display: block;
width: 100%;
height: 340px;
background-size: cover;
background-position: center;
margin-bottom: -80px;
}

#blog_detail #cnt_area01 .contents_in{
background: rgb(255 255 255 / 90%);
padding: 40px 60px;
}

#blog_detail #cnt_area01 .date_box{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
align-items: center;
margin-bottom: 18px;
}

#blog_detail #cnt_area01 .date{
font-family: 'DINPRO-MEDIUM',sans-serif;
font-size: 18px;
margin: 0 10px 8px 0;
}

#blog_detail #cnt_area01 ul.cat_li li{
display: inline-block;
font-size: 14px;
color: #fff;
background: #C6A356;
padding: 6px 8px 5px;
margin: 0 4px 6px 0;
}

#blog_detail #cnt_area01 .cnt_g h1{
font-size: 22px;
line-height: 38px;
padding-bottom: 10px;
border-bottom: 2px solid #c6a356;
margin-bottom: 15px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt p{
display: block;
line-height: 1.8em;
padding-bottom: 20px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt h2{
color: #3F5FC0;
font-size: 22px;
font-weight: bold;
line-height: 32px;
padding-left: 1.5em;
margin: 40px 0 25px;
position: relative;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt h2::after {
position: absolute;
top: 16px;
left:0;
transform:translateY(-50%);
content: '';
width: 25px;
height:3px;
background-color: #3F5FC0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt img{
/* max-width: 400px; */
max-width: 100%;
margin: 0 auto 30px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt ul,
#blog_detail #cnt_area01 .cnt_g .article_cnt ol{
margin: 0 0 20px 1em;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt ol li{
line-height: 28px;
margin: 0 0 10px 20px;
list-style: decimal;
}
#blog_detail #cnt_area01 .cnt_g .article_cnt ul li{
line-height: 28px;
margin: 0 0 10px;
padding: 0 0 0 1em;
text-indent: 0 0 0 -1em;
list-style-type:none !important;
list-style-image:none !important;
position:relative;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt ul li::before{
content:'';
display:block;
position:absolute;
background:#3F5FC0;
width:5px;
height:5px;
top:10px;
left:5px;
border-radius: 5px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list{
width: 100%;
padding: 20px 40px 25px;
margin: 0 auto 60px;
background: #f7f7f7;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list .contents_list_title{
font-size: 20px;
font-weight: bolder;
line-height: 32px;
border-bottom: 1px solid #999999;
padding: 0 0 5px 20px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list ul{
margin: 15px 0 0 20px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list li{
line-height: 24px;
padding: 0 0 10px 20px;
position:relative;
vertical-align: middle;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list ul li::before{
content:'';
display:block;
position:absolute;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
top:4px;
left:2px;
height:0;
width:0;
border-top: 6px solid transparent;
border-right: 7px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid #3F5FC0;
border-radius: 0;
background: none;
}
#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list ul li a{
color: #000;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#blog_detail #cnt_area01 .cnt_g .article_cnt .contents_list ul li a:hover{
color: #3F5FC0;
}

#blog_detail #cnt_area02,
#blog_detail #cnt_area03{
padding: 76px 0 46px;
}

#blog_detail #cnt_area03 .h2_ptn01,
#blog_detail #cnt_area02 .h2_ptn01{
margin: 0 0 40px;
font-family: 'DINPRO-MEDIUM',sans-serif;
}

#blog_detail .post_g{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
}
#blog_detail .post_g .cnt_box{
display: block;
max-width: 320px;
width: 29.6%;
margin: 0 5.55% 40px 0;
}

#blog_detail .post_g .cnt_box:nth-of-type(3n){
margin: 0 0 40px;
}

#blog_detail .post_g .cnt_box .cnt_img{
display: block;
margin-bottom: 12px;
}

#blog_detail .post_g .cnt_box .date_box{
display: flex;
justify-content: flex-start;
flex-flow: wrap;
align-items: center;
margin-bottom: 8px;
}

#blog_detail .post_g .cnt_box .date{
font-family: 'DINPRO-MEDIUM',sans-serif;
font-size: 18px;
margin: 0 10px 8px 0;
}

#blog_detail .post_g .cnt_box ul.cat_li li{
display: inline-block;
font-size: 14px;
color: #fff;
background: #C6A356;
padding: 6px 8px 5px;
margin: 0 4px 6px 0;
}

#blog_detail .post_g .cnt_box p{
font-size: 18px;
line-height: 24px;
}


/* ボックス（タイトルあり） */
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01{
width: 100%;
background: #e8f2ff;
/* padding: 25px 25px 5px; */
padding: 25px;
margin: 0 auto 30px;
line-height: 1.92;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 .title_text{
position: relative;
padding: 0 0.5em 0.5em;
border-bottom: 3px solid #87a4fc;
font-size: 20px;
font-weight: 700;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 .title_text:before {
position: absolute;
bottom: -3px;
left: 0;
width: 20%;
height: 3px;
content: '';
background: #3f5fc0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 .cnt_text{
font-weight: 500;
padding: 1em 0.5em 0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 .cnt_text ul, 
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 .cnt_text ol{
/* margin: 0 0 20px 0; */
margin: 20px 0 0 0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 ul, 
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 ol{
/* margin: 0 0 20px 0; */
margin: 20px 0 0 0;
}


/* ボックス（タイトルなし） */
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn02{
width: 100%;
background: #e8f2ff;
/* padding: 25px 25px 5px; */
padding: 25px;
margin: 0 auto 30px;
line-height: 1.92;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn02 .cnt_text{
font-weight: 500;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn02 .cnt_text ul, 
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn02 .cnt_text ol{
margin: 0 0 20px 0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn01 p:empty,
#blog_detail #cnt_area01 .cnt_g .article_cnt .box_ptn02 p:empty {
	display: none;
}

/* リード文吹き出し */
#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g{
max-width: 800px;
display:flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 30px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .icon{
width: 160px;
height: 160px;
border: 2px solid #aeb4cb;
border-radius: 50%;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .icon img{
border-radius: 50%;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .balloon_text{
width: calc(100% - 200px);
padding: 20px 15px;
/* padding: 20px; */
border: solid 2px #3f5fc0;
border-radius: 25px;
/*background: #e0edff;*/
word-break: break-word;
position: relative;
line-height: 1.92;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .balloon_text p{
font-weight: 500;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .balloon_text p:empty {
	display: none;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .balloon_text p:last-child {
	padding-bottom: 0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .balloon_g .balloon_text::before{
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #3f5fc0
}


/*リンクボタン*/
#blog_detail #cnt_area01 .cnt_g .article_cnt .link_btn_ptn01{
max-width: 400px;
width: auto;
display: block;
margin: 30px auto;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .link_btn_ptn01 a{
display: block;
background: #3f5fc0;
border: 1px solid #3f5fc0;
color: #fff;
line-height: 1.3em;
padding: 19px 15px;
text-align: center;
text-decoration: none;
transition: all .4s;
min-width: 200px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .link_btn_ptn01 a:hover{
background: #fff;
color: #3f5fc0;
}


/*リンクテキスト*/
#blog_detail #cnt_area01 .cnt_g .article_cnt a{
color: #3F5FC0;
text-decoration:underline;
}

/*h3見出し*/
#blog_detail #cnt_area01 .cnt_g .article_cnt h3{
position: relative;
/*color: #3f5fc0;*/
font-size: 20px;
line-height: 30px;
font-weight: 700;
padding: 0 0 0 1em;
/* margin: 0 0 10px; */
margin: 3em 0 1em;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt h3::after {
position: absolute;
top: 16px;
left: 0;
transform: translateY(-50%);
content: '';
width: 10px;
height: 10px;
background-color: #3f5fc0;
}

/*h4見出し*/
#blog_detail #cnt_area01 .cnt_g .article_cnt h4{
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin: 0 0 10px;
padding-bottom: 2px;
border-bottom: 1px solid #000;
display: inline-block;
}


/*太字*/
#blog_detail #cnt_area01 .cnt_g .article_cnt strong{
font-weight: 700;
}

/*マーカー*/
#blog_detail #cnt_area01 .cnt_g .article_cnt .marker_ptn01{
background: linear-gradient(transparent 50%, #F7ADC3 50%);
}
#blog_detail #cnt_area01 .cnt_g .article_cnt .mark_blue{
background: linear-gradient(transparent 50%, #a8dafb 50%);
}
#blog_detail #cnt_area01 .cnt_g .article_cnt .mark_red{
background: linear-gradient(transparent 50%, #FF9999 50%);
}
#blog_detail #cnt_area01 .cnt_g .article_cnt .mark_gold{
background: linear-gradient(transparent 50%, rgba(198, 163, 86, 0.5) 50%);
}

/*table*/
#blog_detail #cnt_area01 .cnt_g .article_cnt table{
width:100%;
table-layout: fixed;
word-break: break-word;
margin: 0 auto 30px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt table tr{
border: 2px solid #aeb4cb;
line-height: 1.8em;
padding-bottom: 20px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt table th,
#blog_detail #cnt_area01 .cnt_g .article_cnt table th {
background-color: #fff;
border: 2px solid #aeb4cb;
font-weight: 400;
padding: 15px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt table tr td{
border-left: 2px solid #aeb4cb;
padding: 15px;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt table tr ul{
margin: 0;
}



/*目次*/
#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container{
width: 100%;
padding: 20px 40px 25px;
margin: 30px 0 60px;
background: #f7f7f7;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_title{
font-size: 20px;
font-weight: bolder;
line-height: 32px;
border-bottom: 1px solid #999999;
padding: 0 20px 5px 20px;
/*margin-bottom: 10px;*/
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_toggle{
display: inline-block;
background: #739bcf;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 28px;
margin-left: 5px;
padding: 0 5px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_toggle a{
width: 100%;
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 28px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_toggle:hover{
opacity: 0.8;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list{
margin: 15px 0 0 20px;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li{
font-weight: 700;
line-height: 24px;
padding: 0 0 10px 20px;
position: relative;
vertical-align: middle;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li::before{
content:'';
display:block;
position:absolute;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
top:6px;
left:2px;
height:0;
width:0;
border-top: 6px solid transparent;
border-right: 7px solid transparent;
border-bottom: 6px solid transparent;
border-left: 9px solid #3F5FC0;
border-radius: 0;
background: none;
}
#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li a{
color: #000;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li a:hover{
color: #3F5FC0;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li > ul{
margin: 15px 0 0 0;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li > ul > li{
font-weight: 400;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li > ul > li:last-child{
margin: 0;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li > ul > li > ul{
margin: 10px 0 0 0;
}


#blog_detail #cnt_area01 .cnt_g .article_cnt #toc_container .toc_list > li > ul > li > ul > li{
font-weight: 400;
}

/* 移行CSS */
.marker,.keiko_yellow {
/*     background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%); */
	background: linear-gradient(transparent 50%,rgba(198,163,86,.5) 50%);
}

.memo ul,
.merit-box ul,
.demerit-box ul,
.point-box ul {
    list-style: none;
	   padding: 0 0.7em;
}

.memo li:before,
.merit-box li:before,
.demerit-box li:before,
.point-box li:before {
    margin-right: 10px;
}
.memo li:before {
    content: "\f00c";
    color: #ffb36b;
}
.merit-box li:before {
    content: "\f00c";
    color: #67b6e1;
}
.demerit-box li:before {
    content: "\f00c";
    color: #ff9a90;
}
.point-box li:before {
    content: "\f00c";
    color: #b3db7d;
}

.memo li:before,
.merit-box li:before,
.demerit-box li:before,
.point-box li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
*/
.box31 ol li:before {
  background: #5fc2f5 !important;
}

.box31 .box-title:before {
    padding-right: 4px;
    font-family: "Font Awesome 5 Free"!important;
    content: "\f165";
}

.box32 .box-title:before {
    padding-right: 4px;
    font-family: "Font Awesome 5 Free"!important;
    content: "\f164";
}

.entry-content h2 {
  position: relative;
  padding: 1rem .5rem;
}

.entry-content h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#ff6b66), to(#EBAC7D));
  background-image: -webkit-linear-gradient(left, #ff6b66 0%, #EBAC7D 100%);
  background-image: linear-gradient(to right, #ff6b66 0%, #EBAC7D 100%);
}

.entry-content h3{
	border-color:#ff6b66!important;
}


.obx {
  margin-bottom: 1.5em;
  padding: 1em;
  background: #fff9e5;
}
.obx .box-title {
  margin-bottom: 5px;
  color: #ffb36b;
  font-size: 1.2em;
  font-weight: bold;
}
.obx .box-title:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  background: #ffb36b;
  color: #fff;
  font-family: "Font Awesome 5 Free"!important;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  content: "\f00c";
  font-size: 17px;
}
.fa .obx .box-title:before {
  content: "\f00c";
  font-size: 17px;
}
.obx p {
  margin: 0 0 5px;
}

.memo_ttl:before{
  content: "\f00c"!important;
}

.memo {
  margin-bottom: 1.5em;
  padding: 1em;
  background: none;
	border: 2px solid;
	border-color:#ffb36b;
	color: #252525;
}

.merit-box .box-title {
  color: #7cc0e5;
}
.merit-box ol li:before {
  background: #67b6e1!important;
}
.merit-box .box-title:before {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f164";
  background: #67b6e1!important;
}

.demerit-box {
  background: #fff2f2;
}
.demerit-box .box-title {
  color: #ff9a90;
}
.demerit-box ol li:before {
  background: #ff9a90!important;
}
.demerit-box .box-title:before {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f165";
  background: #ff9a90!important;
}

.point-box {
  background: #f9fcf6;
}
.point-box .box-title {
  color: #b3db7d;
}
.point-box ol li:before {
  background: #b3db7d!important;
}
.point-box .box-title:before {
    font-family: "Font Awesome 5 Free"!important;
    content: "\f14a";
  background: #b3db7d!important;
}

.entry-content {
  font-size: 95%;
}
.waku-button {
	text-align: center;
	margin-bottom: 1em;
}
.waku-button a {
 font-size: 18px;
 display: inline-block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 85%;
 font-weight: bold ;
 border-bottom: solid 5px #EDA77A;
border-radius: 15px;
 background-color: #FFC06E;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none !important;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
 line-height: 1.7
}
.waku-button a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.waku-button a:before {
 display: inline-block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 200px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}

/* CTAボックス用CSS*/
.ycta-box {
display: block;
width: 100%;
background: #eaedf2;
padding: 10px;
}
.ycta-box-li {
display: table;
width: 100%;
padding: 10px;
margin: 0 0 10px 0;
background: #fff;
}
.ycta-box-img {
width: 40%;
max-width: 400px;
display: table-cell;
padding: 10px;
vertical-align: middle;
}
.ycta-box-desc {
width: 60%;
display: table-cell;
/* font-size: 0.9em; */
font-size: 15px;
padding-left: 20px;
line-height: 1.8

}

.ycta-box-small-icon .ycta-box-li:last-child {
    margin-bottom:0;
    
}
.ycta-box-small-icon .ycta-box-li .ycta-box-img {
    padding: 10px 13%;
    vertical-align: middle;
}

#blog_detail #cnt_area01 .cnt_g .article_cnt .ycta-box-small-icon .ycta-box-img img {
    margin: 0 auto 0px;
    width: auto;
}

.ycta-box-small-icon .ycta-box-li .ycta-box-desc {
    vertical-align: middle;
}

@media (max-width: 767px){
/*モバイル定義*/
.ycta-box-img {
display: block;
width:100%;
}
.ycta-box-desc {
display: block;
font-size: 0.9em;
padding: 10px;
width:100%;
}
}
/*緑の光るボタン*/
.waku-button {
	text-align: center;
	margin-bottom: 1em;
}
.waku-button a {
 font-size: 18px;
 display: inline-block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 85%;
 font-weight: bold ;
 border-bottom: solid 5px #EBA26E;
border-radius: 15px;
 background-color: #FD7C72;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
.waku-button a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.waku-button a:before {
 display: inline-block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 200px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
 }
 
/* ボタン */
.grad1 {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 3px;
  background: linear-gradient(45deg, #709dff 0%, #92e6ff 100%);
  color: #fff !important;
  text-decoration: none !important;
}
.grad1:hover {
  background: linear-gradient(90deg, #709dff 0%, #92e6ff 100%);
}

.accent-bc, .has-sango-accent-background-color {
    background-color: #ffb36b;
}

.main-bc, .has-sango-main-background-color {
    background-color: #9e9e9e;
}

.raised {
  display: inline-block;
  margin: 0.5em 0;
  padding: 0.4em 1.3em;
  border-radius: 3px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2), 0 2px 3px -2px rgba(0, 0, 0, 0.15);
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  transition: 0.3s ease-in-out;
  text-decoration: none !important;
  color: #fff !important;
  font-weight: 600;
}
.raised:hover,
.raised:focus {
  box-shadow: 0 13px 20px -3px rgba(0, 0, 0, 0.24);
  text-decoration: none;

  -webkit-tap-highlight-color: transparent;
}

/* Rinker */
.yyi-rinker-info {
	line-height: 1.8;
}

.yyi-rinker-title {
	padding-left: 15px;
}

.yyi-rinker-contents ul.yyi-rinker-links {
    border: none;
    list-style: none !important;
    display: inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px auto !important;
    padding-left: 15px !important;
    width: 100%;
}

.yyi-rinker-contents ul.yyi-rinker-links li {
    list-style: none !important;
}

.yyi-rinker-contents ul.yyi-rinker-links li {
    content: '';
    position: static;
    margin: 2px 5px !important;
    padding: 0 !important;
    border-radius: 2px;
    border: none;
    -ms-flex: 0 0 auto;   
}

.yyi-rinker-contents ul.yyi-rinker-links li::before {
	content: none  !important;
}

.yyi-rinker-contents ul.yyi-rinker-links li a {
    position: relative;
    display: block;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    padding: 0 18px;
}

/*補足説明[memo]*/
.memo {
  margin-bottom: 1.5em;
  padding: 1em;
  background: #fff9e5;
  color: #545454;
}
.memo_ttl {
  margin-bottom: 5px;
  color: #ffb36b;
  font-size: 1.2em;
  font-weight: bold;
}
.memo_ttl:before {
	display: none;
/*   display: inline-block; */
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 3px 0 0;
  border-radius: 50%;
  background: #ffb36b;
  color: #fff;
  font-family: FontAwesome;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  content: "\f040";
}
.fa5 .memo_ttl:before {
  content: "\f303";
  font-size: 17px;
}
.memo p {
  margin: 0 0 5px;
}

/*記事内関連*/
.table {
  display: table;
}
.tbcell {
  display: table-cell;
  vertical-align: middle;
}
.tbcell img {
  width: 100%;
  margin: 0 auto !important;
}
.sng-link-time {
  display: block;
  margin-bottom: 5px;
  font-size: 13.5px;
  color: #b5b5b5;
}
.sng-link-time i {
  margin-right: 3px;
}
.linkto {
  max-width: 550px;
  width: 100%;
  margin: 1em 0 1.5em;
  padding: 10px;
  border: solid 2px #eaedf2;
  border-radius: 3px;
  background: #fff;
  color: #555 !important;
  font-weight: bold;
  text-decoration: none !important;
}
.linkto:hover {
  background: #eaedf2;
  text-decoration: none;
}
.linkto img {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  transition: 0.3s;
}
.linkto:hover img {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35);
}
.linkto .tbimg {
  width: 100px;
}
.linkto figure {
  width: 110px;
  padding-right: 10px; /*for old ver*/
}
.linkto .tbtext {
  padding-left: 10px;
  line-height: 1.5;
  text-align: left;
}
.sidebar .textwidget .linkto {
  border: none;
  margin: 0;
}
.sidebar .textwidget .linkto:last-child {
  padding-bottom: 1em;
}
.c_linkto {
  display: block;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  margin: 1em 0;
  padding: 0;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  color: #555;
  font-weight: bold;
  text-decoration: none !important;
}
.c_linkto:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  color: #888;
  text-decoration: none;
  transform: translateY(-2px);
}
.c_linkto .c_linkto_text {
  display: block;
  padding: 15px 13px;
  line-height: 1.6;
}
.c_linkto img {
  width: 100%;
}
.longc_linkto {
  margin-bottom: 1.5em;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
}
.longc_linkto img {
  padding: 10px 10px 0;
}
/*
ブログサイドバー
*/
.flex-side {
  display: flex;
  justify-content: center;
  margin: 0 10px;
}
.flex-side > .contents_in {
  width: 77%;
  margin: 0;
  margin-right: 10px;
}
.flex-side > .side {
  background: rgb(255 255 255 / 90%);
  padding: 40px 10px;
  width: 23%;
}
@media screen and (max-width: 1000px) {
  .flex-side {
    flex-flow: column;
    margin: 0;
  }
  .flex-side > .contents_in {
    width: 94%;
    margin: 0 auto 20px;
  }
  .flex-side > .side {
    width: 94%;
    margin: 0 auto;
  }
}
/*人気記事*/
h2.h2-popular {
  margin-bottom: 20px;
  background-color: #3F5FC0;
  color: #fff;
  padding: 8px 5px;
  font-weight: bold;
  font-size: 20px;
}
.article_li {
  margin-bottom: 30px;
}
.article_li .imgbox {
  margin-bottom: 5px;
}
.article_li .time-cat {
  margin-bottom: 5px;
}
.article_li .time-cat .side_cat_li {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background: #C6A356;
  padding: 3px 5px;
}
.article_li .time-cat .side_cat_li a {
  color: #fff;
}
@media screen and (max-width: 1000px) {
  .popular-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .article_li {
    width: 32%;
  }
}
@media screen and (max-width: 750px) {
  .article_li {
    width: 100%;
    max-width: 320px;
  }
}