header{
width:100%
}
.header_wrap{
background: var(--brand-color);
padding:10px 0;
}
.header_wrap h1{
width:100%;
color: #FFF;
font-size: var(--title-font-size);
text-align: center;
padding-bottom: 10px;
}
.header_wrap h1 span{
font-size: calc(var(--title-font-size) * 0.9);

}

.header_wrap a.tel{
font-size: calc(var(--title-font-size) * 1.5);
color: var(--sub-brand-color);
text-align: center;
display: block;
font-weight: 700;
}

header ul.menu{
width:100%;
background: #F1F3F5;
padding:20px 10px;
gap: 5px 5px;
display: flex;
flex-wrap: wrap;

}

header ul.menu li{
width:calc((100% - 10px) / 3);
border-radius: 10px;

}

header ul.menu li:nth-child(1){
background: #0C4A9E;
}
header ul.menu li:nth-child(2){
background: #006DD1;
}
header ul.menu li:nth-child(3){
background: #0C4A9E;
}
header ul.menu li a{
  display: block;
  padding:14px 5px;
  line-height: 140%;
  text-align: center;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  }
  header ul.menu li a::before {
  content: '';
  display: inline-block;
  vertical-align: middle; /* テキストとアイコンを縦方向に中央揃え */
  margin-right: 2px; /* アイコンとテキストの間にスペースを追加 */
  width: 14px; /* アイコンの幅を指定 */
  height: 14px; /* アイコンの高さを指定 */
  background-size: contain; /* アイコンを要素内に収める */
  background-repeat: no-repeat; /* アイコンの繰り返しを防ぐ */
  }
  header ul.menu li:nth-child(1) a::before {
    background-image: url('http://intelligence01.com/wp-content/uploads/icon_line.svg'); /* icon.svg のパスを指定 */
  
  }
  header ul.menu li:nth-child(2) a::before {
    background-image: url('http://intelligence01.com/wp-content/uploads/icon_dw.svg'); /* icon.svg のパスを指定 */
  }
  
  header ul.menu li:nth-child(3) a::before {
    background-image: url('http://intelligence01.com/wp-content/uploads/icon_mail.svg'); /* icon.svg のパスを指定 */
  }
  
.kv_wrap{
width:100%;
}
.pr{
  display: none;
}
ul.point_wrap{
width:100%;
display: flex;
flex-wrap: wrap;
padding:calc(var(--section-margin) / 2) 0 var(--section-margin);
gap: 20px;  
}

.cv_wrap{
width: 100%;
background:url('http://intelligence01.com/wp-content/uploads/cv_back.png');
background-repeat: no-repeat;
background-size: cover;
padding:calc(var(--section-margin) / 2) 0 var(--section-margin) ;
}
img.cv_txt {
width: 64%;
margin: 0 0 10px;
}

.cv_action{
width: 100%;
padding:20px 4%;
background: #FFF;
border:4px solid var(--sub-brand-color);
border-radius: 10px;
position: relative;
}
.cv_action img.cv_01{
position: absolute;
width: 140px;
right: 0;
top: -166px;

}
.cv_action h2{
color:#004986;
margin:0 0 10px;
}

.cv_action a.tel{
color:#00B0D8;
font-size: calc(var(--title-font-size) * 1.5);
text-align: center;
display: block;
font-weight: 700;
}

.cv_action ul.menu{
width: 100%;
padding: 20px 0 0;
gap: 10px;
display: flex;
flex-wrap: wrap;
}


.cv_action ul.menu li{
width:100%;
border-radius: 10px;
position: relative;  
}
.cv_action ul.menu li a{
display: block;
padding:14px 20px;
text-align: left;
color: #FFF;
font-size: calc(var(--title-font-size) / 1.4 );
font-weight: 700;
}
.cv_action ul.menu li a::before {
content: '';
display: inline-block;
vertical-align: middle; /* テキストとアイコンを縦方向に中央揃え */
margin-right: 10px; /* アイコンとテキストの間にスペースを追加 */
width: 20px; /* アイコンの幅を指定 */
height: 20px; /* アイコンの高さを指定 */
background-size: contain; /* アイコンを要素内に収める */
background-repeat: no-repeat; /* アイコンの繰り返しを防ぐ */
}
.cv_action ul.menu li:nth-child(1) a::before {
background-image: url('http://intelligence01.com/wp-content/uploads/icon_mail.svg'); /* icon.svg のパスを指定 */
}
.cv_action ul.menu li:nth-child(2) a::before {
background-image: url('http://intelligence01.com/wp-content/uploads/icon_line.svg'); /* icon.svg のパスを指定 */
}

.cv_action ul.menu li:nth-child(3) a::before {
background-image: url('http://intelligence01.com/wp-content/uploads/icon_dw.svg'); /* icon.svg のパスを指定 */
}


.cv_action ul.menu li img.arrow{
width: 10px;
right:10px;
top:50%;
transform: translateY(-50%);
position: absolute;  
}
.cv_action ul.menu li:nth-child(1){
background: #0C4A9E;
}
.cv_action ul.menu li:nth-child(2){
background: #0C4A9E
}
.cv_action ul.menu li:nth-child(3){
background: #006DD1;
}
.industory_wrap{
background-color: #f2f3f5;
padding:var(--section-margin) 0;
}
.industory_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted #006DD1;
margin-bottom: calc(var(--section-margin) / 2);
}
.industory_wrap p{
text-align: center;
font-weight: 700;
font-size: calc(var(--base-font-size) *  1.4);
margin:0;
padding: 0;
}
.industory_wrap img.south_arrow{
width:30px;
margin: 2rem auto;
display: block;
}
.industory_wrap ul.menu{
width:100%;
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.industory_wrap ul.menu li{
width:100%;
background: #0C4A9E;
padding:2rem 20px;
border-radius: 10px;
border-bottom: 6px solid var(--sub-brand-color);
}
.industory_wrap ul.menu li:nth-child(2n){
background: var(--brand-color);
}
.industory_wrap ul.menu li h3{
color: var(--sub-brand-color);
font-size:var(--title-font-size);
margin:0 0 1rem;
font-weight: 500;
}

.industory_wrap ul.menu li p{
color:#FFF;
text-align: left;
font-size: calc(var(--base-font-size) *  1);
font-weight: 500;
}

.case_wrap{
padding:var(--section-margin) 0;
}
.case_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted var(--sub-brand-color);
margin-bottom: calc(var(--section-margin) / 2);
}
.case_wrap h2 span{
color:#00B0D8;
font-size:calc(var(--title-font-size) * 1.2);
}

.school_wrap{
background-color: #f2f3f5;
padding:var(--section-margin) 0;
}
.school_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted #00B0D8;
margin-bottom: calc(var(--section-margin) / 2);
}
.school_wrap h2 span{
color:#00B0D8;
font-size:calc(var(--title-font-size) * 1.2);
}

.school_wrap ul.menu{
width:100%;
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.school_wrap ul.menu li{
width:100%;

}

.archive_wrap{
background:url('http://intelligence01.com/wp-content/uploads/archive_back.png');
background-repeat: no-repeat;
background-size: cover;
padding:var(--section-margin) 0;
}
.archive_wrap h2{
color:#FFF;
padding-bottom: 10px;
border-bottom:4px dotted #FFF;
margin-bottom: calc(var(--section-margin) / 2);
}
.archive_wrap h2 span{
color:var(--sub-brand-color);
font-size:calc(var(--title-font-size) * 1.2);
}
.archive_wrap img.archive_head{
width:80%;
margin:0 10% 2rem;
}
.archive_wrap ul.menu{
width:100%;
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.archive_wrap ul.menu li{
width:100%;

}

.inhouse_wrap{
padding:var(--section-margin) 0;
}
.inhouse_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted var(--sub-brand-color);
margin-bottom: calc(var(--section-margin) / 2);
}
.inhouse_wrap h2 span{
color:#00B0D8;
font-size:calc(var(--title-font-size) * 1.2);
}

.inhouse_wrap img.inhouse_title{
width:90%;
margin:0 5% 3rem;
}
.inhouse_wrap img.inhouse_01{
width:100% 
}

.producer_wrap{
background-color: #f2f3f5;
padding:var(--section-margin) 0;
}
.producer_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted var(--brand-color);
margin-bottom: calc(var(--section-margin) / 2);
}
.producer_wrap h2 span{
color:#00B0D8;
font-size:calc(var(--title-font-size) * 1.2);
}

.producer_wrap p{
text-align: center;
font-weight: 700;
font-size: calc(var(--base-font-size) *  1.2);
margin:0;
padding: 0;
}
.producer_wrap img.south_arrow{
width:30px;
margin: 2rem auto;
display: block;
}

.producer_wrap .producer_box{
background: #FFF;
padding: 40px 20px;
margin: 0 0 20px;
border-radius: 10px;
}

.producer_wrap .producer_box .box{
width:100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.producer_wrap .producer_box .box_01{
width:50%;
margin:0 auto 2rem
}
.producer_wrap .producer_box .box_01 img{
width:80%;
display: block;
margin:auto
}
.producer_wrap .producer_box .box_02{
width:50%;
margin:auto
}

.producer_wrap .producer_box .box_02 h3{
color:var(--title-color);
font-size:var(--title-font-size);
text-align: center;
margin:0 0 1rem
}
.producer_wrap .producer_box .box_02 p{
  color:var(--title-color);
  font-size: calc(var(--base-font-size)* 1.0);
  text-align: center;
  font-weight: 400;
  }
.producer_wrap .producer_box dl{
width:100%;
margin:0 0 1rem;
display: flex;
font-size: calc(var(--base-font-size) * 1.0);
line-height: 180%;
}

.producer_wrap .producer_box dl dt{
width:20px;
color: var(--sub-brand-color);
}
.producer_wrap .producer_box dl dd{
width:calc(100% - 20px);
color: var(--brand-color);
}

.producer_wrap .producer_box h4{
width: 100%;
font-size: calc(var(--base-font-size) * 1.2);
color:var(--title-color);
padding:2rem 0 1rem 0;
border-bottom:1px dotted var(--brand-color);
margin-bottom: calc(var(--section-margin) / 3);
}
.producer_wrap .producer_box .book{
color:var(--title-color);
font-size: calc(var(--base-font-size) * 1.0);
line-height: 180%;
text-align: left;
}
.producer_wrap .producer_box .book img{
margin: 0.4rem 0 2rem;
}

.producer_wrap .producer_box ul.menu{
width:100%;
gap: 0.8rem;
display: flex;
flex-wrap: wrap;
}
.producer_wrap .producer_box ul.menu li{
width:100%;
color:var(--title-color);
font-size: calc(var(--base-font-size) * 1.2);
line-height: 140%;
text-align: left;
margin:0 0 5px
}

.plan_wrap{
background:url('http://intelligence01.com/wp-content/uploads/plan_back.png');
background-repeat: no-repeat;
background-size: cover;
padding:var(--section-margin) 0;
}
.plan_wrap h2{
color:#FFF;
margin:0 0 1.0rem;
padding: 0;
}
.plan_wrap h2 span{
color:var(--sub-brand-color);
font-size:calc(var(--title-font-size) * 1.2);
}
.plan_wrap h3{
color:#FFF;
padding-bottom: 1.2rem;
font-size: var(--base-font-size);
border-bottom:4px dotted #FFF;
text-align: center;
margin-bottom: calc(var(--section-margin) / 2);

}

.plan_wrap ul.menu{
width:100%;
display: flex;
flex-wrap: wrap;
gap: calc(var(--section-margin) / 2);
}

.review_wrap{
background-color: #f2f3f5;
padding:var(--section-margin) 0;
}

.review_wrap h2{
color:var(--title-color);
padding-bottom: 10px;
border-bottom:4px dotted #00B0D8;
margin-bottom: calc(var(--section-margin) / 2);
}
.review_wrap h2 span{
color:#00B0D8;
font-size:calc(var(--title-font-size) * 1.2);
}
.review_wrap .review_box{
width:100%;
background: #FFF;
border-radius: 0 10px 0 0;
margin: 0 0 30px;
}
.review_wrap .review_box:last-child{
margin:0
}
.review_wrap .review_box .title{
width: 100%;
position: relative;
background-color: var(--brand-color);
padding:10px 20px;
border-radius: 0 10px 0 0; 
}
.review_wrap .review_box .title h3{
font-size: calc(var(--base-font-size) *  1.2);
color:#FFF;
margin:0 0 0.6rem;
font-weight: 500;
}
.review_wrap .review_box .title h4{
font-size: calc(var(--base-font-size) *  0.8);
color:#FFF;
padding: 0;
margin: 0;
font-weight: 500;
}
.review_wrap .review_box .title .dotto{
font-size: 6px;
letter-spacing: 0.6rem;
color: var(--sub-brand-color);
position: absolute;
right:20px;
bottom:10px
}
.review_wrap .review_box .box_wrap{
width:100%;
background: linear-gradient(to bottom, #0493C9 80px, var(--sub-brand-color) 80px);
}
.review_wrap .review_box  .box_wrap .box{
width:calc(100% - 4px);
background: #FFF;
padding:20px;
}

.review_wrap .review_box  .box_wrap .box img.thumb{
width:100%;
margin-bottom: 20px;
}
.review_wrap .review_box  .box_wrap .box p.para_01{
width:100%;
color: var(--title-color);
font-size: calc(var(--base-font-size) * 0.9);
font-weight: 700;
margin-bottom: 0.4rem;

}
.review_wrap .review_box  .box_wrap .box p.para_02{
width:100%;
color: var(--title-color);
font-size: calc(var(--base-font-size) * 0.9);
font-weight: 600;
margin-bottom: 0.4rem;
}
.review_wrap .review_box  .box_wrap .box p.para_03{
width:100%;
color: var(--title-color);
font-size: calc(var(--base-font-size) * 0.7);
font-weight: 500;
}
.review_wrap .review_box  .box_wrap .box img.fig{
width:100%;
margin-top: 3rem;
margin-bottom: 2rem;
}
.review_wrap .review_box  .box_wrap .box p.roas{
width:100%;
color: #FFF;
background: #006DD1;
padding:0.4rem 1rem;
text-align: center;
font-size: calc(var(--title-font-size) * 1.0);
font-weight: 700;
}
.flow_wrap{
background:url('http://intelligence01.com/wp-content/uploads/flow_back.png');
background-repeat: no-repeat;
background-size: cover;
padding:var(--section-margin) 0;
}
.flow_wrap h2{
color:#FFF;
padding-bottom: 10px;
border-bottom:4px dotted var(--sub-brand-color);
margin-bottom: calc(var(--section-margin) / 2);
}
.flow_wrap h2 span{
  color:var(--sub-brand-color);
  font-size:calc(var(--title-font-size) * 1.2);
  
}


.flow_wrap .flow_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  
}
.flow_wrap .flow_box:first-of-type {
  margin-bottom: 30px;
}
.flow_wrap .flow_box .box_01 {
  width: 30px;
  position: relative;
  /* height: 100%; これを削除またはコメントアウト */
  background: linear-gradient(to bottom, #00B0D8 calc(100% - 14px), transparent calc(100% - 14px));
  display: flex;
  align-items: stretch;
  writing-mode: vertical-rl;
  color:#FFF;
  justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: var(--base-font-size);
}

.flow_wrap .flow_box .box_01::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 14px solid #00B0D8;
}

.flow_wrap .flow_box .box_02 {
  width: calc(100% - 30px - 10px);
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  gap: 30px;
}
.flow_wrap .flow_box .box_02 ul.menu{
  width:100%;
  
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.flow_wrap .flow_box .box_02 ul.menu li{
  width: 100%; 
  background: #F1F3F5;
  border-radius: 0 10px 10px 10px;
  padding: 35px 10px 20px 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
.flow_wrap .flow_box .box_02 ul.menu li img.flow{
  position: absolute;
  top:0;
  left: 0;
  width:100px;
}
.flow_wrap .flow_box .box_02 ul.menu li img.flow.flow_sp{
  width:130px;
}
.flow_wrap .flow_box .box_02 ul.menu li .icon{
  width:30%;
  padding:0 14px;
  
}
.flow_wrap .flow_box .box_02 ul.menu li .contents{
  width:70%;
}
.flow_wrap .flow_box .box_02 ul.menu li .contents h3{
  width:100%;
  font-size:calc(var(--title-font-size) * 0.8);
  color:#085DA2;
  margin:0 0 10px;
}
.flow_wrap .flow_box .box_02 ul.menu li .contents h4{
  width:100%;
  font-size:calc(var(--title-font-size) * 0.7);
  color:#002547;
  margin:0 0 10px;
}
.flow_wrap .flow_box .box_02 ul.menu li .contents p{
  width:100%;
  font-size: calc(var(--base-font-size) * 1);
  color:var(--brand-color)
}

.qa_wrap{
  width: 100%;
  background: #FFF;
  padding:var(--section-margin) 0;
}
.qa_wrap h2{
  color:#006DD1;
  padding-bottom: 10px;
  font-size:calc(var(--title-font-size) * 1.2);
  border-bottom:4px dotted var(--sub-brand-color);
  margin-bottom: calc(var(--section-margin) / 2);
  }
  .qa_wrap p{
    text-align: center;
    font-weight: 500;
    font-size: calc(var(--base-font-size) *  1.2);
    color:var(--brand-color);
    padding: 0;
  }
  .qa_wrap ul.menu{
    width:100%;
    display: flex;
    flex-wrap: wrap;
  }
  .qa_wrap ul.menu li img.qa{
    width:40px;
    position: absolute;
    top: -4px;
    left: 0;
  }
  .qa_wrap ul.menu li:nth-child(2n-1){
    width:100%;
    border-radius: 0 10px 0 10px;
    background: var(--brand-color);
    border-top: 4px solid var(--sub-brand-color);
    border-right: 4px solid var(--sub-brand-color);
    position: relative;
    margin-bottom:20px
  }
  .qa_wrap ul.menu li:nth-child(2n-1) p{
    color:#FFF;
    padding:20px 40px;
    margin: 0;
    text-align: left;
  }
  .qa_wrap ul.menu li:nth-child(2n){
    width:100%;
    background: #FFF;
    margin-bottom:40px

  }
  .qa_wrap ul.menu li:nth-child(2n) p{
    color:#006DD1;
    padding:0 20px;
    margin: 0;
    text-align: left;
  }
  .qa_wrap ul.menu li:last-child{
    margin-bottom: 0;
  }

  .contact_wrap{
    width: 100%;
    background: #F1F3F5;
    padding:var(--section-margin) 0;
    
  }
  .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 10px !important;
}
  .contact_wrap h2{
    color:var(--brand-color);
    padding-bottom: 10px;
    font-size:calc(var(--title-font-size) * 1.2);
    border-bottom:4px dotted var(--brand-color);
    margin-bottom: calc(var(--section-margin) / 2);
    }
    .contact_wrap p.announce{
      text-align: center;
      font-weight: 500;
      font-size: calc(var(--base-font-size) *  1.2);
      color:var(--brand-color);
      margin:0 0 30px;
      padding: 0;
    }

    .contact_wrap span {
  width: 100%;
  color:var(--brand-color);
  margin: 0;
}
.wpcf7-not-valid-tip {
  color: #dc3232 !important;

}
    .contact_wrap ul.menu{
      width:100%;
      display: flex;
      flex-wrap: wrap;
      margin:0 0 30px
    }
    .contact_wrap ul.menu li:nth-child(2n-1){
      width:100%;
      color:#002547;
      font-weight: 600;
      font-size: calc(var(--base-font-size) *  1.2);
      margin:0 0 10px
    }
    .contact_wrap ul.menu li:nth-child(2n){
      width:100%;
      color:#002547;
      font-weight: 600;
      font-size: calc(var(--base-font-size) *  1.2);
      margin-bottom:20px;
    }
    .contact_wrap ul.menu li:last-child{
      margin-bottom:0;
    }
    .contact_wrap ul.menu li p{
      width:100%;
      color:#002547;
      font-weight: 600;
      font-size: calc(var(--base-font-size) *  1.2);
      margin:0;
    }
    .contact_wrap dl{
      width:100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      margin-top: 10px;
      gap:14px 5px;
    }
    .contact_wrap dl dt{
      width:30px
    }
    .contact_wrap dl dd{
      width:calc(100% - 40px);
    }

    .contact_wrap input[type="checkbox"] {
      width: 30px;
      height: 30px;
      border: #CCC;
      border-radius: 0;
  }
  .company_wrap{
    width: 100%;
    background: #FFF;
    padding:var(--section-margin) 0;
  }
  .company_wrap h2{
    color:var(--title-color);
    padding-bottom: 10px;
    font-size:calc(var(--title-font-size) * 1.2);
    border-bottom:4px dotted var(--title-color);
    margin-bottom: calc(var(--section-margin) / 2);
    }


   

    .company_wrap ul.menu{
      width:100%;
      display: flex;
      flex-wrap: wrap;
      margin:0 0 30px
    }
    .company_wrap ul.menu li:nth-child(2n-1){
      width:100%;
      color:var(--title-color);
      font-weight: 600;
      font-size: calc(var(--base-font-size) *  1.2);
      margin:0 0 10px
    }
    .company_wrap ul.menu li:nth-child(2n){
      width:100%;
      color:#002547;
      font-weight: 600;
      font-size: calc(var(--base-font-size) *  1.2);
      padding-bottom:20px;
      margin-bottom:20px;
      border-bottom: 1px solid #006DD1;
    }
    .company_wrap ul.menu li:last-child{
      margin-bottom:0;
    }