@charset "utf-8";






/* ###################################################################### */
/* 保護者向けQ&A集 */
/* ###################################################################### */








/*コンテナ全体
-------------------------------- */


.faq_container {
  padding: 0 20px;
  margin: 60px 0;
}
/* PC
====================================== */
@media screen and (min-width: 800px) {
.faq_container {
  width: 1100px;
  margin: 60px auto;
  /* サイドありの時 */
  display: flex;
  justify-content: space-between;

}
/* メインとサイド */
.faq_main {
  width: 700px;
  order: 2;/*PCは表示順が逆*/
  font-size: 1.6rem;
}
.faq_side {
  width: 300px;
  order: 1;
}

}/*PC*/



/* サイド
------------------------ */


.side_faq_list {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 20px;
}
.side_faq_list h5 {
  font-weight: bold;
  color: #333;
  padding: 20px;
  background: #eef7f8;
}
.side_faq_list ul {
  padding: 20px;
}
.side_faq_list li a {
  display: inline-block;
  line-height: 40px;
  color: #444;
  font-size: 1.4rem;
  text-decoration: none;
  display: block;
}
.side_faq_list li a:hover {
  color: #43bed6;
}
/*バナー*/
.faq_side_bnr {
}



/* 保護者FAQ_TOP
------------------------ */

/* 序文 */

.faq_lead_section {
  margin-bottom: 40px;
}
.faq_lead_section h1 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 20px;
}
.faq_lead_section p {
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
.faq_lead_section h1 {
  font-size: 2.6rem;
  text-align: left;
}
}






/* 一覧
--------------------------*/

/*セクションタイトル*/
.faq_section_ttl {
  background: #43bed6;
  color: #fff;
  padding: 20px 30px;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 6px;
  margin-bottom: 30px;
}
/*カテゴリタイトル*/
.faq_list .ttl {
  color: #43bed6;
  font-weight: bold;
  font-size: 2.4rem;
  border-radius: 10px;
  margin-bottom: 10px;
}
/*カテゴリ説明*/
.faq_list .ttl+p {
  margin-bottom: 30px;
}

/* リスト本体 */
.faq_list ul{
  margin-bottom: 40px;
}
.faq_list li:first-child {
  border-top: 1px solid #ddd;
}
.faq_list li {
  padding: 10px 25px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 8px;
}
.faq_list li a {
  text-decoration: none;
  color: #333;
  position: relative;
}
.faq_list li a::before {
  content: "Q";
  font-family: "Open Sans";
  font-weight: bold;
  color: #43bed6;
  position: absolute;
  left: -20px;
}
.faq_list li a:hover {
  color: #43bed6;
}

/* すべて見る */
.faq_more {
  text-align: right;
  margin-bottom: 60px;
}
.faq_more a{
  font-size: 1.2rem;
  display: inline-block;
  padding: 8px 30px;
  min-width: 150px;
  text-align: center;
  border: 1px solid #43bed6;
  color: #43bed6;
  text-decoration: none;
  border-radius: 30px;
}

.faq_more a:hover {
  background: #43bed6;
  color: #fff;
}


/*詳細
-------------------------*/

/*質問タイトル*/
.faq_content h1  {
  color: #43bed6;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.4;
  padding-left: 30px;
  position: relative;
  z-index: -1;
  margin-bottom: 20px;
}
.faq_content h1::before {
  content: "Q";
  font-family: "Open Sans";
  font-weight: bold;
  color: #43bed6;
  position: absolute;
  left: 0px;
  font-size: 2.2rem;
}
/*回答エリア*/
.faq_answer_box {
  padding-left: 30px;
  position: relative;
  margin-bottom: 60px;
}
.faq_answer_box::before {
  content: "A";
  font-family: "Open Sans";
  font-weight: bold;
  color: #ff7676;
  position: absolute;
  left: 0px;
  top: -5px;
  font-size: 2.2rem;
}

.faq_answer_box a:link { color: #43bed6;}
.faq_answer_box a:hover{ color: #ff7676;}