@charset "UTF-8";
/* main

-------------------------------------------------------------------------*/
ul {
  list-style-type: none;
}

#teiki {
  color: #3b2c21;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-x: hidden;
  font-size: 12px;
}
#teiki *, #teiki ::before, #teiki ::after {
  box-sizing: border-box;
}
#teiki h1 {
  /*font-size: 2rem;*/
  font-size: clamp(1.7rem, 5vw, 2.5rem);
}
#teiki h2 {
  /*font-size: 1.75rem;*/
  font-size: clamp(1.4rem, 5vw, 2rem);
}
#teiki h3 {
  /*font-size: 1.5rem;*/
  font-size: clamp(1.1rem, 5vw, 1.5rem);
}
#teiki a {
  text-decoration: none;
}
#teiki a:hover {
  text-decoration: none;
}
.content_ttl_txt {
  font-size: 1.5rem;
  color: #2c5f48;
  font-weight: bold;
  text-align: center;
  margin: 0 0 10px;
}


.pc_only {
  display: block;
}

@media (max-width: 767px) {
  .pc_only {
    display: none;
  }
}
.sp_only {
  display: none;
}

@media (max-width: 767px) {
  .sp_only {
    display: block;
  }
}


#teiki img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

#teiki .inner {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  #teiki .inner {
    max-width: 100%;
  }
}




#teiki .navi_inner {
  padding: 0;
  margin: 0 auto 56px;
}
#teiki .navi_inner h2 {
  color: #0D0D10;
  text-align: left;
}
#teiki .navi_inner ul.navi {
}
#teiki .navi_inner ul.navi li {
  width: 92%;
  margin: 0 auto 16px;
  position: relative;
}
#teiki .navi_inner ul.navi li:last-child {
  margin-bottom: 0;
}
#teiki .navi_inner ul.navi li a {
  color: #111;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
  background: #e9f5dd;
  border-radius: 8px;
  padding: 14px 3%;
}
#teiki .navi_inner ul.navi li a span {
  color: #111;
}
#teiki .navi_inner ul.navi li a img {
  max-width: 62px;
  width: 7%;
  margin-right: 3%;
}
#teiki .navi_inner ul.navi li a:after {
  position: absolute;
  content: "";
  top: calc(50% - 15px);
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(/admission/common/teikiLP_contents/images/menu_3days/support/sg26/svg/sg26_icon_link.svg)no-repeat;
}
#teiki p, #teiki p.step__txt, #teiki .step__list li {
  font-size: clamp(18.00px, 1.02vw + 14.17px, 22.00px);
  line-height: 1.5;
}
#teiki .navi__list--name {
  font-size: clamp(22.00px, 1.02vw + 18.17px, 26.00px);
  line-height: 1.5;
}
#teiki .navi__list--name_min {
  font-size: clamp(15.00px, 0.51vw + 13.09px, 17.00px);
  margin-right: 1%;
}
@media screen and (max-width: 767px) {
  #teiki .navi_inner ul.navi li {
    width: 90%;
    margin: 0 auto 10px;
  }
  #teiki .navi__list--name {
    font-size: clamp(20.00px, 1.02vw + 16.17px, 24.00px);
  }
  #teiki .navi__list--name_min {
    font-size: clamp(14.00px, 0.51vw + 13.09px, 15.00px);
  }
  #teiki .navi_inner ul.navi li.navi__list a {
      padding: 16px 3%;
  }
  #teiki .navi_inner ul.navi li a:after {
    top: calc(50% - 13px);
    right: 3%;
    width: 26px;
    height: 26px;
  }
}


/*ベース*/
.content_accordion {
  padding: 0 5% 60px;
}
.oyasumi_accordion {
  background: #ebf5dd;
}
.oyasumi_accordion .content {
  magin-top:30px;
}
.toggle {
  display: none;
}
.Label {    /*タイトル*/
  padding: 12px 4%;
  display: block;
  color: #2c5f48;
  background: #fff;
  border: 4px solid #2c5f48;
  border-radius: 8px;
  font-size: 22px;
  font-weight: bold;
  position: relative;
}
.Label::before{   /*タイトル横の矢印*/
  content: "";
  position: absolute;
  right: 20px;
  /* transform: rotate(135deg); */
}
.Label::before{   /*タイトル横の矢印*/
  width: 28px;
  height: 28px;
  top: calc(50% - 14px);
  background: url(/admission/common/teikiLP_contents/images/menu_3days/support/sg26/svg/sg26_icon_arrow_gr.svg) no-repeat;
}
.tokuten_accordion .Label {font-size: 26px;}
.Label,
.content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.content {    /*本文*/
  height: 0;
  overflow: hidden;
}
.toggle:checked + .Label + .content { /*開閉時*/
  height: auto;
  transition: all .3s;
}
.toggle:checked + .Label::before {
  transform: rotate(-180deg) !important;
}
.sg26_icon_present {
  width: 42px;
  height: 42px;
  margin-right: 2%;
}
.tokuten_accordion .Label {
  border: none;
  padding: 0;
  width: 100%;
}
.tokuten_accordion .Label span {
}
.tokuten_detail_min {
  display: block;
  padding: 20px 5% 10px;
  margin: 0 auto 30px;
  background: #fffbea;
}
.tokuten_accordion .Label::before{
  display: none;
}
/* 最初は「開いた時の画像」を隠しておく */
.tokuten_accordion .Label .img_opened {
  display: none;
}
/* チェックが入った時（開いた時）の挙動 */
.tokuten_accordion .toggle:checked + .Label .img_default {
  display: none; /* 通常画像を消す */
}
.tokuten_accordion .toggle:checked + .Label .img_opened {
  display: block; /* 開いた時の画像を表示する */
}
@media (max-width: 767px) {
  .content_accordion {
    padding: 0 0 20px;
  }
  .oyasumi_accordion .Label {
    width: 94%;
    margin: auto;
    font-size: 15px;
  }
}



#teiki .inner_fix {
  position: relative;
}
#teiki .inner_fix_btn {
  position: absolute;
}
#teiki .inner_fix_btn_left {
  left: 80px;
  bottom: 65px;
}
#teiki .inner_fix_btn_center {
  left: 185px;
  /*bottom: 100px;*/
  bottom: 170px;
}
#teiki .inner_fix_btn_center_tokuten {
  left: 210px;
  /*bottom: 100px;*/
  bottom: 38px;
}
#teiki .inner_fix_btn_right {
  /* right: 130px; */
  right: 50px;
  bottom: 40px;
  width: 20%;
  max-width: 280px;
}
@media (max-width: 767px) {
  #teiki .content_05 .inner {
    width: 86%;
    margin: 10px auto 50px;
  }
  #teiki .inner_fix_btn_left {
    left: 10%;
    bottom: 14%;
    width: 45%;
  }
  #teiki .inner_fix_btn_center {
    left: 20%;
    /*bottom: 22%;*/
    bottom: 35%;
    width: 60%;
  }
  #teiki .inner_fix_btn_center_tokuten {
    left: 30%;
    /*bottom: 22%;*/
    bottom: 15%;
    width: 40%;
  }
  #teiki .inner_fix_btn_right {
    right: 6%;
    bottom: 18%;
  }
  .sg26_icon_present {
    width: 36px;
    height: 36px;
    margin-right: 2%;
  }
}




#teiki .slider_gray {
  background-color: #efefdd;
}
#teiki .slider_green {
  background-color: #ddeee2;
}
#teiki .slider_beige {
  background-color: #f6efe9;
}
#teiki .slider_prev, #teiki .slider_next {
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 80px;
  padding: 0;
  background: #aaa;
  border-radius: 6px;
}
#teiki .slider_prev {
  left: 0;
  z-index: 1;
}
#teiki .slider_next {
  right: 0;
}
#teiki .slick-dotted.slick-slider {
  margin-bottom: 50px;
}
#teiki .slick-dots {
  bottom: -35px;
}
#teiki .slider_item {
  padding-bottom: 10px;
}
#teiki .slider_social {
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  #teiki .slider_prev, #teiki .slider_next {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 60px;
    padding: 0;
  }
  #teiki .slider_prev {
    left: 0;
    z-index: 1;
  }
  #teiki .slider_next {
    right: 0;
  }
  #teiki .slick-dotted.slick-slider {
    margin-bottom: 50px;
  }
  #teiki .slick-dots {
    bottom: -35px;
  }
}


/*スライダーを bxsliderからslickに変更*/
.slider {
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized {
  opacity: 1;
}
/*追従バナー ページ途中からふわっと出現*/
 .s-sticky_bnr_fade {
 opacity: 0;
 position: fixed;
 bottom: 20px;
 left: 20px;
 transition: .3s;
 z-index: -100
}
 .s-sticky_bnr_fade.is-fixed {
 opacity: 1;
 z-index: 100
}
 .s-sticky_bnr_fade.is-fixed:hover {
 opacity: .7
}
@media screen and (max-width:767px) {
  .s-sticky_bnr_fade {
  bottom: 0;
  left: 0;
  width: 100%;
 }
}



/* =================================================
  FAQ（details / summary）
================================================= */

.faq-block {
  width: 650px;
  padding: 0 0 4%;
  margin: auto;
}

.faq-ttl {
  font-size: 24px;
  line-height: 1.5;
  margin: 16px 8px;
  text-align: center;
  font-weight: 600;
}

/* 1項目＝カード */
.faq-item {
  border-radius: 12px;
  background: #F8F6EC;
  padding: 0;
  overflow: hidden;        /* 角丸を綺麗に */
  width: 86%;
  margin: 14px auto;
}

/* summary行 */
.faq-item summary {
  position: relative;
  cursor: pointer;
  list-style: none;
  padding: 16px 10% 16px 4%;
  font-weight: bold;
  line-height: 1.5;
  font-size: 18px;
}

/* 標準のマーカー非表示 */
.faq-item summary::-webkit-details-marker {
  display: none;
}

/* 右端の丸アイコン（画像版） */
.faq-item summary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("/admission/common/teikiLP_contents/images/menu_3days/support/sg26/svg/sg26_icon_arrow_gr.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 開いたら画像に切り替え */
.faq-item[open] summary::after {
    transform: rotate(-180deg) !important;
}


/* 回答 */
.faq-a {
  padding: 0 10% 24px 4%;
  margin-top: 0;
  line-height: 1.8;
  color: #333;
}
#teiki .faq-a p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 10px;
}
#teiki .faq-a p.ttl {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
#teiki .faq-a a.link {
  display: block;
  width: 100%;
  background: #fff;
  border: 3px solid #2b6048;
  text-align: center;
  padding: 16px 0;
  margin: 5% 0 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  color: #2b6048;
  position: relative;
}
#teiki .faq-a a:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 2px #2b6048;
  border-right: solid 2px #2b6048;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto;
}
@media (max-width: 736px) {
  .faq-block{
    width: 94%;
  }
  #teiki .faq-a {
    width: 94%;
    margin: auto;
    padding: 8px 4% 24px;
  }
  .faq-item summary {
    font-size: 15px;
    padding: 16px 16% 16px 6%;
  }
  .faq-item {width: 94%;}
  #teiki .faq-a p {
    font-size: 14px;
    line-height: 1.5;
  }
  #teiki .faq-a a.link {
    padding: 10px 0;
    margin: 8% 0 0;
    font-size: 14px;
  }
}


  .inq-block{
    padding: 0 0 50px 0;
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
  }
@media (max-width: 736px) {
  .inq-block{
    text-align: center;
  }
}


/* =================================================
  PC調整
================================================= */

@media (max-width: 736px) {
  .cart-renewal .faq-ttl {
    font-size: 24px;
  }
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


/* =================================================
  sticky
================================================= */

.s-sticky_bnr {
  opacity: 1 !important;
  position: fixed;
  bottom: 20px;
  left: 20px;
  transition: 0.3s;
  z-index: 1 !important;
}
.s-sticky_bnr:hover {
  opacity: 0.7;
}

@media (min-width: 767px) {
  .s-sticky_bnr {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 767px) {
  .s-sticky_bnr {
    bottom: 0;
    left: 0;
  }
}