
/* link color */
a {
  color: #01B5D0;
}
/* link color end */

/* utility */
/* center */
.contents_center {
  width: 90%;
  margin: 0 auto;
  max-width: 998px;
}
/* center end */

/* width */
.width_100 {
  width: 100%;
}
/* width */

/* margin */
.top_22 {
  margin-top: 22px;
}
/* margin end */
/* utility end */

/* h2 */
.ttl_section {
  font-family: 'Oswald';
    font-weight: 400;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 2.25px;
  color: #13768D;
  padding-top: 240px;
}
.line_horizontal {
    background: transparent linear-gradient(90deg, #00A9C6 0%,rgba(0,0,0,0)) 0% 0% no-repeat padding-box;
    border: none;
    margin: 18px auto;
    width: 500px;
    height: 2px;
}
.sub_ttl_section {
    font-size: 1.25rem;
    text-align: center;
    letter-spacing: 5px;
    color: #01B5D0;
    padding-bottom: 50px;
}
.sla_col {
  display: none;
}
/* h2 end*/

/* h3 */
.ttl_section_sub {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 6px;
  font-weight: lighter;
  color: #13768D;
  margin-top: 140px;
}
.line_horizontal_sub {
    background: transparent linear-gradient(90deg, #00A9C6 0%,rgba(0,0,0,0)) 0% 0% no-repeat padding-box;
    border: none;
    margin: 14px 0 50px auto;
    width: 640px;
    max-width: 70%;
    height: 2px;
    margin-right: 15px;
}
.ttl_section_construction {
  letter-spacing: 3.6px;
}
/* h3 end*/

/* PC menu */
.menu_pc {
  width: 90%;
  margin: 50px auto;
  max-width: 962px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.menu_btn_pc {
  width: 433px;
  height: 73px;
  border: 1px solid #707070;
  background-color: #fff;
  color: #595757;
  margin: auto auto 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  background-image : url("/assets/image/ico_arrow_02_no.png");
  background-repeat : no-repeat;
  background-position: bottom 50% right 51px;
}
.menu_btn_pc:hover {
  background-color: #01B5D0;
  color: #fff;
  background-image : url("/assets/image/ico_arrow_02_on.png");
}
/* PC menu end */

/* SP display none */
.faq_sp {
  display: none;
}
.faq_pc {
  display: block;
}
/* SP display none end */

/* QA accordion */
  .toggle {
  display: none;
  }
  .accordion_box {
  position: relative;
  margin-bottom: 46px;
  }
  .accordion_ttl,
  .accordion_contents {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
  }
  .accordion_ttl {
  display: block;
  background-color: #fff;
  cursor: pointer;
  cursor: hand;
  }
  .accordion_contents {
  max-height: 0;
  overflow: hidden;
  }
  .toggle:checked + .accordion_ttl + .accordion_contents {
  max-height: 3000px;
  transition: all 1.5s;
  }
/* accordion end */

/* accordion contents */
.accordion_ttl {
	display: flex;
  align-items: center;
}
.flex-box {
	display: flex;
}
.flex-item {
  margin: 0 10px 0 10px;
  align-items: end;
}

/* border */
hr {
    border-top: 1px solid #707070;
    margin: 9px 0 21px 0;
}
/* border end */

/* table */
.table_care {
  width: 100%;
  border: none;
}
.table_care tr {
  border-bottom: 1px solid #707070;
}
.table_care th {
  width: 15%;
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
}
.table_care td {
  width: 85%;
  padding: 15px 0;
}
.table_care tr td p {
  border-left: 1px solid #707070;
  padding-left: 26px;
}
/* table end*/
/* accordion contents end */

/* qa */
.flex-box_q {
  display: flex;
  align-items: center;
}
.flex-box_a {
  display: flex;
  margin-bottom: 40px;
}
/* qa end */

/* page top */
.faq_top_link {
  width: 199px;
  height: 49px;
  display: block; /*右寄せ用*/
  margin: 61px 0 180px auto;
  display: flex; /*テキスト中央寄せ用*/
  align-items: center;
  border: 1px solid #707070;
  color: #595757;
  font-size: 1.25rem;
  cursor: pointer;
}
.faq_top_img {
  margin: 0 20px;
}
/* page top end */


/* SP */
@media screen and (max-width: 768px) {

  /* center */
  .contents_center {
    width: 95%;
  }
  /* center end */

  /* main font */
  main {
    font-size: 0.875rem;
  }
  /* main font end */

  /* PC display none */
  .faq_pc {
    display: none;
  }
  .faq_sp {
    display: block;
    margin-bottom: 132px;
  }
  /* PC display none end */

  /* SP menu */
  .open_btn_sp {
    width: 95%;
    height: 100px;
    border: 1px solid #595757;
    background-color: #fff;
    color: #595757;
    text-align: center;
    font-size: 1.125rem;
    display: flex; /**/
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 auto;
    background-image : url("/assets/image/ico_arrow_02_no.png");
    background-repeat : no-repeat;
    background-position: bottom 50% right 29px;
  }
  .accordion_box {
    margin-bottom: 22px;
  }
   /* SP menu end */
   
  /* sp table */
  .table_care th,
  .table_care td {
    display: block;
    width: 100%;
  }
  .table_care tr td p {
    border-left: none;
    padding-left: 0px;
  }
  .table_care tr {
    border-bottom: none;
  }
  .table_care th {
    border: 1px solid #ccc;
    text-align: center;
    padding: 10px 0;
  }
  .flex-item {
    margin: 0px;
  }
  .flex-item img {
    padding: 0 10px 0 0;
  }
  .flex-item p {
    width: 100%;
  }
  /* sp table end */

  /* サブタイトルスラッシュ表示 */
  .sla_col {
    display: inline-block;
  }
  /* サブタイトルスラッシュ表示 end */
}