@charset "UTF-8";
/* --------------------------
            背景
----------------------------- */
.guid__container {
  position: sticky;
  top: 0;
  padding: 80px 10px 80px 80px;
  background: linear-gradient(to top,  #FCFAF6,#F8F0E1,#FCFAF6);
  z-index: 1;
  opacity: 1;
  transition: background 0.7s ease-in-out;
}
.guid__container::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: linear-gradient(to top, #FCFAF6, #F8F0E1, #FCFAF6);
  opacity: 1;
  transition: background 0.7s ease-in-out;
}
.sticky::before {
  position: static;
}
footer{
  position: relative;
  z-index: 1;
}
@media (max-width: 820px) {
  .guid__container{
    padding:110px 10px 110px 25px;
  }
} 
@media (max-width: 576px) {
  .guid__container{
    padding: 110px 10px 110px 16px;
  }
}
@media (max-width: 360px) {
  .guid__container{
    padding:110px 11px 110px 14px;
  }
}

/* ---------------------------------
            テキスト設定
------------------------------------ */
/* 中見出し */
.guid__container--ttl{
  color:#543E1A;
  font-size:28px;
  letter-spacing: 2.8px;
  line-height: 40px;
  font-weight: 500;
  /* margin-top: 71px; */
}
@media (max-width: 1450px) {
  /* 中見出し */
  .guid__container--ttl{
    color:#543E1A;
    font-size:25px;
    letter-spacing: 2.0px;
    line-height: 40px;
    font-weight: 500;
  }
}
@media (max-width: 576px) {
  /* 中見出し */
  .guid__container--ttl{
    color:#543E1A;
    font-size:16px;
    letter-spacing: 1.6px;
    line-height: 23px;
    font-weight: 500;
  }
}
/* 小見出し */
.guid__container--sttl{
  color:#212121;
  font-size:24px;
  letter-spacing: 2.4px;
  line-height: 26px;
  font-weight: 500;
}
@media (max-width: 1450px) {
  /* 小見出し */
  .guid__container--sttl{
    color:#212121;
    font-size:20px;
    letter-spacing: 1.4px;
    line-height: 26px;
    font-weight: 500;
  }
}
@media (max-width: 576px) {
  /* 小見出し */
  .guid__container--sttl{
    color:#212121;
    font-size:14px;
    letter-spacing: 1.4px;
    line-height: 26px;
    font-weight: 500;
  }
}
@media (max-width: 360px) {
  /* 小見出し */
  .guid__container--sttl{
    font-size:13px;
  }
}
@media (max-width: 320px) {
  /* 小見出し */
  .guid__container--sttl{
    color: #212121;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 26px;
    font-weight: 500;
  }
}
/* 本文 */
.guid__container--txt{
  font-size:15px;
  color:#212121;
  letter-spacing: 1.6px;
  line-height: 26px;
  padding-bottom:2rem;
}
@media (max-width: 800px) {
  /* 本文 */
  .guid__container--txt{
    font-size:14px;
    color:#212121;
    letter-spacing: 0.24px;
    line-height: 20px;
    padding-bottom:2rem;
  }
}
@media (max-width: 576px) {
  /* 本文 */
  .guid__container--txt{
    font-size:12px;
    color:#212121;
    letter-spacing: 0.24px;
    line-height: 20px;
    padding-bottom:2rem;
  }
}
@media (max-width: 360px) {
  /* 本文 */
  .guid__container--txt{
    font-size:11.5px;
    color:#212121;
    letter-spacing: 0px;
    line-height: 20px;
    padding-bottom:2rem;
  }
}
@media (max-width: 320px) {
  /* 本文 */
  .guid__container--txt{
    font-size:11px;
    color:#212121;
    letter-spacing: 0px;
    line-height: 20px;
    padding-bottom:2rem;
  }
}
#riyoukiyaku{
  margin-top:38px;
}

/* ---------------------------------
          タブボタン設定
------------------------------------ */
/* ボタン */
.guid__container--btn{
  font-size:24px;
  letter-spacing:2.4px;
  color:#543E1A;
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 1450px) {
  .guid__container--btn{
    font-size:20px;
    letter-spacing:2.0px;
  }
}
@media (max-width: 576px) {
  .guid__container--btn{
    font-size:16px;
    letter-spacing:1.6px;
  }
}
.btn-left{
  margin-right:90px;
}
@media (max-width: 576px) {
  .btn-left{
    margin-right:30px;
  }
}
/* ul{
  padding-left:0;
} */
/* li{
  list-style:none;
  float: left;
} */
.guid__container--btnli{
  list-style:none;
  float: left;
}
.guid__container--btn--active{
  border-bottom: 2px solid #543E1A;
}
/* デフォルトのリンクのスタイル */
a.default-link {
  border-bottom: 2px solid #543E1A;
  padding-bottom: 4%; /* 隙間の高さを調整するためのパディング */
  /* width: 100%;
  display: inline-block; */
}
/* アクティブなリンクのスタイル */
a.active-link {
  border-bottom: 1px solid #543E1A;
  padding-bottom: 4%;/* 隙間の高さを調整するためのパディング */
}
/* プライバシーポリシーリンクのスタイル */
a.privacy-link {
  text-decoration: none;
}
.guid__container--btnare{
  margin-left:-30px;
}
@media (max-width: 576px) {
  .guid__container--btnare{
    margin-left:-35px;
  }
}

/* --------------------------------- 
        ページTOPへ戻るボタン設定
------------------------------------ */
.topback_area {
  position: fixed;
  bottom: 30px;
  right: 40px;
  z-index: 999;
}
.topback_area img {
  width: 100px;
}
/* PCのみ表示 */
@media screen and (min-width: 800px){
  .topback_area img { display:block; }
}
/* SPのみ表示 */
@media screen and (max-width: 800px){
  .topback_area img { display:none; }
}
@media (min-width: 650px) {
  .space_pc{
    margin-left:1.4rem;
  }
  .space_pc2{
    margin-left:1rem;
  }
}
@media (max-width: 1200px) {
  .space_tb{
    margin-left:1rem;
  }
  .space_pc{
    display: none;
  }
  .space_pc2{
    display: none;
  }
}
@media (max-width: 650px) {
  .space{
    margin-left:0.8rem;
  }
  .space2{
    margin-left:0.6rem;
  }
  .space_tb{
    display: none;
  }
  .space_pc{
    display: none;
  }
  .space_pc2{
    display: none;
  }
}
.topback_area {
  cursor: pointer;
}
/* #privacypolicy{
  padding-top: 5rem;
} */