@charset "UTF-8";
.wiredep_ew{
  --plgr: #e9f8f1;
  --ltgr: #d9feea;
  --gr: #0bb88a;
  --dgr: #0d9a74;
}
.wiredep_ew .ref{
  max-width: 1000px;
  width: 100%;
}
.wbr_ew{
  word-break: keep-all;
  overflow-wrap: anywhere;
}

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

/* 目次 */
.wiredep_ew .wrap_toc{
  max-width: 87%;
  margin:0 auto 3rem;
  border: 3px solid var(--gr);
  padding: 0 3%;
}
.wiredep_ew .wrap_toc_title{
  font-size: 1.5rem;
  text-align: center;
  margin: 1rem auto 1.8rem;
  border-bottom: 3px solid var(--gr);
  padding-bottom: 0.5%;
  width: 15%;
  color: #202020;
}
.wiredep_ew .parent{
  width: 100%;
  margin: 1.4em auto;
  display: grid;
  grid-template-columns: repeat(12,1fr);
}
.ls01_ew>a,.ls02_ew>a,.ls03_ew>a,
.ls04_ew>a,.ls05_ew>a{
  font-weight: bold;
  font-size: 110%;
}
.ls01_ew::before,.ls02_ew::before,.ls03_ew::before,
.ls04_ew::before,.ls05_ew::before{
  font-weight: bold;
}
.wiredep_ew .ls01_ew{
  grid-column: 1/7;
  grid-row: 1/1;
}
.wiredep_ew .ls02_ew{
  grid-column: 1/7;
  grid-row: 2/5;
}
.wiredep_ew .ls03_ew{
  grid-column: 7/13;
  grid-row: 1/3;
}
.wiredep_ew .ls04_ew{
  grid-column: 7/13;
  grid-row: 3/4;
}
.wiredep_ew .ls05_ew{
  grid-column: 7/13;
  grid-row: 4/5;
}
.wiredep_ew .wrap_toc_list a{
  color: #333;
  text-decoration: none;
}
.wiredep_ew .wrap_toc_list{
  padding: 3px;
}
.wiredep_ew .wrap_toc a:hover,
.wiredep_ew .wrap_toc li:hover:before{
  color: #037d6b;
}
.wiredep_ew .children a{
  font-size: 95%;
}

/* h2,h3 */
.wiredep_ew #id01.heading2,
.wiredep_ew #id02.heading2,
.wiredep_ew #id03.heading2,
.wiredep_ew #id04.heading2,
.wiredep_ew #id05.heading2,
.wiredep_ew #id06.heading2{
  text-align: center;
}
.wiredep_ew .heading2 {
  border-top: 4px solid var(--gr) ;
  border-bottom: 4px solid var(--gr) ;
  background: var(--ltgr);
  border-left: none;
  padding: 1% 2%;
  margin: 3rem auto 1.2rem;
}
.wiredep_ew .heading3 {
  font-size: 1.5rem;
  margin: 2rem 0 1rem;
  padding-left: 1%;
  border-bottom: 3px solid var(--dgr);
  color: #333;
}
.wiredep_ew .logo_ew,
.wiredep_ew .logo02_ew,
.wiredep_ew .logo03_ew{
  position: relative;
  padding-left: 4.7%;
}
.wiredep_ew .logo_ew::before,
.wiredep_ew .logo02_ew::before,
.wiredep_ew .logo03_ew::before{
  content: "";
  position: absolute;
  background-image: url(/ito/img/0to/0000003342/logo01.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1.8em;
  width: 100%;
  height: 28px;
  top: 2px;
  left: 2px;
}
.wiredep_ew .logo02_ew::before{
  background-image: url(/ito/img/0to/0000003342/logo02.png);
  height: 32px;
  top: -1px;
  left: 6px;
}
.wiredep_ew .logo03_ew::before{
  background-image: url(/ito/img/0to/0000003342/logo03.png);
  height: 38px;
  top: -8px;
  left: 8px;
}

/* コンテンツ */
.introtxt_ew{
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 2.5;
}
.introwrap_ew{
  background: var(--plgr);
  padding: 3%;
  margin: 2rem auto;
}
.wiredep_ew .text_wp_ew{
  padding: 2% 3% 2% 4%;
  font-size: 1.2rem;
  margin: 1.5rem auto;
}
.wiredep_ew .text_wp_ew p:nth-child(2){
  margin-top: 1.2rem;
}
.lists_wrap_ew{
  background: #f7ebff;
  padding: 2% 3% 2% 4%;
  border-radius: 10px;
}
.lead_ew{
  padding-bottom: 1.2rem;
}

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

/* fex */
.wiredep_ew .flex_ew{
  display: flex;
}
.wiredep_ew .flextxt_ew{
  width: 52%;
  margin: 0 auto;
  padding-top: 0.5%;
}
.wiredep_ew .flex_ew .txt_wrap_ew{
  background: var(--ltgr);
  padding: 3% 2% 3% 6%;
}




@media screen and (max-width:960px) {
/* 全体 */
.wiredep_ew{
  width: 100%;
}
/* ヘッダー */
.wiredep_ew .mb_introwp_ew{
  padding: 5%;
  margin: 2rem auto;
}
.wiredep_ew .mb_intro_ew{
  margin-bottom: 1.2rem;
}
/* 目次 */
.wiredep_ew .wrap_toc{
  max-width: 500px;
  width: 92%;
  padding: 0 2%;
}
.wiredep_ew .wrap_toc_title{
  font-size: 1.2rem;
  text-align: center;
  margin: 1.2rem auto 0rem;
  border-bottom: 3px solid var(--gr);
  padding-bottom: 0.5%;
  width: 15%;
  color: #202020;
}
.wiredep_ew .parent{
  width: fit-content;
  display: block;
  margin: 0.8em auto;
  padding:0 0.5%;
}
.ls01_ew>a,.ls02_ew>a,.ls03_ew>a,
.ls04_ew>a,.ls05_ew>a{
  font-size: 100%;
}
.wiredep_ew .children li::before{
  padding-left: 6px;
}
.wiredep_ew .wrap_toc_list{
  padding: 2px 0;
}
/* h2 h3 */
.wiredep_ew .heading3{
  font-size: clamp(1rem, 0.75rem + 1.25vw, 1.5rem);
}
.wiredep_ew .logo_ew,
.wiredep_ew .logo02_ew,
.wiredep_ew .logo03_ew{
  padding-left: clamp(2.4rem, 2rem + 2vw, 3.2rem);
}
.wiredep_ew .logo_ew::before,
.wiredep_ew .logo02_ew::before,
.wiredep_ew .logo03_ew::before{
  content: "";
  position: absolute;
  background-image: url(/ito/img/0to/0000003342/logo01.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 1.8em;
  width: 100%;
  /* height: 100%; */
  height: 30px;
  bottom: 0.3em;
  top: auto;
  left: 2px;
}
.wiredep_ew .logo02_ew::before{
  background-image: url(/ito/img/0to/0000003342/logo02.png);
  height: 30px;
  top: auto;
  bottom: 0.4em;
  left: 0.3em;
}
.wiredep_ew .logo03_ew::before{
  background-image: url(/ito/img/0to/0000003342/logo03.png);
  height: 38px;
  top: auto;
  bottom: 0.4em;
  left: 0.35em;
}


/* コンテンツ */
.wiredep_ew .text_wp_ew{
  width: 98%;
  font-size: 1rem;
  padding: 0;
}
.lists_wrap_ew{
  padding: 4% 1% 4% 0;
}

/* fex */
.wiredep_ew .flex_ew{
  flex-direction: column;
}
.wiredep_ew .flextxt_ew{
  width: 98%;
  margin: 0 auto;
  padding-top: 1.2rem;
}
.wiredep_ew .flex_ew .txt_wrap_ew{
  background: var(--ltgr);
  padding: 1.2rem 2% 3% 2rem;
}

}