header{
width:100%;
min-width: 1000px;
height: 100px;
display: grid;
  grid-template-columns: 500px 1fr;
  background: #F1F3F5;
  align-items: center;
}
.header_wrap{
width: 500px;
height: 100px;
background: var(--brand-color);
clip-path: polygon(0 0, 100% 0%, 80% 100%, 0 100%);
padding:20px 20px;
}
.header_wrap h1{
width:100%;
color: #FFF;
font-size: calc(var(--title-font-size) * 0.8);
text-align: left;
padding-bottom: 5px;
}
.header_wrap h1 span{
font-size: calc(var(--title-font-size) * 0.6);

}

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

header ul.menu{
width:100%;
background: #F1F3F5;
padding:20px 4%;
height: 100px;
gap: 40px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;

}

header ul.menu li{
width:180px;
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 10px;
text-align: center;
color: #FFF;
font-size: calc(var(--base-font-size)* 0.9);
font-weight: 700;
}
header ul.menu li a::after {
content: '';
display: inline-block;
vertical-align: middle; /* テキストとアイコンを縦方向に中央揃え */
margin-left: 8px;
width: 14px; /* アイコンの幅を指定 */
height: 14px; /* アイコンの高さを指定 */
background-size: contain; /* アイコンを要素内に収める */
background-repeat: no-repeat; /* アイコンの繰り返しを防ぐ */
}
header ul.menu li:nth-child(1) a::after {
background-image: url('http://intelligence01.com/wp-content/uploads/icon_mail.svg'); /* icon.svg のパスを指定 */
}
header ul.menu li:nth-child(2) a::after {
background-image: url('http://intelligence01.com/wp-content/uploads/icon_line.svg'); /* icon.svg のパスを指定 */
}

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

.kv_wrap{
width:100%;
position: relative;
background-color: #011830;
}
.img_visual{
  width: 100%;
  height: 550px;
  object-fit: cover;
}
.pr{
  width: 1050px;
  margin:auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: auto;
}
ul.point_wrap{
width:100%;
display: flex;
flex-wrap: wrap;
padding:calc(var(--section-margin) / 2) 0 var(--section-margin);
gap: 10px;  
}
ul.point_wrap li{
  width:calc((100% - 20px) / 3)
}

.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) / 3) 0 ;
overflow: hidden;
}
img.cv_txt {
width: 525px;
margin: auto;
display: block;
}

.cv_action{
  width: 100%;
  padding: 20px 4%;
  background: #FFF;
  border: 4px solid var(--sub-brand-color);
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
}
.cv_action img.cv_01{
  position: absolute;
  width: 145px;
  right: 110px;
  top: -172px;
}
.cv_action h2{
color:#004986;
margin:0 0 10px;
width:auto
}

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

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


.cv_action ul.menu li{
width:calc((100% - 20px) / 3);
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:calc((100% - 20px) / 2);
background: #0C4A9E;
padding:2rem 20px;
border-radius: 10px;
border-bottom: 6px solid var(--sub-brand-color);
}
.industory_wrap ul.menu li:nth-child(4n){
background: var(--brand-color);
}
.industory_wrap ul.menu li:nth-child(4n-1){
  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 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;
margin-top:-80px
}
.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:60%;
margin:0 20% calc(var(--section-margin) / 2);
}
.archive_wrap ul.menu{
width:100%;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}

.archive_wrap ul.menu li{
width:calc((100% - 20px) / 3);

}

.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:#006DD1;
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 40px;
margin: 0 0 20px;
border-radius: 10px;
}

.producer_wrap .producer_box .box{
width:100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.producer_wrap .producer_box .box_01{
width:100%;
margin:0 auto 1rem
}
.producer_wrap .producer_box .box_01 img{
width:170px;
display: block;
margin:auto
}
.producer_wrap .producer_box .box_02{
width:100%;
margin:0 auto 3rem
}

.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: 60%;
  margin: 0 20% 1rem;
  display: flex;
  font-size: calc(var(--base-font-size)* 1.0);
  line-height: 180%;
}
.producer_wrap .producer_box dl:last-child{
  margin-bottom:4rem
}
.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 .box_03{
  width:48%;
  margin-right: 4%;
  }

  .producer_wrap .producer_box .box_04{
    width:48%;
  }
.producer_wrap .producer_box h4{
width: 100%;
font-size: calc(var(--base-font-size) * 1.0);
color:var(--title-color);
padding:2rem 0 1rem 0;
border-bottom:4px dotted var(--brand-color);
margin-bottom: calc(var(--section-margin) / 3);
}
.producer_wrap .producer_box .book{
color:#002547;
font-size: calc(var(--base-font-size) * 0.9);
text-align: left;
}
.producer_wrap .producer_box .book img{
margin: 0.8rem 0 2rem;
}

.producer_wrap .producer_box ul.menu{
width:100%;
gap: 1.0rem;
display: flex;
flex-wrap: wrap;
}
.producer_wrap .producer_box ul.menu li{
width:100%;
color:#002547;
font-size: calc(var(--base-font-size) * 0.9);
text-align: left;
}

.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 img.plan{
  width: 920px;

}


.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:20px 40px;
border-radius: 0 10px 0 0; 
}
.review_wrap .review_box .title h3{
font-size: calc(var(--base-font-size) *  1.4);
color:#FFF;
margin:0 0 1.0rem;
font-weight: 500;
}
.review_wrap .review_box .title h4{
font-size: calc(var(--base-font-size) *  0.9);
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% - 14px);
background: #FFF;
padding:20px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.review_wrap .review_box  .box_wrap .box .box_01{
  width:48%;
  margin: 0 2% 20px 0;
}
.review_wrap .review_box  .box_wrap .box .box_02{
  width:50%;
}
.review_wrap .review_box  .box_wrap .box .box_03{
  width:48%;
  margin-right: 2%;
}
.review_wrap .review_box  .box_wrap .box .box_04{
  width:50%;
}
.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) * 1.0);
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) * 1.0);
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.8);
font-weight: 500;
}
.review_wrap .review_box  .box_wrap .box img.fig{
width:100%;
}
.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: 60px;
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: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 14px solid #00B0D8;
}

.flow_wrap .flow_box .box_02 {
width: calc(100% - 60px - 20px);
margin-left: 20px;
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: 50px 10px 50px 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 .icon img{
  width:50%;
  margin:auto;
  display: block;
}
.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);
margin:0 0 30px;
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;
}
.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;
}
.wpcf7-not-valid-tip {
  color: #dc3232 !important;

}
.contact_wrap span {
  width: 100%;
  color:var(--brand-color);
}

.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;
}