@charset "UTF-8";
.kashituki_ew{
  --plbu: #e9f5f8;
  --ltbu: #d9fcfe;
  --ltbu02: #5ed2d6;
  --ltbu03: #e2f8ff;
  --bu: #0b81b8;
  --dbu: #0d539a;
  --yl:#fff8e0;
  color: #2c2c2c;
}
.kashituki_ew .ref{
  max-width: 1000px;
  width: 100%;
}
.wbr_ew{
  word-break: keep-all;
  overflow-wrap: anywhere;
}

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

/* 目次 */
.kashituki_ew .children li::before{
  padding-left: 2px;
}
.kashituki_ew .wrap_toc{
  max-width: 100%;
  margin: 2em auto;
  border: 3px solid var(--dbu);
  border-radius: 0px;
  padding: 0;
}
.kashituki_ew .wrap_toc_title{
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
  background: var(--dbu);
  padding: 1% 0;
  color: #fff;
}
.kashituki_ew .parent{
  width: 93%;
  margin: 1.4em auto;
  display: grid;
  grid-template-columns: repeat(12,1fr);
}
.mbdr_ew::before{
  font-weight: bold;
}
.mbdr_ew>a{
  font-weight: bold;
  font-size: 110%;
  width: 100%;
}
.mbdr_ew{
  position: relative;
}
.mbdr_ew::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid #919191;
  width: 98%;
  left: 0;
}
.mbdr_ew:nth-of-type(1)::after,
.mbdr_ew:nth-of-type(4)::after,
.mbdr_ew:nth-of-type(7)::after,
.mbdr_ew:nth-of-type(8)::after{
  bottom: 5px;
}
.mbdr_ew:nth-of-type(2)::after,
.mbdr_ew:nth-of-type(3)::after,
.mbdr_ew:nth-of-type(5)::after,
.mbdr_ew:nth-of-type(6)::after{
  top: 27px;
}
/* .ls01_ew>a,.ls02_ew>a,.ls03_ew>a,.ls04_ew>a,
.ls05_ew>a,.ls06_ew>a,.ls07_ew>a,.ls08_ew>a{
  position: relative;
  font-weight: bold;
  font-size: 110%;
  width: 100%;
}
.ls01_ew>a::after,.ls02_ew>a::after,.ls03_ew>a::after,
.ls04_ew>a::after,.ls05_ew>a::after,.ls06_ew>a::after,
.ls07_ew>a::after,.ls08_ew>a::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid #919191;
  width: clamp(26rem, 20.641rem + 8.92vw, 27.5rem);
  bottom: 0;
  left: -1em;
} */
.kashituki_ew .gd01_ew{
  grid-column: 1/7;
}
.kashituki_ew .gd02_ew{
  grid-column: 7/13;
}
.kashituki_ew .ls02_ew{
  grid-row: 2/5;
}
.kashituki_ew .ls03_ew{
  grid-row: 5/11;
}
.kashituki_ew .ls05_ew{
  grid-row: 2/4;
}
.kashituki_ew .ls06_ew{
  grid-row: 4/8;
}
.kashituki_ew .wrap_toc_list a{
  color: #333;
  text-decoration: none;
}
.kashituki_ew .wrap_toc_list{
  padding: 3px;
}
.kashituki_ew .wrap_toc a:hover,
.kashituki_ew .wrap_toc li:hover:before{
  color: var(--dbu);
}
.kashituki_ew .children li{
  position: relative;
  font-size: 95%;
  width: 100%
}
.kashituki_ew .bd_wrap_ew .bdr_ew::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid #d8d7d7;
  width: 98%;
  bottom: 0;
  left: 0;
}
/* .kashituki_ew .children li{
  position: relative;
  font-size: 95%;
  width: 100%
}
.kashituki_ew .bd_wrap_ew li::after{
  position: absolute;
  content: "";
  border-bottom: 1px solid #d8d7d7;
  width: 94%;
  bottom: 0;
  left: 0;
} */

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


/* 表 */
.kashituki_ew .rf_table{
  width: 90%;
  margin: 20px auto 0;
}
.kashituki_ew .rf_table_th{
  background: var(--bu);
  color: #fff;
}
.kashituki_ew .rf_table_td,
.kashituki_ew .rf_table_th{
  border: 1px solid var(--ltbu02);
  font-size: 1.7rem;
}
.td_bg_ew,
.cf_table_ew th{
  background: var(--plbu);
}
.kashituki_ew .col01_ew{
  width: 20%;
}
.kashituki_ew .col02_ew,
.kashituki_ew .col03_ew{
  width: 25%;
}
.kashituki_ew .cf_table_ew{
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  margin-top: 20px;
}
.cf_table_ew th{
  border: 1px solid var(--ltbu02);
}
.cf_table_ew .rf_table_th{
  font-weight: normal;
}
.kashituki_ew .rf_table_td{
  padding: 10px 4px;
  font-size: 1.5rem;
}
.kashituki_ew .fz_mini_ew{
  font-size: 1.3rem;
}
/* コンテンツ */
.introtxt_ew{
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.5;
}
.introwrap_ew{
  background: var(--plbu);
  padding: 3%;
  margin: 2rem auto;
}
.kashituki_ew .text_wp_ew{
  padding: 2% 3% 2% 4%;
  font-size: 1.2rem;
  margin: 1.5rem auto;
}
.kashituki_ew .text_wp_ew p:nth-child(2){
  margin-top: 1.2em;
}
.lists_wrap_ew{
  background: #f7ebff;
  padding: 2% 3% 2% 4%;
  border-radius: 10px;
}
.lead_ew{
  padding-bottom: 1.2rem;
}
.merit_ew,.demerit_ew{
  background: var(--yl);
  padding: 0.2% 2% 2%;
  width: 80%;
  margin-top: 1rem;
}
.demerit_ew{
  background: var(--plbu);
}
.faqtxt_ew{
  padding: 2.5% 2%;
  background: var(--plbu);
  margin-bottom: 10px;
}

/* btn */
.kashituki_ew .cat_wrap a.cat_link{
  background-color: var(--dbu);
  color: #fff;
  font-weight: bold;
  transition: all .3s;
}
.kashituki_ew .cat_wrap a.cat_link:hover{
  opacity: 1;
  background: var(--bu);
}
.kashituki_ew .cat_wrap::after{
  color: #ffffff;
  right: 40px;
  transition: all .3s;
}
.kashituki_ew .cat_wrap:hover::after{
  right: 30px;
}

/* flex */
.kashituki_ew .flex_ew{
  display: flex;
}
.typearea_ew{
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 0.8rem;
  margin-top: 1.5rem;
}
.typewrap_ew{
  border: 3px solid var(--bu);
  width: 44%;
  padding: 3% 2% 4%;
  border-radius: 10px;
}
.typettl_ew,.typettl02_ew{
  font-size: 1.1rem;
  font-weight: bold;
  background: linear-gradient(transparent 55%, #fffd9e 50%);
  width: fit-content;
  margin-bottom: 1.1rem;
}
.typettl02_ew{
  font-size: 1.3rem;
}
.typearea_ew span{
  font-size: 1.3rem;
}


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

/* h2 h3 */
.kashituki_ew .heading3{
  font-size: clamp(1.3rem, 1.15rem + 0.75vw, 1.6rem);
}
.kashituki_ew .heading2 {
  font-size: clamp(1.4rem, 1.2rem + 1vw, 1.8rem);
  padding: 2% 2%;
}

/* コンテンツ */
.kashituki_ew .text_wp_ew{
  width: 98%;
  font-size: 1rem;
  padding: 0;
}
.lists_wrap_ew{
  padding: 4% 1% 4% 0;
}
.merit_ew, .demerit_ew{
  width: 95%;
  margin: 1rem auto 0;
  padding: 0.2% 1% 2% 1rem;
}
/* 表 */
.kashituki_ew .rf_table{
  width: 683px;
  margin-bottom: 1rem;
}
.kashituki_ew .cf_table_ew{
  width: 683px;
  margin: 2rem auto 1rem;
}
.kashituki_ew .cf_table_ew .rf_table_th,
.kashituki_ew  .rf_table_th{
  font-size: 1.3rem;
  width: 16%;
}
.kashituki_ew .cf_table_ew .rf_table_td{
  font-size: 1.3rem;
  width: 22%;
}
.kashituki_ew .cf_table_ew .fz_mini_ew{
  font-size: 1rem;
}
/* flex */
.kashituki_ew .flex_ew{
  flex-direction: column;
}
.typewrap_ew{
  width: 100%;
  padding: 3% 4% 4%;
}
.typettl_ew,.typettl02_ew{
  display: inline;
  font-size: 1.1rem;
  font-weight: bold;
  background: linear-gradient(transparent 55%, #fffd9e 50%);
  width: fit-content;
  margin-bottom: 1.1rem;
}
.typettl02_ew{
  font-size: 1.2rem;
}
.typearea_ew span{
  font-size: 1.3rem;
}
}