@charset 'utf-8';
/*/////////////////////////////////////

  基礎知識

////////////////////////////////////*/
/* ====================================================
  PC表示
====================================================*/
@media screen and (min-width:1104px) {

html {
  scroll-behavior: smooth;
}
.guide-sns-wrap {
  display: flex;
  align-items: flex-end;
}
.g-sns {
  flex: 1;
}
.guide {
  color: #555;
}
.guide_ttl {
  margin-bottom: 25px;
  padding-left: 11px;
  border-left: 10px solid #8fc31f;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
}
.guide_ttl-sub {
  margin-bottom: 22px;
  color: #f19149;
  font-size: 20px;
  font-weight: bold;
}
.guide_intro {
  margin-bottom: 18px;
}
.guide-item_sub-ttl {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 1px;
}
.guide-item_hd {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2px;
}
.sp_br {
  display: none;
}


/* ====================================================
  商品
====================================================*/
.guide-box_lead {
  margin-bottom: 24px;
}
.guide-item {
  margin-bottom: 24px;
}
a.guide-item_ttl {
  display: inline-block;
  margin-bottom: 10px;
  padding-right: 49px;
  border-bottom: 2px solid #555;
  background: url("/public/img/static/guide/common/icon_open_window.png") right center no-repeat;
  color: #555;
  font-size: 20px;
  font-weight: bold;
}
a.guide-item_ttl:hover {
  border-bottom: 2px solid #fff;
}
.guide-item_img {
  margin-bottom: 12px;
}
a.guide-item_ttl-s {
  display: inline-block;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  background: url("/public/img/static/guide/common/icon_open_window.png") 120px top no-repeat;
  color: #000;
  font-size: 16px;
}
a.guide-item_ttl-s:hover {
  border-bottom: 1px solid #fff;
}


/* ====================================================
  よくあるご質問
====================================================*/
.guide-faq_lead {
  margin-bottom: 28px;
}
.guide-faq-item {
  margin-bottom: 30px;
}
.guide-faq-q {
  font-weight: bold;
}
.guide-faq-a {
  padding-left: 1.5em;
  text-indent: -1.5em;
}



}



/* ====================================================
  スマホ表示
====================================================*/
@media screen and (max-width:1103px) {


html {
  scroll-behavior: smooth;
}
.guide-container {
  padding: 0 1rem;
}
.guide-container img {
  width: 100%;
}
.guide_ttl {
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.25;
}
.guide_ttl-sub {
  margin-bottom: 2.2rem;
  color: #f19149;
  font-size: 1.6rem;
  font-weight: bold;
}
.guide-item_sub-ttl {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.guide-item_hd {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
}

/*--------------------------------
  上部SNS
--------------------------------*/
.g-sns-major_btn {
  float: left;
}
.g-sns-major_twitter {
  margin: 0 0.6rem;
}
.guide_intro {
  margin-bottom: 0.9rem;
}
/* ====================================================
  商品
====================================================*/
.guide-box_lead {
  margin-bottom: 2.4rem;
}
.guide-item {
  margin-bottom: 2.4rem;
}
a.guide-item_ttl {
  display: inline-block;
  margin-bottom: 1rem;
  padding-right: 5rem;
  border-bottom: 2px solid #555;
  background: url("/public/img/static/guide/common/icon_open_window.png") right center no-repeat;
  background-size: 1.6rem auto;
  color: #555;
  font-size: 1.6rem;
  font-weight: bold;
}
a.guide-item_ttl:hover {
  border-bottom: 2px solid #fff;
}
.guide-item_img {
  margin-bottom: 1.2rem;
}
a.guide-item_ttl-s {
  display: inline;
  margin-bottom: 1rem;
  border-bottom: 1px solid #000;
  background: url("/public/img/static/guide/common/icon_open_window.png") 11.5rem top no-repeat;
  background-size: 1.5rem auto;
  color: #000;
  font-size: 1.5rem;
}
a.guide-item_ttl:hover {
  border-bottom: 1px solid #fff;
}


/* ====================================================
  よくあるご質問
====================================================*/
.guide-faq_lead {
  margin-bottom: 2.8rem;
}
.guide-faq-item {
  margin-bottom: 3rem;
}
.guide-faq-q {
  font-weight: bold;
}
.guide-faq-a {
  padding-left: 1.5em;
  text-indent: -1.5em;
}



}