@charset "utf-8";

/* 01 /feature/ページ ============================================
=================================================================
================================================================= */
.mv_inner_feature{
  background-image: url("/imgs/feature_mv_sp.jpg");
}
@media (min-width: 768px) {
  .mv_inner_feature{
    background-image: url("/imgs/feature_mv_pc.jpg");
  }
}/* mq768 end */

/* feat_mess ============================================================ */
#feat_mess{
  padding: 0 0 10rem 0;
  position: relative;
  max-width: 600px;
  margin: 0 auto;
}
#feat_mess .contents-wide{
  padding: 4.8rem 2rem 8.5rem;
}
#feat_mess h2{
  font-size: 1.9rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
  text-align: center;
}
#feat_mess p{
  font-size: 1.1rem;
  text-align: justify;
  line-height: 1.8;;
  /* letter-spacing: .1em; */
}
.gui_mess_img{
  width: 23rem;
  position: absolute;
  right: 0;
  bottom: -1rem;
  z-index: -1;
}
/* feat_mess medeia query =========================================== */
@media (min-width: 768px) {
  #feat_mess h2{
    font-size: 1.2rem;
  }
  #feat_mess p{
    font-size: 0.9rem;
  }
}/* mq768 end */

@media (min-width: 960px) {
  #feat_mess{
    max-width: 1366px;
  }
  #feat_mess .contents-wide{
    padding: 6.5rem 8.5rem 8.5rem;
  }
  #feat_mess h2{
    font-size: 2.4rem;
    text-align: left;
    line-height: 2;
    letter-spacing: 0.3em;
    margin-bottom: 1.5em;
  }
  #feat_mess p{
    font-size: 1.4rem;
    text-align: justify;
    line-height: 2;
    letter-spacing: .2em;
  }
  .gui_mess_img{
    width: 26.4rem;
  }
}/* min-width: 960px end */


/* 01 /feature/ seven_features =============================================
============================================================================= */
main section{
  margin: 0;
  padding: 0;
}
.seven_ttl{
  font-weight: lighter;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: .5em;
  text-align: left;
  border: 1px solid #dfdbd6;
  /* border-left: none; */
  width: 90%;
  padding: 1em 0 .5em 1em;
}
.seven_ttl_line2{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.seven_ttl .num{
  font-size: 4.8rem;
}
.seven_ttl .font-ja{
  display: inline-block;
}

/* #seven_features .contents-wide{
  margin: 0 2rem;
} */

.seven-ttl-h3{
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.7;
  letter-spacing: .05em;
  margin: 0 0 .5em;
}
.online_pr_ttl .seven-ttl-h3{
  font-size: 1.4rem;
  letter-spacing: 0.15em;
}
.online_pr_h3{
  font-size: 1.3rem;
  letter-spacing: .05em;
}

.seven-feats{
  position: relative;
  padding-top: 7.5em;
  margin-bottom: 3rem;
}
.seven-num{
  display:block;
  font-size: 14rem;
  text-align: left;
  margin: 0 0 .3em;
  color: #dfdbd6;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.seven-desc{
  text-align: justify;
  line-height: 1.7;
  margin: .5rem 0;
  color: #606068;
}
.seven-desc.att_cap{
 color: #ee7b72;
}

.seven-feats-2{
  padding-top: 0;
}
.seven-feats-2 .seven-num{
  top: 20rem;
}
.seven-feats-2 .seven-ttl-h3{
  margin-top: 7.5rem;
}
.link-box{
  margin-top: 2rem;
}
.link-btn a{
  width: 100%;
  margin: 1.2rem auto;
}

.feature_img2{
  /* width: 90%; */
  margin: 5rem auto 0;
}

.feature_img3{
  display: none;
}
.feature_img3 img{
  object-fit: cover;
  object-position: right bottom;
}

.seven-feats-4{
  padding-top: 0;
}
.seven-feats-4 .seven-num{
  top: 20rem;
}
.seven-feats-4 .seven-ttl-h3{
  margin-top: 8rem;
}
.feature_img4{
  width: 100%;
  margin: 6rem 0 1.5rem auto;
}
.guidance-banner{
  display: block;
  width: 100%;
  height: auto;
  margin: 2rem 0;
  transition: opacity 1s;
}
.guidance-banner:hover{
  opacity: .6;
}

.feature_img5{
  width: 100%;
  /* height: 62.5vw; */
  margin: 2rem 0;
}
.feature_img6{
  width: 100%;
  margin: 1.5rem auto 4rem;
}
.feature_img6 img{
  width: 100%;
}

.example{
  display: block;
  margin-top: .3em;
  position: relative;
  font-weight: bold;
  padding-left: 2.2rem;
}
.example::before{
  position: absolute;
  content:"(例)";
  left:0;
}
.online_pr{
  margin: 3rem 2rem;
}
/* ロゴ入りボタン================= */
.logo-link-box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.logo-link-box li{
  width: 100%;
}
.logos-ttl br{
  display: none;
}
.logos-blk{
  position: relative;
  width: 5rem;
  height: 3.75rem;
  overflow: hidden;
  margin: 0 auto .5em;
}
.logos-blk img{
  width: 5rem;
  height: 22.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
.logos-blk.icon2 img{
  top:-3.75rem;
  top:-100%;
}
.logos-blk.icon3 img{
  top:-7.5rem;
  top:-200%;
}
.logos-blk.icon4 img{
  top:-11.25rem;
  top:-300%;
}
.logos-blk.icon5 img{
  top:-15rem;
  top:-400%;
}
.logos-blk.icon6 img{
  top:-15rem;
  top:-500%;
}
.logo-link-box .link-btn a {
  padding: 1rem 0;
  height: fit-content;
  margin: 0 0 1.2rem;
}
.seven-feats-5 .noa-online-btn a {
  /* width: 80%; */
  padding: 1rem 0;
  height: 7.8rem;
  margin: 1.2rem auto ;
}
.logos-ttl{
  text-align: center;
  letter-spacing: 0;
  line-height: 1.25;
  font-size: 1rem;
  /* margin: 0.95rem 0 0 5rem; */
}
.seven-feats:last-of-type{
  margin-bottom: 6rem;
}

/* CorporateSite ContentsData 修正用 */
.link-btn[data-brandcode="3"]{
  display: none;
}
.logo-link-logo img{
  width: 5rem;
  aspect-ratio: 1 / 0.75;
  margin: 0 auto .5em;
}


/* 01 /feature/ seven_features medeia query ============================== */
@media (min-width: 600px) {
  .seven-feats-2 .seven-num,.seven-feats-4 .seven-num{
    top: 27rem;
  }
}/* 600px end */

@media (min-width: 960px) {
  .seven_ttl{
    font-weight: lighter;
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: .2em;
    margin-bottom: 1em;
    vertical-align: top;
    text-align: left;
    border: none;
    padding: 3em 0 .5em ;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .seven_ttl .num{
    font-size: 4.8rem;
    margin: 0 .1em .05em .3em;
  }
  .seven_ttl .font-ja{
    display: inline;
  }

  .seven-ttl-h3{
    font-size: 2.1rem;
    letter-spacing: .1em;
  }
  .seven-desc{
    letter-spacing: .07em;
  }
  #feat_mess{
    padding: 0 0 2rem 0;
  }
  .gui_mess_img{
    width: 26rem;
    position: absolute;
    right: 0;
    bottom: -8rem;
  }

  /* 7つの特色 ================= */
  .feature_ttl{
    margin: 0 7rem 8mm;
  }
  .seven-list{
    padding: 0 7rem 4rem;
    position: relative;
  }
  
  #seven_features .contents-wide{
    padding: 0;
    margin: 0;
  }
  .link-btn a{
    width: 26.4rem;
  }
  .seven-feats-1 .link-btn a,
  .seven-feats-2 .link-btn a,
  .seven-feats-3 .link-btn a {
    margin: 1.2rem 0;
  }
  .seven-feats {
    margin-bottom: 7rem;
  }
  .seven-num{
    font-size: 16rem;
  }

  /* リスト1・2 */
  .seven-feats-1{
    width: 63.41%;
  }
  .seven-feats-1 .seven-num{
    top: -1.5rem;
    left: 0;
  }

  #seven_features .seven-feats-2 .contents-wide{
    width: 63.41%;
    /* margin: 0 0 0 auto; */
  }
  .feature_img2{
    position: absolute;
    top: -33rem;
    right: -7rem;
    width: 32.4rem;
    z-index: -2;
    /* display: none; */
  }
  .seven-feats-2 .seven-num{
    top: -54px;
    right: 30.5rem;
  }

  /* リスト3 */
  .seven-feats-3{
    position: relative;
  margin-bottom: 15rem;
  }
  #seven_features .seven-feats-3 .contents-wide{
    width: 56%;
    margin: 0 0 0 auto;
  }
  .feature_img3{
    display: block;
    position: absolute;
    top: -.3rem;
    left: -7rem;
  }
  .feature_img3 img{
    width: 35.4rem;
    height: 40rem;
  }

  /* リスト4 */
  .seven-feats-4{
    position: relative;
  }
  .seven-feats-4 .seven-num{
    top: -9rem;
    right: 28rem;
  }
  .seven-feats-4 .contents-wide{
    width: 66%;
  }
  .feature_img4{
    position: absolute;
    bottom: 0;
    right: -7rem;
    width: 27.6rem;
    margin: 0;
  }
  .link-box{
    display: flex;
    justify-content: flex-start;
    gap: 1em;
  }
  .link-box._ctr{
    display: flex;
    justify-content: center;
    gap: 0 1em;
  }
  .seven-feats-4 .link-box{
    justify-content: start;
  }
  .seven-feats-4 .link-btn{
    margin-right: 1rem;
  }
  .seven-feats-4 .link-btn a{
    margin-bottom: 0;
  }
  .guidance-banner{
    width: 70%;
  }

  /* リスト5 */
  .seven-feats-5 {
    position: relative;
  }
  #seven_features .seven-feats-5 .contents-wide{
    width: 70%;
    margin: 0 0 0 auto;
  }
  .feature_img5{
    position: absolute;
    top: 0;
    left: -7rem;
    width: 27rem;
    height: 24rem;
  }
  .seven-feats-5 .link-box .link-btn{
    width: 32%;
  }
  .seven-feats-5 .link-btn a{
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .online_pr{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    width: 70%;
    margin: 5rem 0 0 auto;
  }
  .online_pr .seven-desc{
    margin: 0 2rem 0 0;
  }
  .online_pr .link-btn{
    width: 14rem;
  }

  /* ロゴ入りボタン================= */
  .logos-ttl{
    text-align: center;
    letter-spacing: 0;
    margin: .5em 0 0;
    line-height: 1.2;
  }

  /* リスト6 */
  .seven-feats-6 .contents-wide,.seven-feats-7 .contents-wide{
    width: 63%;
  }
  .feature_img6{
    position: absolute;
    top: 0;
    right: -7rem;
    width: 32.4rem;
  }
  .seven-feats-6 .seven-num{
    top: -11px;
    right: 29.5rem;
  }
 
  .seven-feats-7 .seven-num{
    top: -35px;
    left: 0;
  }
 
}/* min-width: 960px end */



/* 02 /price/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_price{
  background-image: url("/imgs/price_new_mv_bg_sp.jpg");
  background-position: center right;
}
@media (min-width: 768px) {
  .mv_inner_price{
    background-image: url("/imgs/price_new_mv_bg.jpg");
  }
}/* 768 end */

main section {
  margin: 3rem 0;
  text-align: center;
}

.common-h2 {
  font-size: 3.5rem;
  font-weight: 400;
  letter-spacing: .05em;
  margin-bottom: 1em;
}
.common-h2 .en{
  letter-spacing: 0.2em;
}
.common-h2 .ja{
  display: block;
  font-size:.45em;
  margin-top: .8em;
}
.common-ttl{
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: 2em 0 1em;
}
.common-p{
  font-size: 1.1rem;
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 1.5em;
  color: #606068;
}

.caption{
  display: block;
  margin-top: .5em;
  font-size: 0.8em;
}
.yellow{
  color:rgb(228, 217, 116);
}
.red{
  color:#f00;
}

/* システム案内 */
.price-icon{
  display: block;
  width: 9rem;
  height: 9rem;
  background-image: url(/imgs/price-icon.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto;
}
.price-icon2{
  background-position-y: 50%;
}
.price-icon3{
  background-position-y: 100%;
}
.system-view-box {
  position: relative;
  /* padding: 2.1rem; */
  margin-bottom: 4rem;
  /* background-color: #003830; */
  /* color: #fff; */
}
/* .system-view-box::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #f6f6f5;
  width: 100%;
  height: 8rem;
  z-index: -1;
  top: 12rem;
} */
.system-view-img{
  width: 20rem;
}
.system-view-copy {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: .7em 0 .4em;
  color: #ee7b72;
}
.system-view-copy span {
  display: block;
  font-size: 1.8em;
  /* padding-top: .1em; */
}
.system-view-desc {
  font-size: 1.1rem;
  text-align: left;
  line-height: 1.6;
  text-align: justify;
  letter-spacing: 0.05em;
}
/* .system-view-desc-wrap{
  background-color: #f6f6f5;
  padding: 2.1rem;
} */

/* レッスン共通 */
.system-kyostu-wrap {
  position: relative;
  background: #f6f6f6;
  padding: 3rem 0;
  margin: 0;
}
/* .system-kyostu-wrap::before{
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 20rem;
  background-color: #f6f6f6;
  top: -20rem;
  left: 0;
  z-index: -1;
} */
.system-kyotsu-ttl {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 1em;
  /* color: #005a49; */
}


/* 料金案内 */
#under_sysytem{
  background-color:#fcfcfc;
  padding: 5rem 0;
  margin: 0;
}
#under_sysytem .link-btn a{
  width: 100%;
}
.table_wrap{
margin-top: 4em;
}
.pc_dsp{
  display: none;
}

.table-h3{
font-size: 1.6rem;
letter-spacing: 0;
line-height: 1.4;
text-align:center;
margin-bottom:1em;
color: #32323c;
}
.table-h3-sub{
  display: block;
  margin-top: .6em;
  font-size: .6em;
}
.tax{
  font-size: 0.8em;  
}
.table-h3-1{
  font-size: 2rem;
}

.table-caption{
  display: block;
  font-weight: 100;
  font-size: 0.8em;
  margin-top: 0.5em;
}

.system_table{
width: 100%;
font-size: 1.1rem;
line-height: 1.4;
}
thead{
  background-color: #f4f4f3;
}
tbody {
  background-color: #fefefe;
}

.system_table th,
.system_table td {
border: solid 1px #cacaca;
padding: 1.5em .4em;
letter-spacing: 0;
}
.system_table th{
  color:#32323c;
}

.system_table tbody td {
text-align:center;
/* color:#32323c; */
font-size: 1.1em;
}
.system_table tbody td span {
/* font-size: 16px; */
color:#32323c;
}
.inter_table th{
  width: 36%;
  background-color: #f4f4f3;
}
.inter_table td{
  width: 36%;
}

.table-1 th{
  width: 36%;
}
.table-2 tbody td:first-of-type{
  width: 55%;
}
.system_table tbody td.justify{
  text-align: justify;
}

.attention_list {
font-size:11px;
text-align: justify;
margin-top: 1em;

}
.attention_list li {
padding-left:1.5em;
position:relative;
margin-bottom:.6em;
line-height: 1.4;
letter-spacing: 0.2px;
}
.attention_list li:before {
position:absolute;
left:0;
content:"※";
color:#ee7b72;
font-weight:bold;
}

.attention_list2 {
/* font-size:14px; */
text-align: center;
margin-top: 1em;
}
.attention_list2 li {
padding-left:1.5em;
position:relative;
margin-bottom:.2em;
}
.attention_list2 li span{
color:#ee7b72;
font-weight:bold;
}
 
.c_ora {
color: #ee7b72;
font-weight:bold;
}
.c_pin {
color:#ee7b72;
font-weight:bold;
}

.lesson_table thead span{
display:block;
font-size: 12px;
}

/* 02 /price/ medeia query =========================================== */
@media (min-width: 960px) {
  .table-h3-1{
    font-size: 2.5rem;
  }
  /* システム案内 */
  .system-view{
    display: flex;
    justify-content: space-between;
    width: 93%;
    margin: 0 auto;
  }
  .system-view-box{
    width: 30%;
    margin-bottom: 1rem;
  }

  /* .system-view-desc-wrap{
    min-height: 27.8rem;
  } */

  /* レッスン共通 */
  /* .system-kyostu-wrap img{
    width: 70%;
  } */
  .system-kyotsu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 4% 1rem;
    gap: 4em;
  }
  .system-kyotsu h2{
    font-size: 2.1rem;
    text-align: left;
    letter-spacing: 0.03em;
  }

  /* 料金案内 */
  .table_wrap {
    margin: 4em auto 6em;
    width: 90%;
  }

  .table_wrap-3 .logo-link-box li {
    width: 25%;
  }
  .table_wrap-3 .logo-link-box .link-btn a {
    width: 100%;
  }
  
  .system_table{
    font-size: 1.4rem;
  }
  .table-2 tbody td:first-of-type{
    width: 62%;
  }
  .table-2 .attention_list .table-caption{
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
  }

  .system_link_list .link-btn a{
    min-height: 86px;
  }
  .system_link_list p {
    margin: .6em 0 0;
  }

  .sp_dsp{
    display: none;
  }
  .pc_dsp{
    display: block;
    width: 100%;
  }
  .lesson_table th{
    width: 29rem;
  }
}/* 960 end */


/* 03 /guidance/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_guidance{
  background-image: url("/imgs/guidance_mv_bg_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_guidance{
    background-image: url("/imgs/guidance_mv_bg_pc.jpg");
  }
}/* 768 end */

.need-wrapper{
  width: 88%;
  margin: 0 auto;
}
.need{
  position: relative;
  border: solid 1px #CCC;
  text-align: center;
  margin: 3.5em 0 1em;
  border-radius: .5rem;
}
.need-ttl{
  position: absolute;
  left: 0;
  right: 0;
  top: -0.8rem;
  margin: auto;
  font-size: 1.5rem;
  background-color: #fff;
  width: 86%;
}
.need-ttl .caption{
  font-weight: 400;
  margin-top: 1em;
}
.need_item{
  margin-top: 4.2rem;
}
.need_item_box{
  padding: 1.5em 0;
  width: 85%;
  margin: 0 auto;
}
.need_item_box-2{
border-top: 1px solid #CCC;
/* border-bottom: 1px solid #CCC; */
}
.need-img{
  width: 6rem;
  height: 6rem;
  margin: 0 auto .5em;
  background-image: url(/imgs/guidance-icon-need.svg);
  background-size: 100%;
}
.need-img-2{
  background-position: 0 50%;
}
.need-img-3{
  background-position: 0 100%;
}
.need-img-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto;
}
.need-img-or{
  color: #ee7b72;
  font-size: 14px;
}

.need-txt{
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 600;
  font-weight: 400;
}

.att_cap {
  display: block;
  position:relative;
  padding-left:1.2em;
  margin-top: 0.3em;
  /* margin-bottom:.6em; */
  line-height: 1.4;
  letter-spacing: 0.2px;
  text-align: justify;
  font-size: .84em;
}
.att_cap:before {
position:absolute;
left:0;
content:"※";
font-weight:bold;
}

.join-campaign-box {
  border-top: 1px solid #ee7b72;
  border-bottom: 1px solid #ee7b72;
  padding: 1.6em 0 1.4em;
  text-align: center;
  font-size: .8em;
  line-height: 1.6;
  margin: 3em auto 2em;
  font-weight: bold;
  /* border-radius: .5rem; */
  width: 88%;
}
.join-ttl{
  padding: 0;
  font-size: 1.6rem;
}
.bigprice {
  font-size: 1.8em;
  margin-top: .02em;
  letter-spacing: 4px;
  display: block;
  color: #ee7b72;
}

.guide-trial{
  padding: 5rem 0 3rem;
  margin: 0;
  position: relative;
}
.guide-trial::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* padding: 5rem 0; */
  display: block;
  background-color: #f6f6f5;
  z-index: -2;
}

.trial-block {
  padding: 2rem 0 3em;
  /* border-top: 1px solid #c5c5c5; */
}
.trial-block-line{
  padding: 3em 0 3em;
  border-top: 1px solid #c5c5c5;
}

.trial-common-ttl{
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
  font-weight: bold;
  padding: .5em 0;
}
.trial-common-p{
  font-size: 1.2rem;
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 1.5em;
}
.trial-block .trial-common-p{
  text-align: center;
  font-size: 1.4em;
}
.trial-tel-block{
  margin-bottom: 1.5em;
}
.trial-tel-block .tel-a {
  color: inherit;
  border: none;
  text-align: left;
  margin: 0 auto;
  padding: .5rem 0;
  font-size: 1.9rem;
  width: 18.8rem;
}
.trial-tel-block .tel-txt {
  margin: 0 1em .15em 0;
}

.trial-flow-wrap{
  border-top: 1px solid #dfdbd6;
  padding: 3rem 0 0;
  overflow: hidden;
}
.trial-flow-box{
  position: relative;
}
.trial-flow-box-h3{
font-size: 1.5rem;
padding: 1em 0;
margin-bottom: .2em;
vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
.trial-flow-box-num{
  font-size: 12rem;
  font-weight: 100;
  margin-bottom: .2em;
  padding: 0 .1em 0 0;
  color: #dfdbd6;
  position: absolute;
  top: -3.2rem;
  right: -2.2rem;
  z-index: -1;
}
.trial-flow-box-1,.trial-flow-box-2{
  margin: 2rem 0 9rem;
  position: relative;
}
.trial-flow-box-1::after,.trial-flow-box-2::after{
  content: "";
  position: absolute;
  bottom: -28%;
  left: 0;
  right: 0%;
  margin: 0 auto;
  display: block;
  width: 60%;
  height: 20%;
  background: url(/imgs/icon-line_arrow.svg) no-repeat;
}

.trial-item{
  padding: 3em 2em 1.5em;
}
.trial-item .need_item{
  margin: 0;
  font-size: 1.5rem;
  padding: 0.5em 0.5em 1em;
}
.trial-item .need_item_li{
  padding: .5em 0;
  position: relative;
  /* display: inline-block; */
  margin: 0 auto 0 7rem;
  text-align: left;
  width: 8em;
}
.trial-item .need_item_li::before{
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(/imgs/icon_checkbox.svg) no-repeat center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -3rem;
}
.trial-item .common-p{
  margin: 0 auto;
  text-align: center;
}
.icon_checkbox{
  width: 2rem;
}
.icon_checkbox img{
  width: 100%;
}
.guide-trial .need-ttl{
  background-color: #f6f6f5;
}

.rental-campaign{
  padding: 1rem 0;
  color: #ee7b72;
  font-weight: bold;
}
.rental-ttl{
  border-top: 1px solid;
  border-bottom: 1px solid;
  padding: .5em 0;
  font-size: 1.9rem;
}
.rental-p{
  padding: .8em 0;
  font-size: 1.2rem;
}
.guide-trial .toppage-trial-campaignbox{
  padding: 3rem 0;
}
.guide-trial .toppage-trial-campaign-ttl {
  border: none;
}
.trial-campaign .common-ttl {
  padding: 1em 0;
}
.guide-join1 {
  padding: 0 0 3rem;
}
.guide-join1 .pict{
  margin-bottom: 1.2rem;
}

.trial-link-btn a {
  position: relative;
  display: block;
  font-size: 1.6rem;
  padding: 1em 1em;
  line-height: 1.4;
  transition: opacity .5s;
  color: #fff;
  border-right: 1px solid #f6f6f5;
  border-radius: .1em;
  background-color: #ee7b72;
}

main section.guide-visit {
  /* margin: 5rem 0 0; */
  background-color: #f6f6f5;
}
.guide-visit .contents-wide{
  padding: 4em 2em 3em;
}
/* .guide-visit .common-p{
  margin: 2em 0 4em;
} */
.addmision-lead .pict{
  margin-bottom: 1.2rem;
}
.guide-visit img{
  object-fit: cover;
  width: 100%;
  height: 13.6rem;
}

/* 03 /guidance/ medeia query =========================================== */
@media (min-width: 600px) {
  .trial-entrance-sec .att_cap{
    font-size: .87rem;
  }
  .trial-item .need_item_li {
    margin: 0 auto 0 12.3rem;
  }
  .trial-item .common-p {
    width: 89%;
  }
  .trial-flow-box-1::after, .trial-flow-box-2::after {
    width: 60%;
  }
  .trial-campaign{
    width: 90%;
    margin: 0 auto;
  }
}/* 600 end */

@media (min-width: 960px) {
  main.guidance section>.contents-wide{
    padding: 0 4rem;
  }
  .guidance .common-h2{
    /* padding-top: 0.8em; */
    text-align: left;
  }
  .guidance .common-h2 .ja{
    display: inline-block;
    vertical-align: text-top;
    margin: .8em 0 0 1em;
  }
  .guidance .common-h2-center{
    text-align: center;
  }
  .guidance .common-h2-center .ja{
    display: block;
  }
  .trial-entrance-sec .contents-wide{
    position: relative;
  }
  .trial-entrance-sec .pict{
    position: absolute;
    top: 0;
    right: 0;
    width: 42rem;
  }
  .common-ttl{
    font-size: 2rem;
    padding: 1em 0 1em;
  }
  .common-p{
    font-size: 1.2rem;
  }
  .guide-join1 {
    text-align: left;
    width: 42rem;
  }
  .trial-tel-block .tel-ul{
    display: block;
  }
  .trial-tel-block .tel-li {
    width: 100%;
  }
  .trial-tel-block .tel-txt {
    display: inline;
  }
  .trial-tel-block .tel-a {
    margin: 0 auto;
  }

  .need {
    margin: 4em auto 1em;
    width: 60%;
  }
  .need_item{
    display: flex;
  }
  .need_item_box{
    padding: 0;
    margin: 3em 0;
  }
  .need_item_box-2{
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #CCC;
  }
  .trial-entrance-sec .att_cap{
    width: 41%;
    margin: 0.3em auto 0;
  }
  .need-ttl{
    width: 56%;
  }
  .need-ttl .caption{
    display: inline-block;
    margin: 0 0 0 .5em;
  }
  .need_item {
    margin-top: 1rem;
  }
  .rental-campaign {
    padding: 2rem 0 1rem;
  }
  .rental-ttl {
    font-size: 2.2rem;
    width: 80%;
    margin: auto;
  }
  .rental-p {
    padding: .5em 0;
    font-size: 1.6rem;
  }
  .join-campaign-box {
    padding: 1.4em 0;
    margin: 4em auto 1.5em;
    width: 100%;
  }
  .join-ttl{
    font-size: 2rem;
    padding: 0;
  }
  .bigprice{
    display: inline-block;
    margin: 0;
    letter-spacing: 2px;
  }
  .bigprice-p{
    display: inline-block;
    font-size: 1.2rem;
    vertical-align: text-bottom;
  }

  .guide-trial-wrap{
    display: flex;
    justify-content: space-between;
  }
  .guide-trial-wrap .pict{
   width: 32rem; 
  }
  .guide-trial-block{
    width: 51rem;
    margin: auto;
  }
  .guide-trial-block .common-ttl{
    text-align: left;;
    padding-top: 0;
  }

  .guide-trial .toppage-trial-campaignbox {
    width: 100%;
  }
  .trial-common-ttl{
    font-size: 2.2rem;
    text-align: center;
  }
  .trial-common-p{
    text-align: center;
  }

  .trial-flow-wrap {
    padding: 3rem 0 0;
    overflow:visible;
  }
  .trial-flow-block{
    display: flex;
    justify-content: space-between;
    padding: 6rem 0 1rem;
  }
  .trial-flow-box{
    width: 27%;
  }
  .trial-flow-box-1, .trial-flow-box-2{
    margin: 0;
  }
  .trial-flow-box-1::after, .trial-flow-box-2::after {
    bottom: 0;
    top: 0;
    left: 0;
    right: -32rem;
    margin: auto;
    height: 6%;
    transform: rotateZ(-90deg);
    background-size: 200%;
    background-position: 50% 100%;
  }
  .trial-flow-box-h3{
    justify-content: flex-start;
  }
  .trial-flow-box-num{
    font-size: 16rem;
    padding-top: 3rem;
    top: -9.6rem;
    left: -12rem;
  }
  .trial-flow-box .common-p{
    min-height: 10.5rem;
  }
  .trial-item{
    padding: 2em 2em 2.5em;
  }
  .trial-item.need {
    margin: 5em auto 2em;
    width: 90%;
  }
  .trial-item .need_item {
    width: 78%;
    font-size: 1.8rem;
    justify-content: space-between;
    padding: 0.5em 0.5em;
    margin: 0 auto;
  }
  .trial-item .need_item_li::before {
    left: 0;
  }
  .trial-item .need_item_li {
    margin: 0;
    width: 9em;
    padding: 1em 0 1em 1.5em;
  }
  .trial-item .common-p {
    text-align: center;
  }
  .trial-campaign{
    width: 82.5%;
    max-width: 1056px;
  }
  .trial-block .common-p{
    text-align: center;
    font-size: 1.4em;
  }

  main.guidance section.guide-visit>.contents-wide{
    position: relative;
    padding: 4rem 4rem 4rem 47rem;
    min-height: 34rem;
  }
  .guide-visit .pict{
    position: absolute;
    top: 4.1rem;
    left: 0;
    width: 40rem;
  }
  .guide-visit .common-h2{
    padding-top: 3.5rem;
  }
  .guide-visit .trial-common-ttl{
    text-align: left;
  }

  .guide-visit img{
    height: auto;
  }
  .guide-join1 .trial-common-ttl{
    text-align: left;
  }
}/* 960 end */


/* 04 /schedule/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_schedule{
  background-image: url("/imgs/schedule_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_schedule{
    background-image: url("/imgs/schedule_mv_pc.jpg");
  }
}/* 768 end */

.schedule-ttl{
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: 0 0 1rem ;
}
.sch-common-p{
  margin-bottom: 2em;
}
.schedule .studio-block{
  margin-bottom: 1em;
}
.schedule .studio-inner {
  padding: 2.2rem 0 3.4rem;
}
.schedule .store-icon.store-icon-sche::before {
  display: none;
}
.schedule .studio-info {
  justify-content: center;
  bottom: 1.2rem;
}
.schedule .store-icon-sche {
  color: #dfdbd6;
}
.lesson_info_sche{
  background-color: transparent;
  margin: 5rem 0 3rem;
}
.schedule-info{
  margin: 3rem 0;
}
.schedule .common-p {
  font-size: 1.2rem;
}
/* .tel-a{
  display: block;
  color: #23584a;
  border: 1px solid #23584a;
  border-radius: .2rem;
  padding: 2rem;
  margin: 1rem 0;
  font-size: 1.8rem;
  transition: background-color .5s;
}
.tel-a:hover{
  background-color: #23584a;
}
.tel-a:hover,.tel-a:hover .tel-txt{
  color: #fff;
}
.tel-txt{
  display: inline-block;
  color: #32323b;
  font-size: 0.8em;
  vertical-align: middle;
  margin: 0 .3em .15em 0;
} */
.schedule-h3{
  font-size: 1.8rem;
  line-height: 1.4;
  padding: 0 0 1em;
}
/* .tel-ttl{
  padding: 1.5em 0 .4em;
} */
.common-p.tel-p{
  text-align: center;
  letter-spacing: 0.05em;
}

@media (min-width: 600px) {
  .branch-box .att_cap{
    width: fit-content;
    margin: 0.3em auto 0.6em;
  }
}/* 600 end */

@media (min-width: 960px) {
  .schedule .studio-inner,
  .store .studio-inner{
    padding: 3rem 0 4rem;
  }
  .schedule .studio-block,
  .store .studio-block{
    margin: 0 auto 1em;
    max-width: 1280px;
  }
  .schedule .studio-box,
  .store .studio-box {
    width: calc(33.3% - 0.33px);
    /* margin-bottom: 1px; */
  }
  .schedule .studio-name .en,
  .store .studio-name .en {
    font-size: 2.4rem;
  }
  .schedule .studio-name .ja,
  .store .studio-name .ja {
    font-size: 1.2em;
  }
  .schedule-info-desc{
    margin-bottom: 6em;
  }
  .schedule-h3{
    font-size: 2rem;
  }
  .schedule-info-desc .common-p{
    width: 59rem;
    margin: 0 auto 1.5em;
  }
  /*
  .tel-ttl{
    font-size: 1.7rem;
    padding: 1em 0 .4em;
  }
  .tel-ul{
    display: flex;
    justify-content: center;
  }
  .tel-li{
    width: 19%;
  }
  .tel-a{
    margin: 0 .25em;
  }
  .tel-txt{
    display: block;
    margin: 0 0 .38em;
  } */
}/* 960 end */


/* 05 /store/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_store{
  background-image: url("/imgs/store_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_store{
    background-image: url("/imgs/store_mv_pc.jpg");
  }
}/* 768 end */

.add-dl{
  font-size: 1.4rem;
  line-height: 1.6;
  margin: .5em 0 1.5em;
}
.add-dt,.add-dd{
  padding: 1.2em 0;
  line-height: 1.4;
}
.add-dt{
  border-top:1px solid #aeaeae;
  border-bottom: 1px solid #aeaeae;
  font-weight:600;
  /* float: left; */
}
.add-dd{
  margin-bottom: .2em;
}
.add-dd:last-of-type{
  border-bottom: 1px solid #aeaeae;
}
.add-dd .anchor{
  font-weight: 400;
  /* font-size: 1.2em; */
}
.add-tel{
  display: block;
  margin-bottom: .5em;
}
.add-dd span{
  transition: opacity 0.5s;
}
.add-dd span:hover{
  opacity: .5;
}

@media (min-width: 960px) {
  .add-dl{
    width: 70rem;
    margin: .5em auto 1.5em;
  }
  .add-dt{
    float: left;
    width: 10rem;
    border-bottom: none;
    height: 5.8rem;
    padding: 1.45em 0;
  }
  .add-dt:last-of-type{
    border-bottom: 1px solid #aeaeae;
  }
  .add-dd{
    text-align: left;
    margin: 0 0 0 12rem;
    border-top:1px solid #aeaeae;
    height: 5.8rem;
    padding: 1.4em 0 0 1.2em;
  }
  .add-tel{
    display: inline;
    margin-right: 1rem;
  }
}/* 960 end */


/* 05 /store/店舗別ページ =========================================
================================================================ */
/* MainVisual ============================================================ */
.mv_inner_store_shinjuku{
  background-image: url("/imgs/store_shinjuku_mv_sp.jpg");
  background-position: center;
}
.mv_inner_store_toritsudai{
  background-image: url("/imgs/store_toritsudai_mv_sp.jpg");
  background-position: center;
}
.mv_inner_store_akihabara{
  background-image: url("/imgs/store_akihabara_mv_sp.jpg");
  background-position: center;
}
.mv_inner_store_ginza{
  background-image: url("/imgs/store_ginza_mv_sp.jpg");
  background-position: center;
}
.mv_inner_store_komazawa{
  background-image: url("/imgs/store_komazawa_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_store_shinjuku{
    background-image: url("/imgs/store_shinjuku_mv_pc.jpg");
  }
  .mv_inner_store_toritsudai{
    background-image: url("/imgs/store_toritsudai_mv_pc.jpg");
  }
  .mv_inner_store_akihabara{
    background-image: url("/imgs/store_akihabara_mv_pc.jpg");
  }
  .mv_inner_store_ginza{
    background-image: url("/imgs/store_ginza_mv_pc.jpg");
  }
  .mv_inner_store_komazawa{
    background-image: url("/imgs/store_komazawa_mv_pc.jpg");
  }
}/* 768 end */


.text.common-p p{
  font-size: 14px;
  line-height: 2;
}
.b-photo-ttl {
  margin-bottom: .5em;
  font-size: 16px;
}
.b-photo-main .text {
  font-size: 12px;
  line-height: 1.6;
  height: auto;
}
.b-photo-main {
  padding: .9em 2em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f6f6f6;
}
.branch-photo{
  margin: 5rem 0 8rem;
}
.branch-photo .slick-dots {
  bottom: -30px;
}

.access-imap {
  margin-bottom: 2.5rem;
}
.access-gmap {
  position: relative;
  padding-bottom: 60%;
  margin-bottom: 3rem;
  height: 0;
  overflow: hidden;
}
.access-gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ad-detail {
  margin-bottom: 2.5rem;
  text-align: left;
  font-size: 13px;
}
.ad-detail .ad-dial a {
  color: #00af96;
  font-size: 2.2em;
  margin-bottom: 2em;
  font-size: 30px;
  letter-spacing: 0.05em;
  font-family: 'century gothic','Josefin Sans',sans-serif;
}
.ad-time {
  margin-bottom: 1em;
  font-size: 13px;
}
.ad-route {
  margin-bottom: 2em;
}
.ad-route .text,.ad-pickup{
  margin-bottom: 1em;
  text-align: left;
  color: #80d7cc;
  font-weight: bold;
  font-size: 16px;
}
.ad-route ol li {
  position: relative;
  padding-left: 2.2em;
  margin: .5em 0;
  text-align: left;
  font-size: 13px;
}
.ad-route ol li::before {
  position: absolute;
  content: "→";
  left: 0;
  top: 0;
}
.ad-traffic p {
  font-weight: bold;
  font-size: 14px;
}
.ad-traffic-case {
  margin-bottom: 2em;
  padding-left: 2.2em;
  font-size: 13px;
  text-align: left;
}
.ad-train, .ad-bus {
  position: relative;
}
.ad-train:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f238";
  font-weight: 900;
  color: #6c6a60;
  font-size: 1.6em;
}
.ad-bus:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f207";
  font-weight: 900;
  color: #6c6a60;
  font-size: 1.6em;
}
.ad-sc {
  border: 1px solid #fe8fa4;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.ad-sc a {
  color: #fe8fa4;
  padding: 1em;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
.insta-p{
  font-size: 13px;
  margin-bottom: 1em;
}
.access-info .news_link a {
  width: 300px;
  margin: 2rem auto;
}

.sns-wrap {
  background: #f6f6f6;
  padding: 3rem 0;
}
.sns-box {
  max-width: 340px;
  margin: 0 auto;
}
.sns-box:not(:last-child) {
  margin-bottom: 4rem;
}
.sns-ttl {
  margin-bottom: 1.1rem;
  font-size: 2.2rem;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: 'century gothic','Josefin Sans',sans-serif;
}
.tw-feed-area,.fb-feed,.insta-feed {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 136% 0 0 0;
}
.tw-feed-area iframe,.fb-feed iframe,.insta-feed iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.insta-feed iframe {
  height: 87%;
}
.text.common-p img {
  display: block;
  margin: 1.5rem auto;
}

.other_link_block {
  display: flex;
  gap: 4%;
  padding: .5em 0 1em;
}

.other_link_box {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

[data-brand="2"] .other_link_img_box img{ transform: translateY( calc( ( -100% / 6) ) ); }
[data-brand="3"] .other_link_img_box img{ transform: translateY( calc( ( -100% / 6) * 2 ) ); }
[data-brand="4"] .other_link_img_box img{ transform: translateY( calc( ( -100% / 6) * 3 ) ); }
[data-brand="5"] .other_link_img_box img{ transform: translateY( calc( ( -100% / 6) * 4 ) ); }
[data-brand="9"] .other_link_img_box img{ transform: translateY( calc( ( -100% / 6) * 5 ) );}


/* 校舎ページ LOCATED BRAND
========================================= */
.located_reco_block{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  /* border-top: .5px solid var(--color-grey);
  border-bottom: .5px solid var(--color-grey); */

  width: 100%;
  margin: 2em 0;
}
.located_reco_box{
  position: relative;
  width: 33.33333%;
  border: 1px solid var(--color-grey);
  border-left: none;
  overflow: hidden;
}
@media (max-width: 859px) {
  .located_reco_box:nth-child(3n) {
    border-right: none;
  }
  .located_reco_box:nth-child(n+4) {
    border-top: none;
  }
}
.located_block .reco_detail_box{
  visibility: none;
  opacity: 0;
  transform: translateY(-101%);
}
.located_reco_box.on .reco_detail_box{
  position: absolute;
  z-index: 1;
  font-size: 0.9rem;
  width: 100%;
  height: 100%;
  background-color: var(--color-black2);
  color: var(--color-white);
  overflow-y: scroll;
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  transition: transform .4s , opacity .4s;

  display: flex;
  justify-content: center;
  align-items: center;
}
/* .located_reco_box:hover .reco_detail_box{
  transform: translateY(0);
  opacity: 1;
} */
.located_block .reco_txt{
  position: absolute;
  display: block;
  top: 0;
  /* bottom: 0;
  margin: auto; */
  height: fit-content;
  padding: 1em .6em 1em;
}

.located_block .reco_img_box{
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
/* .located_reco_box:hover .reco_img_box{
  transform: translateY(-100%);
  opacity: 0;
} */
.located_block .reco_logo_img{
  position: absolute;
  pointer-events: none;
  width: 100%;
  left: 0;
}
.located_block .reco_logo_img.nda{top: 0;}
.located_block .reco_logo_img.ndak{top: -100%;}
.located_block .reco_logo_img.nds{top: -200%;}
.located_block .reco_logo_img.nyoga{top: -300%;}
.located_block .reco_logo_img.npila{top: -1800%;}
.located_block .reco_logo_img.nbox{top: -400%;}
.located_block .reco_logo_img.nbal{top: -500%;}
.located_block .reco_logo_img.nbalk{top: -600%;}
.located_block .reco_logo_img.non{top: -700%;}
.located_block .reco_logo_img.nmusic{top: -800%;}
.located_block .reco_logo_img.tdl{top: -900%;}
.located_block .reco_logo_img.sst{top: -1300%;}
.located_block .reco_logo_img.pst{top: -1400%;}
.located_block .reco_logo_img.stn{top: -1500%;}
.located_block .reco_logo_img.voat{top: -1000%;}
.located_block .reco_logo_img.voice{top: -1100%;}
.located_block .reco_logo_img.voatk{top: -1200%;}
.located_block .reco_img_box{
  transition: transform .4s , opacity .4s;
}

.located_block .reco_detail_btn{
  position: absolute;
  bottom: 8%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  width: 50%;
  padding: .3em 1.8em;
  margin: 0 auto;
  opacity: .2;
  z-index: 10;
}

@media (min-width: 860px) {
  .located_reco_block{
    width: 100%;
    margin: 0;
    justify-content:center;
    padding: 0 6rem 3em;
    max-width: 1400px;
    margin: 0 auto;
    
  }
  .located_reco_box{
    width: calc(100% / 7);
    border: 1px solid var(--color-grey);
  }
  .located_reco_box:not(:first-child){
    border-left: none;
  }
  .sec_top_contents .foot_desc{
    padding-right: 0;
  }
  .located_block .reco_detail_btn{
    width: 42%;
  }
  .located_block .reco_txt{
    bottom: 0;
    margin: auto;
  }
  .located_block .located_reco_box.on .reco_detail_box{
    overflow-y:inherit;
  }
}/* 769 */

@media (min-width: 1200px) {
  .located_block .reco_detail_box{
    font-size: .7em;
  }
}/* 960 */

/* NEW SNS =============== */
.sec_store_sns .sec_ttl{
  margin-bottom: 0.6em;
}
.store_sns_list {
  display: flex;
  justify-content: center;
  padding-right: 0.5em;
}
.store_sns_box{
  font-size: 3.5rem;
  margin: 0 1.5rem;
}
.store_sns_txt{
  margin: 1.5em 0;
}

@media (min-width: 960px) {
  .access-block,.sns-block{
    display: flex;
    justify-content: space-between;
  }
  .access-map,.access-info{
    width: 47%;
  }
  .sns-block{
    max-width: 1140px;
    margin: 0 auto;
  }
  .sns-box {
    width: 30%;
  }
  .sns-box:not(:last-child) {
    margin-bottom: 0;
  }
  .sns-box .news_link a {
    width: 80%;
  }
  .tw-feed-area,.fb-feed,.insta-feed {
    padding: 152% 0 0 0;
  }
  .fb-feed {
    padding: 152% 0 0 0;
  }
  .insta-feed {
    padding: 131% 0 0 0;
  }

  .sec_store_sns {
    padding: 2em 0 3em;
  }
  .store_sns_box{
    font-size: 4rem;
    margin: 0 2rem;
  }
}/* 960 end */


/* 06 /close/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_close{
  background-image: url("/imgs/close_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_close{
    background-image: url("/imgs/close_mv_pc.jpg");
  }
}/* 768 end */

.print-link-box{margin:1.5em 0 2em;}
.print-link-box a {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  padding: .8em 0 4.8rem;
  border: 1px solid #005a49;
  color: #005a49;
  width: 100%;
  margin: 0 auto;
  display: block;
  border-radius: .3rem;
  position: relative;
  transition: opacity .5s;
}
.print-link-box .store-icon{
  display: block;
}
.store-icon-down:before{
  background-position: 0 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.1rem;
  margin: 0 auto;
}
.print-link-box a:hover {
opacity: .5;
}
.close-box .common-h2{
  font-size: 2.4rem;
}
.close-box .common-p{
  text-align: center;
}
.close-box .tel-a{
  font-size: 1.4rem;
}
@media (min-width: 600px) {
  .print-link-box {
    max-width: 640px;
    margin: 2em auto 3em;
  }
  .print-link-box a {
    padding: 1.2em 0;
  }
  .store-icon-down:before{
    position: absolute;
    left: 85.5%;
    bottom: 0;
    top: 0;
    margin: auto;
  }
}/* 600 end */
@media (min-width: 960px) {
  .print-link-box {
    margin: 3em auto 4em;
  }
  .print-link-box a {
    padding: 1.4em 0;
    font-size: 1.4rem;
  }
  .store-icon-down:before{
    position: absolute;
    left: 85.5%;
    bottom: 0;
    top: 0;
    margin: auto;
  }
  .close-box{
    margin: 6rem 0 8rem;
  }
}/* 960 end */



/* 07 /effect/ ページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_yoga-effect{
  background-image: url("/imgs/yoga-effect_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_yoga-effect{
    background-image: url("/imgs/yoga-effect_mv_pc.jpg");
  }
}/* 768 end */

#about-heading,#about-effect-three,#about-element-three,.about-yoga-genres{
  background-color: #f6f6f5;
  margin: 0;
  padding: 2rem 0;
}
.about-ttl{
  font-size: 2.1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #003830;
  padding: 2rem 0 1rem;
}
.abou-ttl-line2{
  display: block;
}
.about-p {
  font-size: 1.3rem;
  text-align: justify;
  letter-spacing: 0;
  line-height: 1.6;
  margin: .75em 0;
}
.about-p.center {
  text-align: center;
}

.effect-three-h{
  letter-spacing: .6rem;
  line-height: 1.05;
}
.about-ttl-num{
  font-size: 2.5em;
  font-weight: 400;
  vertical-align: sub;
  letter-spacing: 1rem;
}

.effect-three-box{
  background-color: #fff;
  padding: 1.5em 1.5rem;
  margin: 2em 0;
}
.effect-three-ttl{
  font-size: 1.7rem;
  padding: 1rem 0;
}
.effect-three-box p{
  text-indent: 1em;
}
.effect-three-img{
  padding: 1rem 0;
}

.flex-block{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-trouble-box{
  width: calc(50% - .5rem);
  margin: .5rem 0;
  position: relative;
  cursor: pointer;
  border-radius: .6rem;
}
.about-trouble-box img {
  width: 100%;
}
.about-trouble-box:before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #757575;
  opacity: 0.7;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .5s;
  border-radius: .6rem;
}
.about-trouble-box:hover:before{
  opacity: 0.1;
}
.about-trouble-box h3{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1.4em;
  line-height: 1.3;
  color: #fff;
  font-size: 1.5rem;
}
.about-trouble-box a{
  display: block;
  width: auto;
  height: auto;
}
.about-trouble-box h3.twoline{
  height: 2.8em;
}

.about-link{
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
}
.about-link-box{
  width: calc(50% - .5px);
  height: 100%;
  margin: .1rem 0;
  background-color: rgb(198, 198, 198, 0.5);
  position: relative;
  overflow: hidden;
}
.about-link-box:before{
  content: "";
  display: block;
  padding-top: 83.33%;
}
.about-link-a{
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/imgs/about-link-02.jpg);
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform .2s ease-in	;
}
.about-link-box:hover .about-link-a{
  transform: scale(110%);
}

.about-link-a-01{background-image: url(/imgs/about-link-01.jpg);}
.about-link-a-02{background-image: url(/imgs/about-link-02.jpg);}
.about-link-a-03{background-image: url(/imgs/about-link-03.jpg);}
.about-link-a-04{background-image: url(/imgs/about-link-04.jpg);}
.about-link-a-05{background-image: url(/imgs/about-link-05.jpg);}
.about-link-a-06{background-image: url(/imgs/about-link-06.jpg);}
.about-link-a-07{background-image: url(/imgs/about-link-07.jpg);}

.about-link-box h3{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  color: #fff;
}

@media (min-width: 600px) {
  .about-trouble-box{
    width: calc( 100% / 3 - .8rem);
  }
  .about-trouble-block:before{
    content:"";
    display: block;
    width: calc(33.33% - .7rem);
    order:1;
  }
  .about-trouble-block:after{
    content:"";
    display: block;
    width: calc(33.33% - .7rem);
  }
  .about-trouble-box h3 {
    font-size: 1.2rem;
  }

  .about-link-box{
    width: calc(33.33% - .1rem);
  }
}/* 600 end */

@media (min-width: 960px) {
  main.yoga-effect section>.contents-wide{
    padding: 0 8rem;
  }

  #about-heading{
    padding: 8rem 0;
    min-height: 36rem;
  }
  #about-heading .contents-wide{
    position: relative;
  }
  .about-heading-img{
    position: absolute;
    top: 0;
    right: 0;
    width: 38rem;
  }
  .about-heading .about-p{
    position: absolute;
    width: 54rem;
    min-height: 20rem;
    z-index: 5;
    padding: 2rem 2rem 2rem 0;
    background-color: #f6f6f5;
  }
  .about-trouble {
    padding-bottom: 3rem;
  }
  .about-trouble-box{
    width: calc( 100% / 7 - .8rem);
  }
  .about-trouble-block:before{
    content:"";
    display: block;
    width: calc(33.33% - .7rem);
    order:1;
  }
  .about-trouble-block:after{
    content:"";
    display: block;
    width: calc(33.33% - .7rem);
  }

  .about-link-box{
    width: calc( 100% / 7 - .1rem);
  }
  .abou-ttl-line2{
    display: inline;
  }
  .effect-three-block{
    display: flex;
    justify-content: space-between;
  }
  .effect-three-box{
    width: 32%;
  }
  
}/* 960 end */


/* 07 /yoga/ ABOUT YOGAページ ===========================================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_about-yoga{
  background-image: url("/imgs/about-yoga_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_about-yoga{
    background-image: url("/imgs/about-yoga_mv_pc.jpg");
  }
}/* 768 end */


.about-heading-ttl{
  font-size: 2.4em;
}
.about-p-arrow{
  font-size: 1.4rem;
  letter-spacing: .2rem;
}
.about-p-arrow:before{
  content: "";
  display: block;
  width: 20rem;
  height: 4.5rem;
  background-image: url(/imgs/icon-line_arrow.svg);
  background-repeat: no-repeat;
  margin: 3rem auto;
}

/* knowledge */
dl.news_list dd{ padding: 0 1em 1em; box-sizing: border-box; }
p.news-img{ margin-bottom: .7em;}
p.news-tag span{ padding: .5em 1em; font-size: 12px; line-height: 1.2; color: #fff; background: #534741;}
p.news-txt{ font-size: 14px; line-height: 1.6; padding: .5em 0;}
.news_link{ margin: 2em auto 0; box-sizing: border-box; text-align:center;}
.news_link p{background: #fff;border:1px solid #eee;padding: .5em 1.5em; position: relative; font-size: 13px;}
.news_link p::after{position: absolute; top: 50%; left: 90%; transform: translate(0,-50%); font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: 900; color: #95907C;}
.news_link p:hover{ background: #000; color: #fff; transition: all0.3s ease;}

.knowledge{
  background-color: #f6f6f5;
  padding: 4rem 0;
}
.knowledge .link-btn a{
  width: 80%;
  max-width: 26.4rem;;
}

@media (min-width: 960px) {
  .about-heading-ttl{
    margin-bottom: 1rem;
  }
  .about-ttl.pc-left{
    text-align: left;
  }
  .about-p.pc-center{
    text-align: center;
  }
  .about-element-box{
    width: 28%;
  }
}/* 960 end */


/* 08 /yogagenres/ TYPES OF YOGAページ ==========================
================================================================
================================================================ */

/* MainVisual ============================================================ */
.mv_inner_yoga-genres{
  background-image: url("/imgs/yoga-genres_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_yoga-genres{
    background-image: url("/imgs/yoga-genres_mv_pc.jpg");
  }
}/* 768 end */

.genre-type{
  margin: 5rem auto;
  max-width: 1366px;
}
.about-yoga-genres-box{
  background-color: #fff;
  margin: 2rem 1rem;
  padding: 1rem 1.5rem .5rem;
}
.about-yoga-genres-ttl{
  font-size: 1.7rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #003830;
  padding: 1rem 0;
}

.about-yoga-genres-block-1 .slick-dots li {
  width: 10.5%;
  margin: 0 1%;
}
.about-yoga-genres-block-2 .slick-dots li {
  width: 30%;
  margin: 0 1.5%;
}
.about-yoga-genres-block-3 .slick-dots li {
  width: 8%;
  margin: 0 .5%;
}

.about-yoga-genres-box{
  min-height: 22rem;
}

@media (min-width: 960px) {
  .about-yoga-genres-block{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .about-yoga-genres-box{
    width: 23.7%;    
    margin: .5rem .5rem;
  }
  .about-yoga-genres-box{
    min-height: 0;
  }
}/* 960 end */



/* 10 /qa/ よくある質問ページ ==========================
================================================================ */
.mv_inner_qa{
  background-image: url("/imgs/qa_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_qa{
    background-image: url("/imgs/qa_mv_pc.jpg");
  }
}/* 768 end */

/* 11 /welcome/ ==========================
================================================================ */
.mv_inner_welcome{
  background-image: url("/imgs/welcome_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_welcome{
    background-image: url("/imgs/welcome_mv_pc.jpg");
  }
}/* 768 end */

.welcome-about-box{
  margin: 0 0 5rem 0;
}
.welcome-voice-area {
  padding: 4em 0;
  margin: 0;
}
.welcome .system-kyostu-wrap {
  padding: 3rem 0 3rem;
}
.welcome .top-sch-link-box {
  border: none; 
  padding: 0;
}
.welcome-about-box .mv_copy h2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: .5em 0 0;
}
.welcome-about-box .mv_copy p,
.welcome-feature-box li p,
.welcome-genre-box li p{
  color: #606068;
}
.welcome-about-box {
  background-image: url(/imgs/welcome-about-bk_sp.jpg);
}
.welcome-ttl {
  font-size: 2rem;
}
.welcome-feature-box li .genre-more {
  width: 100%;
  margin: 1em auto;
  border-radius: .1em;
}
.welcome .system-kyotsu {
  padding: 0;
}
.welcome-price-wrap{
  padding: 5rem 0;
}
.welcome-more {
  width: 100%;
  border-radius: .1em;
  background: transparent !important;
}
.welcome #top_trial {
  padding: 4rem 0;
  margin-top: 0;
}

.welcome .trial-wrapper:after {
  display: none;
}
.welcome .top-link-branch-btn a:after {
  color: #fff;
}
.welcome .trial-wrapper {
  padding: 2.4rem 2rem 1rem;
}
.welcome .common-ttl {
  font-size: 1.6rem;
  padding: .5em 0 1em;
}
.common-p.white{
  color: white;
}

@media (min-width: 960px) {
  .welcome-about-box .mv_copy p{
    font-size: 1.3rem;
  }
  .welcome-price-box{
    display: flex;
    justify-content: space-between;
  }
  .welcome-price-box li {
    width: 32%;
  }
  .welcome-feature-box li .genre-more,
  .welcome-more {
    max-width: 20rem;
  }
  .welcome .common-p {
    text-align: left;
    margin-bottom: 0;
  }
}/* 960 end */







/* 12 /yogahistory/ ==========================
================================================================ */
.mv_inner_yogahistory{
  background-image: url("/imgs/yogahistory_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_yogahistory{
    background-image: url("/imgs/yogahistory_mv_pc.jpg");
  }
}/* 768 end */

#about_01 {
  padding: 2em 0 2em;
}

/* 13 /yogaqa/ ==========================
================================================================ */
.mv_inner_yogaqa{
  background-image: url("/imgs/yogaqa_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_yogaqa{
    background-image: url("/imgs/yogaqa_mv_pc.jpg");
  }
}/* 768 end */

/* 14 /pilates/effect/ ==========================
================================================================ */
.mv_inner_pilates-effect{
  background-image: url("/imgs/pilates-effect_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_pilates-effect{
    background-image: url("/imgs/pilates-effect_mv_pc.jpg");
    background-position: center left;
  }
}/* 768 end */

/* 15 /pilates/pilates/ ==========================
================================================================ */
.mv_inner_pilates-pilates{
  background-image: url("/imgs/pilates-pilates_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_pilates-pilates{
    background-image: url("/imgs/pilates-pilates_mv_pc.jpg");
  }
}/* 768 end */
.about_01_cnt ol {
  padding: 0;
}
.aboutyoga-desc,.about_01_cnt p{
  text-align: justify;
  margin: 1em 0;
}

/* 16 /recruit/ ==========================
================================================================ */
.mv_inner_recruit{
  /* background-image: url("/imgs/recruit_mv_sp.jpg"); */
  background-image: url("/recruit/images_rec/recruit_mv_sp.jpg");
  background-position: center;
}
@media (min-width: 768px) {
  .mv_inner_recruit{
    /* background-image: url("/imgs/recruit_mv_pc.jpg"); */
    background-image: url("/recruit/images_rec/recruit_mv_pc.jpg");
  }
}/* 768 end */

.clearfix {
  overflow: hidden;
}
.recruit-companyinfo {
  text-align: left;
}
.r-catch-text{
  text-align: justify;
}

.form-table td {
  text-align: left;
}

/* welcome ブランド一覧 ==========================
================================================================ */
.sys_brands_block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sys_brands_box{
  position: relative;
  background-color: #000;
  width: calc(50% - .5px);
  margin-bottom: 1px;
}
.sys_brands_box_img{
  opacity: .6;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* filter: gray; */
  -webkit-filter: grayscale(100%);
  transition: opacity 1s;
  object-fit: cover;
  object-position:center top;
  height: 9em;
}
.sys_brands_box:hover .sys_brands_box_img{
  opacity: 1;
  filter: none;
  -webkit-filter: grayscale(0%);
}
.sys_brands_detail{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: fit-content;
  color: #fff;
  padding: 0.5em 0 0.5em;
  margin: auto 0;
}
.sys_brands_ttl{
  font-size: .8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: -.02em;
  margin: 0;
}
.sys_logos_blk{
  position: relative;
  width: 70px;
  overflow: hidden;
  margin: 0 auto .2em;
  max-width: 8rem;
}
.sys_logos_blk::before{
  content: "";
  display: block;
  width: 100%;
  padding-top: 70px;
}
.sys_logos_blk img{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.sys_logos_blk.box2 img{
  top: -70px;
}
.sys_logos_blk.box3 img{
  top: -140px;
}
.sys_logos_blk.box4 img{
  top: -210px;
}
.sys_logos_blk.box5 img{
  top: -280px;
}
.sys_logos_blk.box6 img{
  top: -350px;
}
.sys_logos_blk.box7 img{
  top: -420px;
}
/* 幅100%用 */
.sys_brands_box._column2{
  width: 100%;
}
._column2 .sys_brands_box_img{
  height: 10rem;
}
._column2 .sys_logos_blk{
  width: 36%;
  margin: 0;
  max-width: 11rem;
}
._column2 .sys_brands_detail{
  display: flex;
  justify-content: center;
  align-items: center;
}
._column2 .sys_brands_ttl{
  font-size: 1.2rem;
  text-align: left;
  margin-left: 1em;
}

@media screen and (min-width: 769px){
  .sys_brands_box_wrap{
    width: 43%;
  }
  .system-kyotsu-wrap{
    width: 48%;
  }
  .sys_brands_box_img{
    height: auto;
  }
  ._pc_w100 .sys_brands_box{
    width: calc(25% - .5px);
  }
  ._pc_w100 .sys_logos_blk{
    width: 38%;
  }
  ._pc_w100 .sys_brands_box_img{
    height: 11em;
  }
  .block_wrap .sys_brands_box_img {
    height: 11em;
  }
}/* 769 */