
/* 全体 */
.tvwrap_ew{
  --md:18px;
}
.tvwrap_ew .ref{
  max-width: 1000px;
  width: 100%;
}
.tvwrap_ew a:hover{
  opacity: 1;
}


/* flex */
.tvwrap_ew .flex_ew{
  justify-content: center;
  column-gap: 3em;
  margin: 0 auto 2em;
}
.tvwrap_ew .flex_ew img{
  height: 100%;
}
.flex_inner_ew{
  width: 70%;
}
.tvwrap_ew .per_flex{
  margin-bottom: 28px;
}

/* ヘッダー */
.tvwrap_ew .tv_introwp_ew{
  background: #fff6c4;
  padding: 3%;
  margin: 2rem auto;
}
.tvwrap_ew .tv_intro_ew{
  margin-bottom: 3rem;
  font-weight: bold;
}
.tvwrap_ew .cat_wrap{
  margin: 0 auto;
}

/* 目次 */
.tvwrap_ew .wrap_toc{
  max-width: 85%;
  margin: 2em auto;
  border: 3px solid #ffae7b;
  background-color: #faf6f0;
  border-radius: 10px;
}
.tvwrap_ew .wrap_toc_title{
  width: 80%;
  font-size: 1.5rem;
  text-align: center;
  margin: 1rem auto 1.8rem;
  border-bottom: 6px double #ffae7b;
}
.tvwrap_ew .parent{
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-auto-flow: column;
}
.tvwrap_ew .wrap_toc_list a{
    color: #1E1502;
    text-decoration: none;
}
.tvwrap_ew .wrap_toc_list{
  padding: 3px;
}
.tvwrap_ew .wrap_toc a:hover{
  color: #ff620e;
}
.tvwrap_ew .children a{
  font-size: 95%;
}
.ls01_ew>a,.ls02_ew>a,.ls03_ew>a,
.ls04_ew>a,.ls05_ew>a,.ls06_ew>a{
  font-size: 108%;
  font-weight: bold;
}
.tvwrap_ew .ls01_ew{
  grid-column: 2/8;
  grid-row: 1/2;
}
.tvwrap_ew .ls02_ew{
  grid-column: 2/6;
  grid-row: 3/4;
}
.tvwrap_ew .ls03_ew{
  grid-column: 2/6;
  grid-row: 5/8;
}
.tvwrap_ew .ls04_ew{
  grid-column: 8/13;
  grid-row: 1/4;
}
.tvwrap_ew .ls05_ew{
  grid-column: 8/13;
  grid-row: 5/5;
}
.tvwrap_ew .ls06_ew{
  grid-column: 8/13;
  grid-row: 6/6;
}

/* コンテンツ */
.tvwrap_ew #heading_img,
.tvwrap_ew #heading_img2,
.tvwrap_ew #heading_img3,
.tvwrap_ew #heading_img4 {
    width: 100%;
    max-width: 450px;
    margin-bottom: 10px;
}
.tvwrap_ew .note_ew{
  margin-bottom: 1rem;
}
.tvwrap_ew .item_wrap_ew{
  margin: 0 auto;
  border: 3px solid #ffae7b;
  border-radius: 10px;
  padding: 4px 4px 1em 4px;
}
.tvwrap_ew .item_text_ew{
  text-align: center;
}
.tvwrap_ew .medium_ew{
  font-size: var(--md);
}
.tvwrap_ew .text_wp_ew{
  background: #fff6c4;
  padding: 2% 3% 2% 4%;
}
.faq_wp_ew{
  background: #faf6f0;
  padding-bottom: 1%;
}

/* h2 */
.tvwrap_ew #id01.heading2,
.tvwrap_ew #id02.heading2,
.tvwrap_ew #id03.heading2,
.tvwrap_ew #id04.heading2,
.tvwrap_ew #id05.heading2,
.tvwrap_ew #id06.heading2{
  background: #ff971f;
  text-align: center;
  color: #1E1502;
  border-left: none;
  margin: 80px auto 28px;
  padding: 12px;
}
.tvwrap_ew #id01.heading2{
  margin: 40px auto 28px;
}

/* h3 */
.tvwrap_ew .heading3{
  margin: 1.4em auto;
  border-bottom: 4px solid #ff971f;
  background: #faf6f0;
  padding-top: 1%;
}

/* btn */

.tvwrap_ew .cat_wrap a.cat_link{
  transition: .2s;
}
.tvwrap_ew .cat_wrap a.cat_link:hover{
  background-color: #232323;
}
.tvwrap_ew .link_btn_ew a{
  transition: .2s;
}
.tvwrap_ew .link_btn_ew:hover a{
  color: #7fc7ee;
}

@media screen and (max-width:960px) {
/* 全体 */
.tvwrap_ew{
  width: 100%;
}
.tvwrap_ew .hd3_textwp_ew{
  width: 96%;
  margin: 0 auto;
}

/* flex */
.tvwrap_ew .flex_ew img{
  max-width: 208px;
}
.tvwrap_ew .flex_ew{
  align-items: center;
  column-gap: normal;
  row-gap: 1.2em;
}
.flex_inner_ew{
  width: 95%;
}
.tvwrap_ew .text_wp_ew{
  padding: 3% 0.7em 3% 2em;
}
.tvwrap_ew .faq_lists_ew{
  padding: 0% 0.7em 0 2em;
}

/* ヘッダー */
.tvwrap_ew .tv_introwp_ew{
  padding: 5%;
  margin: 2rem auto;
}
.tvwrap_ew .tv_intro_ew{
  margin-bottom: 1.2rem;
}

/* 目次 */
.tvwrap_ew .wrap_toc{
  max-width: 500px;
  width: 92%;
}
.tvwrap_ew .parent{
  width: fit-content;
  display: block;
  margin: 0 auto;
}
.ls01_ew,.ls02_ew,.ls03_ew,.ls04_ew,
.ls05_ew,.ls06_ew{
  padding-bottom: 0.8em;
}
.tvwrap_ew .wrap_toc_list{
  padding: 2px;
}

/* コンテンツ */
.tvwrap_ew .item_wrap_ew{
  max-width: 530px;
  width: 90%;
}
.tvwrap_ew .hd3_lists_ew{
  padding-left: 1em;
}

/* h3 */
.tvwrap_ew .heading3{
  margin: 1.4em auto;
  background: #faf6f0;
  padding: 1rem 0 0.5rem 0.8rem;
  font-size: 1.2em;
}
}