/*--------------------------------------------------
  汎用クラス
---------------------------------------------------*/
.pc {
  display: initial !important;
}

.sp {
  display: none !important;
}

@media only screen and (max-width:768px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: initial !important;
  }
}

.body_color {
  background-color: #e4e7df;
  max-width: 900px;
  margin: 0px auto;
  padding-bottom: 10px;
}

/*--------------------------------------
  選択footer
--------------------------------------*/
footer {
  background-color: #3e683d;
  margin-top: 0px;
  font-size: 100%;
}

.footerbox {
  max-width: 930px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #ffffff;
  line-height: 170%;
}

.footerbox a:link {
  text-decoration: none;
  color: #ffffff;
}

.footerbox a:visited {
  text-decoration: none;
  color: #ffffff;
}

.footerbox a:hover {
  text-decoration: none;
  color: #ffffff;
}

.footerbox a:active {
  text-decoration: none;
  color: #ffffff;
}


/*--------------------------------------
  吹き出しライン
---------------------------------------*/
.speech-bubble {
  position: relative;
  display: inline-block;
  padding: 0px 20px;
  /* 本体は下線のみ */
  border-bottom: 6px solid #3e683d;
  margin-bottom: 20px;
}

.speech-bubble::after {
  content: "";
  position: absolute;
  /* 線の太さが2pxの場合、下から-7px〜-8pxあたりが目安 */
  bottom: -14px;
  left: 50%;
  width: 20px;
  height: 20px;

  /* 右と下だけに線を引く */
  border-right: 6px solid #3e683d;
  border-bottom: 6px solid #3e683d;

  /* 45度回転させて「V」の形にする */
  transform: rotate(45deg);
  background: #e4e7df;
  /* 背景色と同じ色にして、本体の下線を隠す */
}

.btn_text {
  padding: 10px;
  line-height: 160%;
  height: 195px;
}

@media only screen and (max-width:768px) {
  .btn_text {
    padding: 10px;
    line-height: 160%;
    height: auto;
  }
}