@charset "UTF-8";
.itgep_wrap_ew{
  --ltpur: #cb9fe6;
  --pur: #7d48a1;
}
.itgep_wrap_ew .ref{
  max-width: 1000px;
  width: 100%;
}
.wbr_ew{
  word-break: keep-all;
  overflow-wrap: anywhere;
}

/* ヘッダー */
.itgep_wrap_ew .mb_introwp_ew{
  background: #e9f8f1;
  padding: 3%;
  margin: 2rem auto;
}
.itgep_wrap_ew .mb_intro_ew{
  margin-bottom: 3rem;
  font-weight: bold;
}
.itgep_wrap_ew .cat_wrap{
  margin: 0 auto;
}

/* 目次 */
.itgep_wrap_ew .wrap_toc{
  max-width: 70%;
  margin: 2em auto;
  border: 3px solid var(--ltpur);
  padding: 0;
  box-shadow: 8px 8px 0 var(--ltpur);
}
.itgep_wrap_ew .wrap_toc_title{
  font-size: 1.5rem;
  text-align: center;
  margin: 10px auto 0;
  border-bottom: 10px double var(--ltpur);
  width: 80%;
  padding: 1% 0;
  color: #000000;
}
.itgep_wrap_ew .parent{
  width: 80%;
  margin: 1.4em auto;
}
.itgep_wrap_ew .wrap_toc_list a{
    color: #1E1502;
    text-decoration: none;
}
.itgep_wrap_ew .wrap_toc_list{
  padding: 3px;
}
.itgep_wrap_ew .wrap_toc a:hover{
  color: var(--pur);
}
.itgep_wrap_ew .children a{
  font-size: 95%;
  position: relative;
}

/* h2,h3 */
.itgep_wrap_ew #id01.heading2,
.itgep_wrap_ew #id02.heading2,
.itgep_wrap_ew #id03.heading2,
.itgep_wrap_ew #id04.heading2,
.itgep_wrap_ew #id05.heading2,
.itgep_wrap_ew #id06.heading2{
  text-align: center;
}
.itgep_wrap_ew .heading2 {
  position: relative;
  border-left: none;
  padding: 1rem;
  background: var(--pur);
  color: #fff;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
  margin: 4rem auto 2rem;
}
.itgep_wrap_ew h2:before {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 10px;
    width: 20px;
    background-color: #fff;
    content: "";
}
.itgep_wrap_ew h2:after {
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translateX(-50%);
    height: 20px;
    width: 4px;
    background-color: var(--pur);
    content: "";
}
.itgep_wrap_ew .heading3 {
  position: relative;
  padding: 1rem 0.5rem 0;
  border-bottom: 10px double var(--ltpur);
  margin-bottom: 1.2rem;
}
.itgep_wrap_ew .heading3::before {
  content: "●";
  color: var(--pur);
  padding-right: 0.5%;
}
.itgep_wrap_ew .goods_wrap_ew .heading3::before{
 content: "";
}

/* コンテンツ */
.itgep_wrap_ew .text_wp_ew{
  padding: 2% 3% 2% 4%;
  font-size: 1.2rem;
  margin: 1.5rem auto;
}
.itgep_wrap_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 */
.itgep_wrap_ew .cat_wrap a.cat_link{
  background-color: var(--pur);
  font-weight: bold;
  color: #ffffff;
  transition: all .3s;
}
.itgep_wrap_ew .cat_wrap a.cat_link:hover{
  opacity: 1;
  background: #592c77;
}
.itgep_wrap_ew .cat_wrap::after{
  color: #ffffff;
  right: 40px;
  transition: all .3s;
}
.itgep_wrap_ew .cat_wrap:hover::after{
  right: 30px;
}


@media screen and (max-width:960px) {
/* 全体 */
.itgep_wrap_ew{
  width: 100%;
}
/* ヘッダー */
.itgep_wrap_ew .mb_introwp_ew{
  padding: 5%;
  margin: 2rem auto;
}
.itgep_wrap_ew .mb_intro_ew{
  margin-bottom: 1.2rem;
}
/* 目次 */
.itgep_wrap_ew .wrap_toc{
  max-width: 500px;
  width: 96%;
}
.itgep_wrap_ew .parent{
  width: fit-content;
  display: block;
  margin: 1.5em auto;
  padding:0 0.5%;
}
.itgep_wrap_ew .children li::before{
  padding-left: 6px;
}
.itgep_wrap_ew .wrap_toc_list{
  padding: 2px;
}

/* h2 h3 */
.itgep_wrap_ew ul{
  padding-left: 1.8em;
}
.itgep_wrap_ew .heading2 {
  margin: 2em auto 1.2em;
  font-size: 20px;
}
.itgep_wrap_ew .heading3{
  font-size: 1.2rem;
}

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