@charset "UTF-8";
.main_wrap_ew{
  --pale: #e9f8f1;
  --pale02: #d9fedd;
  --light: #5ed68e;
  --basic: #0d9a45;
  --deep: #0b863c;
  --yl:#fff8e0;
  --bk: #333333;
  --wh: #fff;
  --gr: #919191;
  --gr02: #d8d7d7;
}
.main_wrap_ew p{
  line-height: 1.7;
}
.main_wrap_ew p,
.main_wrap_ew a,
.main_wrap_ew h2,
.main_wrap_ew h3,
.main_wrap_ew h4{
  color: var(--bk);
}
.main_wrap_ew .ref{
  max-width: 1000px;
  width: 100%;
}
.wbr_ew{
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.main_wrap_ew .introwp_ew{
  background: var(--pale);
  padding: 3%;
  margin: 2rem auto;
}
.main_wrap_ew .mb_intro_ew{
  margin-bottom: 3rem;
  font-weight: bold;
}
.main_wrap_ew .cat_wrap{
  margin: 0 auto;
}

/* 目次 */
.main_wrap_ew .children li::before{
  padding-left: 2px;
}
.main_wrap_ew .wrap_toc{
  max-width: 100%;
  margin: 2em auto;
  border: 3px solid var(--deep);
  border-radius: 0px;
  padding: 0;
}
.main_wrap_ew .wrap_toc_title{
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
  background: var(--deep);
  padding: 1% 0;
  color: var(--wh);
}
.main_wrap_ew .parent{
  width: 93%;
  margin: 1.4em auto;
  display: grid;
  grid-template-columns: repeat(12,1fr);
}
.mainbdr_ew::before{
  font-weight: bold;
}
.mainbdr_ew>a{
  font-weight: bold;
  font-size: 110%;
  width: 100%;
}
.mainbdr_ew{
  position: relative;
}
.mainbdr_ew::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--gr);
  width: 98%;
  left: 0;
}
.mainbdr_ew::after{
  top: 27px;
}
.main_wrap_ew .gd01_ew{
  grid-column: 1/7;
}
.main_wrap_ew .gd02_ew{
  grid-column: 7/13;
}
.main_wrap_ew .ls01_ew{
  grid-row: 1/4;
}
.main_wrap_ew .ls02_ew{
  grid-row: 4/9;
}
.main_wrap_ew .ls03_ew{
  grid-row: 9/10;
}
.main_wrap_ew .ls04_ew{
  grid-row: 11/12;
}
.main_wrap_ew .ls06_ew{
  grid-row: 2/3;
}
.main_wrap_ew .ls07_ew{
  grid-row: 3/7;
}
.main_wrap_ew .ls08_ew{
  grid-row: 7/12;
}
.main_wrap_ew .wrap_toc_list a{
  text-decoration: none;
}
.main_wrap_ew .wrap_toc_list{
  padding: 3px;
}
.main_wrap_ew .wrap_toc a:hover,
.main_wrap_ew .wrap_toc li:hover:before{
  color: var(--deep);
}
.main_wrap_ew .children li{
  position: relative;
  font-size: 95%;
  width: 100%
}
.main_wrap_ew .bd_wrap_ew .bdr_ew::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid var(--gr02);
  width: 98%;
  bottom: 0;
  left: 0;
}

/* h2,h3,h4 */
.main_wrap_ew #id01,.main_wrap_ew #id02,
.main_wrap_ew #id03,.main_wrap_ew #id04,
.main_wrap_ew #id05,.main_wrap_ew #id06,
.main_wrap_ew #id07,.main_wrap_ew #id08{
  text-align: center;
}
.main_wrap_ew .heading2 {
  border-top: 4px solid var(--basic) ;
  border-bottom: 4px solid var(--basic) ;
  background: var(--pale02);
  border-left: none;
  padding: 1% 2%;
  margin: 3rem auto 1.2rem;
}
.main_wrap_ew .heading3 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
  padding: 1.5% 0 1% 0.5rem;
  border-bottom: 3px solid var(--deep);
}
.main_wrap_ew .heading4{
  font-size: 1.25rem;
}
.main_wrap_ew .faqhead_ew{
  background: var(--pale02);
}

/* 表 */
.main_wrap_ew .rf_table{
  width: 100%;
  margin: 20px auto 0;
}
.main_wrap_ew .rf_table_th{
  background: var(--basic);
  color: var(--wh);
}
.main_wrap_ew .rf_table_td,
.main_wrap_ew .rf_table_th{
  border: 1px solid var(--light);
  font-size: 1.3rem;
}
.td_bg_ew{
  background: var(--pale);
}
.main_wrap_ew .col01_ew{
  width: 15%;
}
.main_wrap_ew .col02_ew,
.main_wrap_ew .col03_ew{
  width: 20%;
}
.main_wrap_ew .rf_table_td{
  padding: 10px 4px;
  font-size: 1.2rem;
}
/* コンテンツ */
.merit_ew,.demerit_ew{
  background: var(--yl);
  padding: 0.2% 2% 2%;
  width: 80%;
  margin-top: 1rem;
}
.demerit_ew{
  background: var(--pale);
}
.faqtxt_ew{
  padding: 2.5% 2%;
  background: var(--pale);
  margin-bottom: 10px;
}

/* btn */
.main_wrap_ew .cat_wrap a.cat_link{
  background-color: var(--deep);
  color: var(--wh);
  font-weight: bold;
  transition: all .3s;
}
.main_wrap_ew .cat_wrap a.cat_link:hover{
  opacity: 1;
  background: var(--basic);
}
.main_wrap_ew .cat_wrap::after{
  color: var(--wh);
  right: 40px;
  transition: all .3s;
}
.main_wrap_ew .cat_wrap:hover::after{
  right: 30px;
}
/* flex */
.main_wrap_ew .flex_ew{
  display: flex;
}
/* コンテンツ */
.main_wrap_ew .text_wp_ew{
  width: fit-content;
  text-align: center;
  margin: 3rem auto;
  font-size: 1.1rem;
  line-height: 2;
}

@media screen and (max-width:960px) {
/* 全体 */
.main_wrap_ew{
  width: 100%;
}
/* ヘッダー */
.main_wrap_ew .introwp_ew{
  padding: 5%;
  margin: 2rem auto;
  font-size: clamp(0.813rem, 0.719rem + 0.47vw, 1rem);
}
.main_wrap_ew .mb_intro_ew{
  margin-bottom: 1.2rem;
}
/* 目次 */
.main_wrap_ew .wrap_toc{
  max-width: 550px;
  min-width: 300px;
  width: 97%;
  padding: 0;
}
.main_wrap_ew .wrap_toc_title{
  font-size: 1.2rem;
  text-align: center;
  margin: auto;
  border-bottom: 3px solid var(--basic);
  padding-bottom: 0.5%;
  width: 100%;
}
.main_wrap_ew .parent{
  width: fit-content;
  display: block;
  margin: 0.8em auto;
  padding-left: 3%;
  padding-right:5%;
}
.mainbdr_ew>a{
  font-size: 100%;
}
.mainbdr_ew>a::after{
  width: clamp(21rem, 19.718rem + 5.47vw, 23rem);
}
.mainbdr_ew:not(:nth-of-type(1)):after{
  top: 25px;
}
.mainbdr_ew:nth-of-type(1)::after{
  top: 48px;
}
.main_wrap_ew .children li::before{
  padding-left: 6px;
}
.main_wrap_ew .wrap_toc_list{
  padding: 2px 0;
}

/* h2 h3 h4 */
.main_wrap_ew .heading3{
  font-size: clamp(1.2rem, 1rem + 1vw, 1.6rem);
}
.main_wrap_ew .heading2 {
  font-size: clamp(1.4rem, 1.2rem + 1vw, 1.8rem);
  padding: 2% 2%;
}
.main_wrap_ew .heading4{
  font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
}

/* コンテンツ */
.main_wrap_ew .text_wp_ew{
  text-align: left;
  font-size: 1rem;
  margin: 1.2rem auto;
}
.merit_ew, .demerit_ew{
  width: 95%;
  margin: 1rem auto 0;
  padding: 0.2% 1% 2% 1rem;
  font-size: 1rem;
}

/* 表 */
.main_wrap_ew .rf_table{
  min-width: 800px;
  margin-bottom: 1rem;
}
.main_wrap_ew .col01_ew{
  width: 12%;
}
.main_wrap_ew .col02_ew,
.main_wrap_ew .col03_ew{
  width: 20%;
}
.main_wrap_ew .rf_table_th{
  font-size: 1.2rem;
}
.main_wrap_ew .rf_table_td{
  font-size: 1.1rem;
}

/* flex */
.main_wrap_ew .flex_ew{
  flex-direction: column;
}
}