/*共通*/
.contentWrap h2{
	margin-bottom: 32px;
}
/* 事例タグ */
.case_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.case_top span {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.case_top .tag {
  margin: 0;
}
.case_top .tag li {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin: 0 16px 16px 0;
  padding: 0 12px;
  border: solid 1px #00248b;
  border-radius: 15px;
  background-color: #fff;
  color: #002896;
  font-size: 16px;
  letter-spacing: 0.8px;
  text-decoration: none;
}
.case_top .tag li:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}
/* 事例メインイメージ */
.contentWrap .contentInner .case_img{
  width:100%;
}
p.top_text{
  max-width:942px;
  margin:60px auto;
}
/* 見出し */
.contentWrap h3.top_title {
  margin-bottom: 32px;
  font-size: 30px;
}
.contentWrap h3.top_title + p {
  margin-top: 3px;
  margin-bottom:32px;
  color: #00a0f0;
  font-weight: normal;
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
}
/* 導入前後 */
.caseWrap {
  margin-top: 45px;
}
.caseWrap div {
  padding: 40px;
}
.caseWrap div h3 {
  font-size: 28px;
  color: #fff;
  text-align: center;
  margin: 0 auto 32px;
  padding: 16px 0;
}
.caseWrap div:first-of-type {
  position: relative;
  background-color: #f3f3f3;
  margin-bottom: 110px;
}
.caseWrap div:first-of-type::after {
  content: "";
  position: absolute;
  bottom: -75px;
  left: 50%;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 30px solid #00a2f0;
  transform: translateX(-50%);
}
.caseWrap div:first-of-type h3 {
  background-color: #a4aeb5;
}
.caseWrap div:last-of-type {
  background-color: #cfeefd;
}
.caseWrap div:last-of-type h3 {
  background-color: #00a2f0;
}
.caseWrap div ul{
  list-style-type: none;
  margin-left:48px;
}
.caseWrap div li {
  font-size: 18px;
  line-height: 1.75;
  margin-bottom: 5px;
  text-align: justify;
  text-justify: inter-character;
}
.caseWrap div li::before {
	display: inline-block;
	content: "";
	margin-top: 11px;
	margin-right: 7px;
	width: 10px;
	height: 10px;
	vertical-align: top;
	border-radius: 5px;
}
.caseWrap div li:last-child {
	margin-bottom: 0;
}
.caseWrap div:first-of-type li::before {
  background-color: #a4aeb5;
}
.caseWrap div:last-of-type li::before {
	background-color: #00248b;
}
/* 導入効果 */
p.qs {
  position: relative;
  margin-bottom:28px;
  padding-left:115px;
  font-weight: bold;
}
p.qs:before {
  border-top: 1px solid;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 105px;
}
p.qs +p{
  margin-bottom: 60px;
}
/* 会社概要 */
.corp_info{
/*   max-width:1107px; */
  margin:0 auto;
  padding:48px 40px;
}
.corp_info .column-box {
  display:flex;
  justify-content: space-between;
}
.corp_info .column-box .box{
  width:50%;
}
.corp_info .column-box .box:first-of-type{
  padding-right:30px;
}
.corp_info .column-box .box:last-of-type{
  padding-left:30px;
  border-left: 1px solid #707070;
}
.corp_info ul{
    font-size: 18px;
    line-height: 1.5;
    margin-top: 32px;
    padding: 0px;
}
/* .corp_info ul li{
  padding-left: 6em;
  text-indent: -6em;
} */
.corp_info .corp_logo{
  display:flex;
  justify-content: start;
  align-items:center;
  margin-bottom:32px;
}
.corp_info .corp_logo img{
  width:100px;
  height:auto;
}
.corp_info .corp_logo .corp_name{
  display:flex;
  justify-content: center;
  align-items:center;
  font-size:28px;
  font-weight:bold;
  margin-left:20px;
}
.corp_info .corp_txt{
  margin-top:0;
}
@media screen and (max-width: 768px) {
  .contentWrap h2{
    margin-bottom: 24px;
  }
/*   .contentWrap .contentInner {
    padding-right: 18px;
    padding-left: 18px;
} */
  /* 事例タグ */
  .case_top {
    display: block;
    text-align:right;
  }
  .case_top .tag{
    display:flex;
    justify-content: flex-end;
  }
  .case_top .tag li {
    min-height: 24px;
    margin: 0 10px 16px 0;
    padding: 0 10px;
    font-size: 14px;
  }
  .case_top .tag li:last-of-type {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .case_top span {
    font-size: 20px;
    font-weight: bold;
    color: #333;
  }
  p.top_text{
    margin:32px auto;
  }
  /* 導入前後 */
  .caseWrap {
    margin-top: 0;
  }
  .caseWrap div{
    padding:32px 24px;
  }
  .caseWrap div:first-of-type {
    margin-bottom: 80px;
  }
  .caseWrap div:first-of-type::after {
    bottom: -60px;
  }
  .caseWrap div ul{
    margin-left:5px;
  }
  .caseWrap div li{
    margin-bottom:1em;
  }
  .contentWrap h3.top_title {
    margin-bottom: 32px;
    font-size: 20px;
  }
  .contentWrap h3.top_title + p {
    font-size: 18px;
  }
  .caseWrap div h3 {
    font-size: 20px;
    text-align: center;
  }
  .caseWrap div li {
    font-size: 16px;
    line-height: 1.75;
  }
  /* 導入効果 */
  p.qs {
    position: relative;
    text-align: left;
    padding-left:60px;
    font-weight: bold;
  }
  p.qs:before {
    width: 50px;
  }
  p.qs +p {
    margin-bottom: 48px;
  }
  /* 会社概要 */
  .corp_info{
    padding: 32px 24px;
  }
  .corp_info .corp_logo{
    justify-content: center;
    flex-direction: column;
  }
  .corp_info .corp_logo .corp_name{
    font-size:20px;
    margin:5px auto 0;
  }
  .corp_info .column-box{
    flex-direction: column;
  }
  .corp_info .column-box .box{
    width:100%;
  }
  .corp_info .column-box ul {
    margin: 0;
    font-size: 14px;
    padding: 0px;
  }
  .corp_info .column-box .box:first-of-type{
    padding-right:0;
  }
  .corp_info .column-box .box:last-of-type{
    padding-left:0;
    border-left:none;
  }
}