/* -----------------------------------------------------
  共通
----------------------------------------------------- */
/* メインビジュアル */
.mainvisual {
  background-image: url(/service/b2c_marketing/images/mainvisual_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  .mainvisual {
    background-image: url(/service/b2c_marketing/images/mainvisual_sp.png) !important;
  }
}
.mainvisual__inner {
color:#333333;
}

/* -----------------------------------------------------
  #top
----------------------------------------------------- */
/* メインビジュアル */
@media screen and (min-width: 768px) {
  #top .mainvisual__title {
  font-size: 4.3rem;
  }
}

#top .mainvisual__logo img {
height: 45px;
}
@media screen and (max-width: 767px) {
  #top .mainvisual__logo img {
    height: 35px;
  }
}

/* リストの数字をカッコつきに */
#top .u-ol-list li{
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
text-indent: -1.6em;
}
#top .u-ol-list li:before{
display: marker;
content: "(" counter(cnt) ") ";
}
#top .u-ol-list li strong{
color:#5879C2;
}

/* 有資格者 */
#top .block__title.ex-block__title--small {
font-size:1.8rem;
margin-bottom:5px;
}

/* -----------------------------------------------------
  #reason
----------------------------------------------------- */
#reason .ex-column-menu__item a {
  display: block;
  text-decoration: none;
  color: #000;
}
#reason .ex-column-menu__item a .ex-down-arrow {
  width: 50px;
  display: inline-block;
}
#reason .ex-column-menu__item a:hover .ex-down-arrow {
  opacity: 0.6;
}
#reason .ex-icon-title__wrap {
  background: url(/service/b2c_marketing/reason/images/icon-check.png) no-repeat left top;
  background-size: 70px;
  padding: 0 0 0 100px;
  margin-bottom: 30px;
}
#reason .ex-icon-title__wrap .ex-icon-title {
  font-size: 3rem;
  font-weight: normal;
  padding: 0;
}
#reason .ex-icon-title__wrap .ex-icon-lead {
  padding: 10px 0 0;
  font-size: 1.8rem;
  line-height: 1.8;
}
#reason #implementation .ex-card-list {
  margin-bottom: -30px;
}
#reason #implementation .ex-card-list .card__img {
  width: 130px;
}
#reason .fullwide-bgblock__inner {
  width: 100%;
}
#reason .fullwide-bg {
  background-image: url(/service/b2c_marketing/reason/images/cta_bg_pc.png);
}
@media screen and (max-width: 767px) {
  #reason .ex-icon-title__wrap {
    background-size: 40px;
    padding: 0;
    margin-bottom: 30px;
  }
  #reason .ex-icon-title__wrap .ex-icon-title {
    font-size: 2.4rem;
    font-weight: normal;
    padding: 0 0 0 50px;
  }
  #reason .ex-icon-title__wrap .ex-icon-lead {
    padding: 15px 0 0;
  }
  #reason .ex-text-link--arrow {
    display: initial;
  }
  #reason .fullwide-bg {
    background-image: url(/service/b2c_marketing/reason/images/cta_bg_sp.png) !important;
  }
}

/* -----------------------------------------------------
  #detail
----------------------------------------------------- */
.ex-block__title--en {
font-size:2.4rem;
}

/* Youtubeサイズ */
@media screen and (min-width: 768px) {
.ex-youtube iframe {
width:475px;
height:267px;
}
}

/* -----------------------------------------------------
  #overview
----------------------------------------------------- */
@media screen and (min-width: 768px) {
.ex-section__lead--f-small {
font-size:1.8rem;
}
}
.ex-needs {
display: flex;
justify-content: space-between;
position:relative;
}
.ex-needs-box {
text-align:center;
width:465px;
background:#F5F7F8;
border:1px solid #D9D9D9;
padding:30px 20px;
}
.ex-needs-box p {
margin-bottom:15px;
}
.ex-needs-box:nth-child(1)::after {
position:absolute;
content:url(/service/b2c_marketing/utilization/activecustomer/images/img_arrow.png);
top: 170px;
left: 433px;
left: calc(50% - 60px);
}
@media screen and (max-width: 767px) {
.ex-needs {
flex-wrap: wrap;
justify-content: center;
}
.ex-needs-box:nth-child(1) {
margin-bottom: 140px;
}
.ex-needs-box:nth-child(1)::after {
transform: rotate(90deg);
top: calc(50% - 60px);
bottom: calc(50% - 60px);
}
}

/* コラム インナーリンク対応 */
#column .column-article .column-body h2 {
  padding-top: 10px;
}
@media screen and (max-width: 767px) {
  #column .column-article .column-body h2 {
    padding-top: 50px;
    margin-top: -50px;
  }
}

/* download/whitepaper14　スライダー画像用 */
.ex-form-hasslider .with-form__txt {
  max-width: 520px;
}
.ex-form-hasslider .slick-slide img {
  max-width: 460px;
}

@media screen and (max-width: 767px) {
  .ex-form-hasslider .with-form__txt {
    max-width: 100%;
  }
  .ex-form-hasslider .slick-slide img {
    max-width: calc(100vw - 40px);
  }
}

/* -----------------------------------------------------
  リニューアル
----------------------------------------------------- */
/* mainvisual */
.mainvisual {
  background-image: url(/service/b2c_marketing/images/mainvisual_pc_new.jpg) !important;
}
.mainvisual__inner{
color: #fff;
}
@media screen and (max-width: 767px){
.mainvisual {
  background-image: url(/service/b2c_marketing/images/mainvisual_sp_new.jpg) !important;
}
}

/* font */
.ex-f-blue{
color: #0E5A8C;
}
@media screen and (min-width: 768px){
.ex-f-20-pc{
  font-size: 2.0rem;
}
}
.ex-f-registration{
font-size: 50%;
}

/* bg */
.ex-bg--blue{
position: relative;
background-color: #E9F4FF;
}
.ex-bg--blue2{
position: relative;
background-color: #D8EBFF;
}

/* btn */
.btn .ex-orange{
min-width: 380px!important;
background: #F27A00!important;
padding: 20px 30px;
}
@media screen and (max-width: 767px){
.btn .ex-orange{
  min-width: 300px!important;
}
}
.btn .ex-white-orange{
min-width: 380px!important;
background: #fff!important;
color: #F27A00!important;
border: 1px solid #F27A00;
}
@media screen and (max-width: 767px){
.btn .ex-white-orange{
  min-width: 300px!important;
}
}
.btn .ex-orange.small,
.btn .ex-white-orange.small{
min-width: 200px!important;
padding: 9px 20px;
}
.btn .ex-blueout-arrow{
border: 1px solid #1473e6!important;
}
.btn .ex-blue-arrow,
.btn .ex-blueout-arrow{
position: relative;
min-width: 160px;
padding: 10px 32px!important;
}
.btn .ex-blue-arrow::after,
.btn .ex-blueout-arrow::after{
content: "";
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);   
}
.btn .ex-blue-arrow::after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.btn .ex-blueout-arrow::after{
border-top: 2px solid #1473e6;
border-right: 2px solid #1473e6;
}

@media screen and (max-width: 767px){
.ex-btn-f-small-sp a{
  font-size: 1.6rem;
  padding: 20px 47px;
}
}

/* ex-point */
.ex-point{
padding-bottom: 250px;
}
@media screen and (max-width: 767px){
.ex-point{
  padding-bottom: 150px;
}
}
.ex-point .column-menu__title{
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 2.2rem
}
.ex-point .btn a{
width: 278px;
}

/* ex-problem */
.ex-problem .ex-bg--blue::after,
.ex-problem .ex-bg--blue2::after{
content: "";
position: absolute;
right: 50%;
bottom: 0;
width: 0;
height: 0;
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 50px 50px 0 50px;
-webkit-transform: translateX(50%) translateY(70%);
    -ms-transform: translateX(50%) translateY(70%);
        transform: translateX(50%) translateY(70%);
z-index: 1;
}
.ex-problem .ex-bg--blue::after{
border-color: #E9F4FF transparent transparent transparent;
}
.ex-problem .ex-bg--blue2::after{
  border-color: #D8EBFF transparent transparent transparent;
}
.ex-problem .ex-section__title--img{
position: relative;
width: 900px;
margin: 0 auto 40px;
text-align: left;
font-size: 3.6rem;
}
@media screen and (max-width: 767px){
.ex-problem .ex-section__title--img{
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  padding-right: 20%;
  text-align: center;
  font-size: 2.4rem;
}
}
.ex-problem .ex-section__title--img::before{
position: absolute;
content: '';
right: 0px;
top: -110px;
background: url(/service/b2c_marketing/images/img_problem-title_pc.png);
background-size: contain;
width: 332px;
height: 213px;
z-index: 1;
}
@media screen and (max-width: 767px){
.ex-problem .ex-section__title--img::before{
  right: -35px;
  top: -114px;
  background: url(/service/b2c_marketing/images/img_problem-title_sp.png);
  background-size: contain;
  width: 295px;
  height: 213px;
}
}
.ex-problem .ex-section__title--img::after{
content: "";
position: absolute;
right: 50%;
bottom: -40px;
width: 0;
height: 0;
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 50px 50px 0 50px;
-webkit-transform: translateX(50%) translateY(70%);
    -ms-transform: translateX(50%) translateY(70%);
        transform: translateX(50%) translateY(70%);
z-index: 1;
}
@media screen and (max-width: 767px){
.ex-problem .ex-section__title--img::after{
  bottom: -20px;
}
}
.ex-problem .ex-block__subtitle{
  position: relative;
  margin-left: 25px;
  margin-bottom: 20px;
  font-size: 2.6rem;
}
@media screen and (max-width: 767px){
.ex-problem .ex-block__subtitle{
  text-align: left;
  font-size: 1.8rem;
}
}
.ex-problem .ex-block__subtitle span:first-child{
position: absolute;
font-family: serif;
font-size: 7.0rem;
top: -17px;
left: -37px;
}
@media screen and (max-width: 767px){
.ex-problem .ex-block__subtitle span:first-child{
  font-size: 6.0rem;
  top: -20px;
  left: -30px;
}
}
.ex-problem .ex-block__subtitle span:last-child{
position: absolute;
font-family: serif;
font-size: 7.0rem;
}
@media screen and (max-width: 767px){
.ex-problem .ex-block__subtitle span:last-child{
  line-height: 80px;
  font-size: 6.0rem;
}
}

/* cta */
.ex-cta-btoc{
background: #fff;
padding: 80px 0;
}
.ex-cta-btoc--top{
background: #eaeaea;
}
.ex-cta-btoc ul{
  width: 860px;
  height: auto;
}
@media screen and (max-width: 767px){
.ex-cta-btoc ul{
  width: 100%;
  padding-bottom: 0;
}
}
.ex-cta-btoc__text{
  padding-bottom: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px){
.ex-cta-btoc__text{
  padding: 0 0 40px;
}
}

/* ex-blog-card--column */
.ex-blog-card--column{
width: 100%;
margin: 0;
}
.ex-blog-card--column .blog-card__inner{
padding: 44px 15px 35px;
}
.ex-blog-card--column .blog-card__img img{
height: auto;
}
.ex-blog-card--column .blog-card__title{
font-size: 2.4rem;
color: #333333;
}
@media screen and (max-width: 767px){
.ex-blog-card--column .blog-card__title{
  font-size: 1.6rem;
}
}
.ex-blog-card--column a:hover .blog-card__title{
color: #333333;
}
.ex-blog-card--column .ex-blog-card__link{
color: #2B9AF3;
}
.ex-blog-card--column a:hover .ex-blog-card__link{
color: #33ccff;
}

/* ex-data-driven */
.ex-data-driven{
  position: relative;
  margin: 110px 0 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 207px 54px 468px 54px 207px;
  grid-template-columns: 207px 468px 207px;
  grid-auto-rows: 200px;
  -moz-column-gap: 54px;
       -webkit-column-gap: 54px;
          column-gap: 54px;
}
@media screen and (max-width: 767px){
.ex-data-driven{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 85%;
  margin: 0 auto 0 15%;
}
}
.ex-data-driven::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow02_pc.png);
left: 95px;
top: -35px;
}
@media screen and (max-width: 767px){
.ex-data-driven::before{
  position: absolute;
  content: url(/service/b2c_marketing/images/img_arrow02_sp.png);
  left: -30px;
  top: 45px;
}
}
@media screen and (max-width: 767px){
.ex-data-driven--link{
  margin: 60px auto 0;
}
}
.ex-data-driven--link::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow01_pc.png);
left: 95px;
top: -35px;
}
@media screen and (max-width: 767px){
.ex-data-driven--link::before{
  position: absolute;
  content: url(/service/b2c_marketing/images/img_arrow01_sp.png);
  left: -30px;
  top: 45px;
}
}
.ex-data-driven__item{
position: relative;
}
@media screen and (max-width: 767px){
.ex-data-driven__item{
  margin-bottom: 30px;
}
}
.ex-data-driven__item a{
text-decoration: none;
}
@media screen and (max-width: 767px){
.ex-data-driven__item a{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
}
.ex-data-driven__item.ex-mixpanel .ex-data-driven__service img{
width: 130px;
height: 30px;
}
.ex-data-driven__item.ex-mixpanel::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow05_pc.png);
right: -50px;
top: 40px;
}
@media screen and (max-width: 767px){
.ex-data-driven__item.ex-mixpanel::before{
  content: url(/service/b2c_marketing/images/img_arrow05_sp.png);
  right: 72%;
  top: auto;
  bottom:-36px;
}
}
.ex-data-driven--link .ex-data-driven__item.ex-mixpanel::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow03_pc.png);
right: -45px;
top: 40px;
}
@media screen and (max-width: 767px){
  .ex-data-driven--link .ex-data-driven__item.ex-mixpanel::before{
    content: url(/service/b2c_marketing/images/img_arrow03_sp.png);
    right: 72%;
    top: auto;
    bottom:-35px;
  }
}
.ex-data-driven--link .ex-data-driven__item.ex-mixpanel::after{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: 15px solid transparent;
border-top: 15px solid #0081C1;
}
@media screen and (max-width: 767px){
.ex-data-driven--link .ex-data-driven__item.ex-mixpanel::after{
  bottom: auto;
  left: auto;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #0081C1;
}
}
.ex-data-driven__item.ex-consul::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow05_pc.png);
right: 212px;
top: 40px;
}
@media screen and (max-width: 767px){
.ex-data-driven__item.ex-consul::before{
  content: url(/service/b2c_marketing/images/img_arrow05_sp.png);
  right: 72%;
  top: 103px;
}
}
.ex-data-driven--link .ex-data-driven__item.ex-consul::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow04_pc.png);
right: 212px;
top: 40px;
}
@media screen and (max-width: 767px){
.ex-data-driven--link .ex-data-driven__item.ex-consul::before{
  content: url(/service/b2c_marketing/images/img_arrow04_sp.png);
  right: 73.5%;
  top: 103px;
}
}
.ex-data-driven--link .ex-data-driven__item.ex-consul::after{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: 15px solid transparent;
border-top: 15px solid #137BAE;
}
@media screen and (max-width: 767px){
.ex-data-driven--link .ex-data-driven__item.ex-consul::after{
  bottom: auto;
  left: auto;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #137BAE;
}
}
.ex-data-driven__item.ex-ma::before{
position: absolute;
content: url(/service/b2c_marketing/images/img_arrow05_pc.png);
left: -47px;
top: 40px;
}
@media screen and (max-width: 767px){
.ex-data-driven__item.ex-ma::before{
  content: url(/service/b2c_marketing/images/img_arrow05_sp.png);
  right: 72%;
  left: auto;
  top: -26px;
}
}
.ex-data-driven--link .ex-data-driven__item.ex-ma::after{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
border: 15px solid transparent;
border-top: 15px solid #0E5A8D;
}
@media screen and (max-width: 767px){
.ex-data-driven--link .ex-data-driven__item.ex-ma::after{
  bottom: auto;
  left: auto;
  top: 50%;
  right: -20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #137BAE;
}
}
.ex-data-driven__heading-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
@media screen and (max-width: 767px){
.ex-data-driven__heading-box{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}
.ex-data-driven__heading-box .ex-data-driven__heading{
width: 207px;
}
@media screen and (max-width: 767px){
.ex-data-driven__heading-box .ex-data-driven__heading{
  width: 100%;
}
.ex-data-driven__heading-box .ex-data-driven__heading:first-child {
  margin-bottom: 30px;
}
}
.ex-data-driven__heading{
padding: 20px 0;
font-size: 2.4rem;
color: #fff;
text-align: center;
}
@media screen and (max-width: 767px){
.ex-data-driven__heading{
  font-size: 2.0rem;
}
}
.ex-data-driven__heading span{
font-size: 2.0rem;
}
@media screen and (max-width: 767px){
.ex-data-driven__heading span{
  font-size: 1.6rem;
}
}
.ex-data-driven .ex-data-driven__heading--observe{
background-color: #0081C1;
}
.ex-data-driven .ex-data-driven__heading--orient{
background-color: #137BAE;
}
.ex-data-driven .ex-data-driven__heading--deside{
background-color: #2071A8;
}
.ex-data-driven .ex-data-driven__heading--action{
background-color: #0E5A8D;
}
.ex-data-driven .ex-data-driven__service{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
height: 100px;
background: #fff;
font-size: 2.4rem;
color: #0E5A8D;
text-align: center;
font-weight: bold;
}
.ex-data-driven--link .ex-data-driven__service{
border: 1px solid #DCDCDC;
}
@media screen and (max-width: 767px){
.ex-data-driven .ex-data-driven__service{
  height: 100%;
  font-size: 2.0rem;
  padding: 0 10px;
}
}

/* ex-case-flow */
.ex-case-flow{
border-bottom: 1px solid #D9D9D9;
margin-bottom: 50px;
}
@media screen and (max-width: 767px){
.ex-case-flow{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}
.ex-case-flow__title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100px;
background: url(/service/b2c_marketing/images/bg_case-title_pc.png);
margin-bottom: 30px;
font-size: 2.4rem;
}
@media screen and (max-width: 767px){
.ex-case-flow__title{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 72px;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url(/service/b2c_marketing/images/bg_case-title_sp.png);
  margin-bottom: 30px;
  font-size: 2.4rem;
}
}
.ex-case-flow__title li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 25%;
text-align: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
color: #fff;
}
@media screen and (max-width: 767px){
.ex-case-flow__title li{
  width: 100%;
  height: 178px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 5px;
  line-height: 1.2;
  font-size: 2.0rem;
}
}
.ex-case-flow .ex-case-flow__block{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__block{
  width: calc(100% - 82px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 10px;
}
}
.ex-case-flow .ex-case-flow__item{
width: 25%;
margin-bottom: 30px;
border-right: 1px solid #D9D9D9;
text-align: center;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__item{
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: none;
  border-bottom: 1px solid #D9D9D9;
}
}
.ex-case-flow .ex-case-flow__item:last-child{
border-right: none;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__item:last-child{
  border-bottom: none;
}
}
.ex-case-flow__top{
margin-bottom: 15px;
}
@media screen and (max-width: 767px){
.ex-case-flow__top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}
.ex-case-flow .ex-case-flow__img{ 
margin-bottom: 20px;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__img{
  width: 30%;
  margin: 0 15px 0 0;
  text-align: center;
}
}
.ex-case-flow .ex-case-flow__text{
color: #0E5A8D;
font-size: 2.6rem;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__text{
  width: 70%;
  font-size: 2.0rem; 
  text-align: left;
}
}
@media screen and (max-width: 767px){
.ex-case-flow__lead-box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.0;
}
}
.ex-case-flow .ex-case-flow__sublead{
font-size: 2.1rem;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__sublead{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 43%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
}
}
.ex-case-flow .ex-case-flow__lead{
font-size: 2.4rem;
color: #0E5A8D;
}
@media screen and (max-width: 767px){
.ex-case-flow .ex-case-flow__lead{
  width: 57%;
}
}
.ex-case-flow .ex-case-flow__lead span{
font-size: 7.2rem;
}

/* ex-case-list */
.ex-case-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-ms-flex-pack: distribute;
    justify-content: space-around;
margin-bottom: 60px;
}
@media screen and (max-width: 767px){
.ex-case-list{
  margin-bottom: 0px;
}
}
.ex-case-list.ex-case-list--column2{
width: 650px;
margin: 0 auto 80px;
}
@media screen and (max-width: 767px){
.ex-case-list.ex-case-list--column2{
  width: 100%;
  margin: 0 auto 0;
}
}
.ex-case-list .ex-case{
width: 300px;
margin-bottom: 40px;
text-align: center;
}
@media screen and (max-width: 767px){
.ex-case{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}
.ex-case-list .ex-case__img{
margin-bottom: 40px;
}
@media screen and (max-width: 767px){
.ex-case-list .ex-case__img{
  width: 20%;
}
}
@media screen and (max-width: 767px){
.ex-case-list .ex-case__body{
  width: calc(80% - 20px);
  margin-left: 20px;
  text-align: left;
}
}
.ex-case-list .ex-case__title{
margin-bottom: 20px;
font-size: 2.4rem;
}
.ex-case-list .ex-case__title span{
font-weight: bold;
background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #BFEAFF));
background:-o-linear-gradient(transparent 60%, #BFEAFF 60%);
background:linear-gradient(transparent 60%, #BFEAFF 60%);
}

/* customer */
@media screen and (max-width: 767px){
.ex-with-photo__image--customer{
  width: 100%!important;
  margin: auto;
  padding: 0 20%;
  background-color: #fff;
}
} 

/* ex-results */
@media screen and (max-width: 767px){
.ex-results .with-photo{
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
}
@media screen and (max-width: 767px){
.ex-results .with-photo__image{
  width: 40%;
  margin: 0;
}
}
@media screen and (max-width: 767px){
.ex-results .with-photo__txt{
  width: 60%;
}
}
@media screen and (max-width: 767px){
.ex-results .block__title{
  font-size: 1.6rem;
}
}
@media screen and (max-width: 767px){
.ex-results .block__text{
  font-size: 1.5rem;
}
}

/* ex-support-flow */
@media screen and (max-width: 767px){
.ex-support-flow{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
}
.ex-support-flow__title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 120px;
background: url(/service/b2c_marketing/solution/images/bg_support-title_pc.png);
margin-bottom: 15px;
font-size: 1.6rem;
color: #fff;
}
@media screen and (max-width: 767px){
.ex-support-flow__title{
  width: 120px;
  height: auto;
  background: url(/service/b2c_marketing/solution/images/bg_support-title_sp.png);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}
.ex-support-flow__title li{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 20%;
padding: 30px 0 0 20px;
color: #fff;
text-align: left;
}
@media screen and (max-width: 767px){
.ex-support-flow__title li{
  width: 100%;
  height: 145px;
  margin-bottom: 37px;
  padding: 45px 10px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.ex-support-flow__title li:last-child{
  height: 75px;
}
}
.ex-support-flow__title li::before{
position: absolute;
content: "";
width: 22px;
height: 22px;
left: 50%;
top: 10px;
border-radius: 50%;
background: #fff;
color: #000;
}
@media screen and (max-width: 767px){
.ex-support-flow__title li::before{
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 15px;
}
}
.ex-support-flow__title li::after{
position: absolute;
left: 53%;
top: 9px;
}
@media screen and (max-width: 767px){
.ex-support-flow__title li::after{
  left: 46%;
  top: 15px;
}
}
.ex-support-flow__title li:nth-of-type(1)::after{
content: "1";
color: #27A4E2;
}
.ex-support-flow__title li:nth-of-type(2)::after{
content: "2";
color: #0081C1;
}
.ex-support-flow__title li:nth-of-type(3)::after{
content: "3";
color: #137BAE;
}
.ex-support-flow__title li:nth-of-type(4)::after{
content: "4";
color: #2071A8;
}
.ex-support-flow__title li:nth-of-type(5)::after{
content: "5";
color: #0E5A8D;
}
.ex-support-flow__text{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px){
.ex-support-flow__text{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 120px);
}
}
.ex-support-flow__text li{
width: 20%;
padding: 0px 15px 0px 20px;
border-right: 1px solid #D9D9D9;
}
@media screen and (max-width: 767px){
.ex-support-flow__text li{
  width: 100%;
  height: 145px;
  padding: 0px 0px 0px 20px;
  border-right: none;
  margin-bottom: 32px;
}
}
.ex-support-flow__text li:last-child{
border: none;
margin-bottom: 0px;
}

/* ex-product */
.ex-product__subtitle{
width: 580px;
margin: 0 auto 40px;
background: #0081C1;
color: #fff;
font-size: 2.4rem;
text-align: center;
}
@media screen and (max-width: 767px){
.ex-product__subtitle{
  width: 100%;
}
}
.ex-product__subtitle span{
font-size: 1.8rem;
}
.ex-product__title--number{
margin: 0 auto 20px;
line-height: 70px;
width: 70px;
height: 70px;
font-size: 3.6rem;
text-align: center;
background: #0081C1;
border-radius: 50%;
color: #fff;
}
@media screen and (max-width: 767px){
.ex-product__title--number{
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 3.0rem;
}
}

/* ex-product_flow */
.ex-product-flow .column-menu__item{
position: relative;
width: 234px;
}
@media screen and (max-width: 767px){
.ex-product-flow .column-menu__item{
  width: 100%;
}
.ex-product-flow .column-menu__item:last-child{
  margin-bottom: 0;
}
}
.ex-product-flow .column-menu__item::after{
position: absolute;
top: 30%;
right: -10px;
width: 0;
height: 0;
content: '';
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
border-width: 15px 0 15px 10px;
border-style: solid;
border-color: transparent transparent transparent #0081C1;
}
@media screen and (max-width: 767px){
.ex-product-flow .column-menu__item::after{
  top: auto;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 10px 15px 0 15px;
  border-color: #0081C1 transparent transparent transparent;
}
}
.ex-product-flow .column-menu__item:last-child::after{
content: none;
}
.ex-product-flow .column-menu__pic{
min-height: auto;
}
.ex-product-flow .column-menu__pic img{
width: 100%;
}

/* case-study */
.ex-case-study .inner-link-number-list__wrap{
margin-bottom: 80px;
}
.ex-case-study .inner-link-number-list__item{
margin: 10px 0;
}
.ex-case-study .inner-link-number-list__title{
padding: 17px 45px;
margin-right: 30px;
background: #F5F7F8;
border-radius: 5px;
border: 1px solid #D9D8D7;
font-size: 2.4rem;
}
.ex-case-study .inner-link-number-list__item .text-link{
font-size: 1.8rem;
}

/* ex-utilization-problem */
.ex-utilization-problem {
position: relative;
background: url(/service/b2c_marketing/utilization/ec/images/img_utilization-problem_pc.png) no-repeat center bottom;
padding-bottom: 220px;
}
@media screen and (max-width: 767px) {
.ex-utilization-problem {
  background: url(/service/b2c_marketing/utilization/ec/images/img_utilization-problem_sp.png) no-repeat center bottom;
  background-size: 90%;
}
}
@media screen and (max-width: 480px) {
.ex-utilization-problem {
  padding-bottom: 20.73vh;
}
}
.ex-utilization-problem::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 50%;
height: 0;
border-color: transparent transparent #D8EBFF #D8EBFF;
border-style: solid;
border-width: 0 40px 40px 40px;
}
.ex-utilization-problem::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
width: 50%;
height: 0;
border-color: transparent #D8EBFF #D8EBFF transparent;
border-style: solid;
border-width: 0 40px 40px 40px;
}
@media screen and (max-width: 480px){
.ex-utilization-problem::before,
.ex-utilization-problem::after{
    border-width: 0 20px 20px 20px;
}
}
.ex-utilization-problem .section__title{
padding: 20px 40px;
color: #0E5A8C;
border: 3px solid #0E5A8C;
}
@media screen and (max-width: 767px){
.ex-utilization-problem .section__title{
  padding: 20px;
  font-size: 2.4rem;
}
}
.ex-utilization-problem .block__text{
margin-bottom: 80px;
font-size: 1.8rem;
text-align: center;
}
@media screen and (max-width: 767px){
.ex-utilization-problem .block__text{
  margin-bottom: 60px;
}
}
.ex-utilization-problem .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
width: 750px;
margin: auto;
}
@media screen and (max-width: 767px) {
.ex-utilization-problem .box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
}
.ex-utilization-problem .box__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
text-align: center;
width: 225px;
height: 186px;
background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble01_pc.png) no-repeat center center;
background-size: cover;
padding-bottom: 20px;
color: #ffffff;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.ex-utilization-problem .box__item {
  margin-bottom: 10px;
  background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble01_sp.png) no-repeat center center;
}
}
.ex-utilization-problem .box__item:nth-child(2) {
background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble02_pc.png) no-repeat center center;
background-size: cover;
color: #0E5A8D;
}
@media screen and (max-width: 767px) {
.ex-utilization-problem .box__item:nth-child(2) {
  margin-left: auto;
  background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble02_sp.png) no-repeat center center;
}
}
.ex-utilization-problem .box__item:nth-child(3) {
background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble03_pc.png) no-repeat center center;
}
@media screen and (max-width: 767px) {
.ex-utilization-problem .box__item:nth-child(3) {
  background: url(/service/b2c_marketing/utilization/ec/images/bg_bubble03_sp.png) no-repeat center center;
}
}

/* ex-utilization-solution */
.ex-utilization-solution .section__title{
position: relative;
}
.ex-utilization-solution .section__title::before {
position: absolute;
content: url(/service/b2c_marketing/utilization/ec/images/icon_bulb.png);
left: 50%;
top: -110px;
-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        transform: translateX(-50%);
}

/* fullwide-bgblock */
.ex-fullwide-bgblock--inquiry .fullwide-bgblock__inner {
width: 100%;
}
.ex-fullwide-bgblock--inquiry .fullwide-bg {
background-image: url(/service/b2c_marketing/reason/images/cta_bg_pc.png);
}
@media screen and (max-width: 767px) {
.ex-fullwide-bgblock--inquiry .fullwide-bg {
  background-image: url(/service/b2c_marketing/reason/images/cta_bg_pc.png)!important;
}
}
.ex-fullwide-bgblock--utilization_ec{
position: relative;
}
.ex-fullwide-bgblock--utilization_ec::after{
content: "";
position: absolute;
right: 50%;
top: -40px;
width: 0;
height: 0;
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 50px 50px 0 50px;
-webkit-transform: translateX(50%) translateY(70%);
    -ms-transform: translateX(50%) translateY(70%);
        transform: translateX(50%) translateY(70%);
z-index: 1;
}
@media screen and (max-width: 480px){
.ex-fullwide-bgblock--utilization_ec::after{
  border-width: 40px 40px 0 40px;
}
}
.ex-fullwide-bgblock--utilization_ec .fullwide-bg {
background-image: url(/service/b2c_marketing/utilization/ec/images/bg_cta_pc.jpg);
}
@media screen and (max-width: 767px){
.ex-fullwide-bgblock--utilization_ec .fullwide-bg {
  background-image: url(/service/b2c_marketing/utilization/ec/images/bg_cta_pc.jpg)!important;
}
}
.ex-fullwide-bgblock--utilization_ec .fullwide-bgblock__lead{
font-size: 1.8rem;
}