@charset "utf-8";
/* 共通設定
--------------------------------------------------------*/
body {
  color: #333;
  font-family: 'メイリオ', Meiryo, verdana, Hiragino Sans, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Sans-Serif;
  font-size: 16px;
  line-height: 1.5;
  word-break: break-all;
  overflow-x: hidden;
}


header#mastHead h1 {
  font-size: 10px;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #245dc1;
}

a:link, a:visited, a:active, a:hover {
  /* FireFox リンク選択時の点線を消す */
  /* overflow: hidden; */
  outline: none;
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: 0 0;
}

p {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* 見出し */

.section-header {
  background: #045183;
  text-align: center;
  padding: 20px;
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  line-height: 1.4;
  padding: 20px 20px 15px;
  margin: 0 0 20px;
}

.section-sub-header {
  display: block;
  margin: 45px auto 16px auto;
  background: #045183;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1.3em;
  padding: 9px 0 6px 0;
  font-weight: normal;
}

.section-sub-header small {
  font-size: 70%;
  font-weight: normal;
  margin-bottom: -3px;
  display: block;
}

/* ユーティリティクラス */

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px !important;
}

.fs14 {
  font-size: 14px !important;
}

.fs15 {
  font-size: 15px !important;
}

.fs16 {
  font-size: 16px !important;
}

.fs17 {
  font-size: 17px !important;
}

.fs18 {
  font-size: 18px !important;
}

.fs20 {
  font-size: 20px !important;
}

.fs22 {
  font-size: 22px !important;
}

.fs24 {
  font-size: 24px !important;
}

.fs25 {
  font-size: 25px !important;
}

.fs26 {
  font-size: 26px !important;
}

.fs28 {
  font-size: 28px !important;
}

.fs30 {
  font-size: 30px !important;
}

.fs38 {
  font-size: 38px !important;
}

.text-bold {
  font-weight: bold !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-purple {
  color: #7635B1;
}

.text-white {
  color: #ffffff;
}

.text-green {
  color: #39b1b2;
}

.text-navy {
  color: #045183;
}

.text-red {
  color: #d32647;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.lh10 {
  line-height: 1.0 !important;
}

.lh15 {
  line-height: 1.5 !important;
}

.lh20 {
  line-height: 2.0 !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.bg-white {
  background-color: #fff;
}

.bg-gray {
  background-color: #f2f2f2;
}

.bg-lightgray {
  background-color: #f2f2f2;
}

.bg-green {
  background-color: #ebf6f8;
}

.clearfix::after {
  content: " ";
  display: block;
  clear: both;
}

.justify-center {
  justify-content: center;
}

.justify-space-around {
  justify-content: space-around;
}

.justify-space-between {
  justify-content: space-between;
}

img.border{
  border:1px solid #ccc;
}

/* Button：ボタン
--------------------------------------------------------*/

.button-inquiry {
  display: inline-block;
  overflow: hidden;
  /*text-indent: 100%;*/
  white-space: nowrap;
}

.button-inquiry:hover {
  opacity: .7;
}

.button-inquiry .fvbtn {
  width: 546px;
}

.button-inquiry .btn {
  width: 328px;
}

.button-inquiry--large {
  /*background: transparent url(../img/btn_02.png) no-repeat;
  width: 546px;
  height: 94px; */
  box-shadow: 0 6px 0 0 #4E2376;
  background-color: #7635B1;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 28px;
  line-height: 2;
  width: 90%;
  margin: 0 auto 10px;
}

.button-inquiry--large>span {
  padding: 10px 12px 12px;
  background: #FFF;
  color: #663e79;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 15px;
}

.button-inquiry--medium {
  /*
  background: transparent url(../img/btn_03.png) no-repeat;
  width: 328px;
  height: 70px;
  margin-top: 15px;
  */
  box-shadow: 0 6px 0 0 #4E2376;
  background-color: #7635B1;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 26px;
  line-height: 2;
  width: 90%;
  margin: 0 auto 10px;
}

.button-inquiry--medium>span {
  padding: 10px 12px 12px;
  background: #FFF;
  color: #663e79;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  vertical-align: bottom;
}

.btn {
margin-top: 10px;
}


.button-primary-ec{
  box-shadow: 0 6px 0 0 #4E2376;
  background-color: #7635B1;
  display: block;
  color: #fff;
  text-align: center;
  padding: 24px 10px;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto 10px;
  letter-spacing: 1px;
}

.button-primary-ec-sub{
  box-shadow: 0 6px 0 0 #9F72C8;
  background-color: #fff;
  border: solid 1px #7635B1;
  display: block;
  color: #7635B1;
  text-align: center;
  padding: 24px 10px;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto 10px;
  letter-spacing: 1px;
}

.button-secondary-ec{
  box-shadow: 0 6px 0 0 #226086;
  background-color: #0670B4;
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 auto 10px;
  letter-spacing: 1px;
}


a.button-primary-ec:hover,
a.button-secondary-ec:hover,a.button-primary-ec-sub:hover{
  opacity: 0.7;
}

.button-primary-ec span,.button-secondary-ec span,.button-primary-ec-sub span{
  font-size: 14px;
  display: block;
  font-weight: normal;
}

.button-secondary-ec span{
  margin-top: 6px;
}


.top-cta-area{
  padding:60px 0 !important;
  margin:20px 0;
}

.top-cta-area-mv{
  padding:0 0  48px!important;
  margin:20px 0;
}
.top-cta-main{
  display: flex;
  width: 800px;
  margin: 0 auto;
}

.top-cta-main a{
  display: block;
  width: 340px;
}

.top-cta-sub a{
  display: block;
  width: 740px;
  margin: 0 auto;
}

/*トップページここから*/
.top-cta-main-top{
  display: flex;
  width: 800px;
  margin: 0 auto;
}

.top-cta-main-top a{
  display: block;
  width: 390px;
}

.top-cta-sub-top a{
  display: block;
  width: 780px;
  margin: 0 auto;
}

.top-cta-sub-top p{
  text-align: center;
  font-size: 20px;
  margin:8px 0 4px !important;
  letter-spacing: 2px;
  font-weight: 700;
}
/*トップページここまで*/


/*Btype*/

a.top-cta-main_b_button span{
  padding: 20px 6px 20px;
  background: #FFF;
  color: #663e79;
  font-size: 14px;
  font-weight: bold;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

a.top-cta-main_b_button{
  font-size: 28px;
}


.top-cta-sub_b{
  display: flex;
  width: 800px;
  margin: 0 auto;
}

.top-cta-sub_b a{
  display: block;
  width: 340px;
}

.top-cta-main_b a{
  display: block;
  width: 740px;
  margin: 0 auto 20px;
}


.top-cta-sub p{
  text-align: center;
  font-size: 20px;
  margin:8px 0 4px !important;
  letter-spacing: 2px;
  font-weight: 700;
}

.p-top-hero-description{
  font-size: 24px;
}

br.sp-br{
  display: none;
 }
 br.pc-br{
  display: inline;
 }

 img.top_mv_sp{
  display: none;
 }

 .top_item_img{
  margin: 0 auto;
 }

.top_mv_bg{
  position: absolute;
  z-index: -1;
  display: flex;
  align-items: center;
  top: -150px;
  right: 0;
  left: 64%;
  overflow: hidden;
}



 .top_item_headline{
  margin: 16px 20px 0;
  text-align: center;
 }



 h3.top_item_headline {
  margin-bottom: 10px;
  font-size: 20px;
 }

 h3.top_item_headline span{
  background: linear-gradient(transparent 70%, #EFE1FA 70%);
 }

 .top_item_description{
  margin: 16px 0 0;
  font-size: 16px;
 }

 .top_item_description li{
list-style: none;
    background: #EBF1FF;
    border-radius: 8px;
    padding: 8px;
    margin: 0 auto 10px;
    font-weight: 600;
    width: 87%;
 }

 .marker {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 20px;
  color: #333;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
  background-color: #EFE1FA;
}

.bg-lightblue{
  background-color: #F2F6FF;
}

ul.feature_block {
  margin-top: 40px;
}

ul.feature_block li{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

ul.feature_block_2 li{
  align-items: flex-start;
}

ul.feature_block_2 h3.top_item_headline{
  font-size: 22px;
  margin: 0 0 20px 20px;
}

ul.feature_block_2 h3.top_item_headline span{
  font-size: 18px;
  background: none;
}


ul.feature_block li .feature-img-area{
  width: 300px;
  box-sizing: border-box;
}



ul.feature_block li .feature-text-area{
  width: 620px;
  box-sizing: border-box;
}


ul.feature_block li:nth-child(odd) {
  flex-direction: row-reverse;
}

ul.feature_block_2 li:nth-child(odd) {
  flex-direction: inherit!important;
}

ul.feature_block_2 ul{
text-align: left;
margin-left: 20px;
}

.feature_block_2 li.assignment{
  border: 1px solid #075183;
    color: #075183;
    border-radius: 4px;
    background-color: #fff;
    padding: 6px 12px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 600;
}

.about-aff_block,.network_block{
  margin-bottom: 20px;
}

img.about-aff{
  width: 90%;
}


.thanks_message_title{
  font-weight: 700;
  font-size: 20px;
  margin:20px 0;
}

.thanks_message_text p{
  text-align: center;
  font-size: 16px;
}

.thanks_message_card{
  font-size: 16px;
  margin:20px 0;
  padding: 20px;
  background-color: #eee;
  text-align: center;
  border-radius: 8px;
}
.thanks_message_card p{
  text-align: center;
}


@media screen and (max-width: 767px) {

  .header_sitename{
    top:-10px;
  }

  .top_mv_bg{
    display: none;
  }

  img.top_item_img{
    width: 96%;
  }

  .header-wrap-bg{
    background: url(../img/ecsite_top_bg.png);
    background-repeat: no-repeat;
    background-position: -50% -200px;
  }

  .top-cta-area {
    padding: 40px 0 !important;
}

  ul.feature_block li{
    display: block;
    margin-bottom: 20px;
  }
  ul.feature_block li .feature-img-area,
  ul.feature_block li .feature-text-area{
    width: 100%;
  }

  ul.feature_block li:nth-child(odd) {
    flex-direction: row;
  }


  ul.feature_block li:nth-child(odd) .feature-text-area,
  ul.feature_block li:nth-child(even) .feature-text-area{
    padding:0;
  }



  img.top_mv_pc{
    display: none;
   }
   img.top_mv_sp{
    display: block;
    margin: 0 auto;
   }


   br.sp-br{
    display: inline;
   }
   br.pc-br{
    display: none;
   }

  .p-top-hero h1 {
    font-size: 24px;
  }
  .p-top-hero h1>span{
    font-size: 24px;
  }

  .button-primary-ec,.button-secondary-ec{
    font-size: 20px;
  }

  .p-top-hero-description{
    font-size: 16px!important;
  }

  .top-cta-main,.top-cta-sub_b{
    width: 96%;
  }

  .top-cta-main a,.top-cta-sub_b a{
    width: 48%;
  }
  .top-cta-sub a,.top-cta-main_b a{
    width: 96%;
  }
/*トップページここから*/
.top-cta-main-top,.top-cta-sub-top_b{
  width: 96%;
  display: block;
}

.top-cta-main-top a,.top-cta-sub_b a{
  width: 100%;
  margin-bottom: 16px;
  font-size: 20px;
  padding: 20px;
  display: block;
}

.top-cta-sub-top a,.top-cta-main-top_b a{
  width: 96%;
}

.top-cta-sub-top p{
  font-size: 16px;
}
/*トップページここまで*/

  .about-aff_block,.network_block{
    margin-bottom: 40px;
  }
  .intro_block{
    margin-bottom: 40px;
  }




}


/* Layout：レイアウト用クラス
--------------------------------------------------------*/

.l-block ,
#Contents #Main .section{
  width: 940px;
  margin: 0 auto;
  padding-bottom: 30px;
  text-align: center;
}

/* contents */

.content-wrap {
  width: 100%;
}

/*  Component:共通パーツ設定
--------------------------------------------------------*/

/* グローバルヘッダー */

.sp_c-gnav {
  display: none;
}

.c-mast-head {
  position: fixed;
  top: 0;
  width: 100%;
  /*height: 80px; */
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  z-index: 1001;
}

.head-line {
  width: 940px;
  margin: 8px auto 10px;
  position: relative;
}

/*.head-line h1 {
  vertical-align: middle;
  font-size: 10px;
  line-height: 2.6em;
  font-weight: normal;
  color: #595757;
}*/

.head-btn-area {
  text-align: right;
}

.head-btn-area img {
  width: 188px;
}

.head-btn-area a:first-child{
  padding-top: 8px;
}


.c-mast-head-short {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
  z-index: 1001;
}

.header_sitename{
  vertical-align: middle;
  padding-left: 14px;
  display: inline;
}

.header_sitename a{
  font-size: 12px;
  font-weight: 700;
  color: #333;
  border-left: solid 1px #CCC;
  padding-left: 14px;
}

.vclogo{
  display: inline-block;
}

.vclogo .logo{
  vertical-align: middle;
}


.link_header_as{
  font-size: 12px;
}

/* Gナビ */

.c-gnav {
  height: 40px;
  text-align: center;
  background-color: #fff;
}

.gnav-list {
  width: 940px;
  display: inline-block;
}

.g-nav-list::after {
  content: " ";
  display: block;
  clear: both;
}

.gnav-item {
  float: left;
  height: 40px;
  list-style: none;
  text-align: center;
}

.gnav-item a {
  box-sizing: border-box;
  display: block;
  height: 100%;
  line-height: 1.4;
  font-size: 12px;
  color: #333;
  padding: 12px 18px 0;
  letter-spacing: 0.05em;
}

.gnav-list .current {
  border-bottom: 3px solid #a876d6;
}

.gnav-item a:hover {
  border-bottom: 3px solid #a876d6;
  text-decoration: none;
  color: #777;
}

.btn_header_sp {
  display: none !important;
}

.btn_header {
  display: block;
  color: #fff;
  text-align: center;
  padding: 7px;
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 11px;
  margin: 0 2px;
}

.btn_header:hover {
  opacity: .7;
}

.btn_header_g {
  box-shadow: 0 3px 0 0 #4E2376;
  background-color: #7635B1;
}

.btn_header_p {
  box-shadow: 0 3px 0 0 #4E2376;
  background-color: #7635B1;
}

.sp_header_menu {
  display: none !important;
}

/* トピックス */
.update_info{
  border: 1px solid #ccc;
  text-align: left;
  padding: 1.875em 2.5em;
  margin-top: 1.25em;
  border-radius: .25em;
}

.update_info ul li{
  list-style: none;
}

.update_info > h3{
  font-size: 16px;
}
.update_info ul{
  margin: 12px 0 0 !important;
}
.update_info li{
  margin-bottom: 0!important;
  margin-top: 4px;
  line-height: 1.5em!important;
  padding: 3px 0 3px 0!important;
  background-image: none!important;
}

.update_info li span.date{
  color: #808080;
  margin-right: 16px;
  width: 140px;
  display: inline-block;
}
.update_info li span.new{
  color: #d01115;
}

.update_info a:hover{
  text-decoration: none;
}

@media screen and (max-width: 768px){
.update_info{
  padding: 16px;
  margin: 0 10px;
}
.update_info li span.txt {
    display: block;
}
}

/* パネル */

.c-panel {
  box-sizing: border-box;
}

.c-panel.c-panel--white {
  background-color: #fff;
}

.c-panel.c-panel--grey {
  background-color: #f2f2f2;
  margin-bottom: 15px;
  /* font-size: 26px; */
  padding-top: 10px;
}

.c-panel.c-panel--grey .case {
  width: 173px;
}

/*パンくず*/
#topic_path p{
  font-size: 12px;
  margin-top: 12px;
}

/* 目次(アイコンつき)リスト */

.c-toc-list {
  text-align: left;
  margin: 0 auto 0;
  vertical-align: top;
  padding: 0 30px 0 40px;
}

.c-toc-list li {
  list-style: none;
  background: url(../img/arrow_03.png);
  background-repeat: no-repeat;
  background-position: left 8px;
  padding: 5px 5px 5px 18px;
  font-size: 16px;
}

.c-toc-list li.down {
  list-style: none;
  background: url(../img/arrow_04.png);
  background-repeat: no-repeat;
  background-position: left 10px;
  padding: 5px 5px 5px 18px;
  font-size: 16px;
  min-height: 40px;
}

/* 料金プラン表 */

.c-plan-table {
  margin: 0 auto;
  font-size: 18px;
  background-color: #fff;
  width: 96%;
}

.c-plan-table td, .c-plan-table th {
  font-weight: normal;
  width: 30%;
  padding: 16px 3px;
  text-align: center;
  vertical-align: middle;
  color: #666666;
  background-color: #fff;
  line-height: 1.4em;
}

.c-plan-table thead td:first-child {
  background-color: #ccc;
  color: #ffffff;
}

.c-plan-table thead td:nth-child(2) {
  background-color: #7635B1;
  color: #ffffff;
}

.c-plan-table thead td:nth-child(3) {
  background-color: #2A70B4;
  color: #ffffff;
}

.c-plan-table tbody tr:nth-child(2n+1) th {
  background-color: #eee;
}

.c-plan-table tbody tr:nth-child(2n+1) td:nth-child(2) {
  background-color: #f6f1fb;
}

.c-plan-table tbody tr:nth-child(2n+1) td:nth-child(3) {
  background-color: #e5ecf2;
}

.c-plan-table tbody small {
  font-size: 10px;
  line-height: 1.2em;
}

.c-plan-table tbody th.vertical {
  width: 40px;
  background-color: #fff;
}

.c-plan-table tbody th.vertical span {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  height: 120px;
  letter-spacing: 2px;
}

.c-plan-table .commission span {
  font-size: 14px;
}

/* Q&Aリスト */

.c-qa-list {
  text-align: left;
  /*  width: 780px; */
  margin: 0 auto;
  padding: 0 20px;
}

.c-qa-list dt, .c-qa-list dd {
  /* font-size: 14px; */
  margin: 0;
  padding: 3px 0 3px 36px;
  line-height: 1.5;
  background-repeat: no-repeat;
  background-position: top left;
}

.c-qa-list dt {
  background-image: url(../img/icon_q.png);
  margin-bottom: 10px;
  font-weight: bold;
}

.c-qa-list-top dt {
  font-weight: normal!important;
}

.c-qa-list dd {
  background-image: url(../img/icon_a.png);
  background-size: 30px;
}

.c-qa-list dd+dt {
  margin-top: 50px;
}

.c-qa-list p{
    padding: 0!important;
    line-height: 1.5!important;
}


/* 先頭コンテンツ */



.c-hero-content,
#contents {
  width: 100%;
  min-width: 940px;
  text-align: center;
  padding-top: 100px;
  margin: 0 auto;
}

.c-hero-content h1,
h2.article_header {
  margin: 40px 0 30px;
  line-height: 1;
  color: #045183;
  /* font-size: 30px; */
}


.c-hero-content p{
  /* font-size: 16px; */
  line-height: 1.75;
  color: #333;
}

.c-hero-content p:not(:nth-of-type(1)) {
  margin-top: 1em;
}

/* 通常コンテンツ */

.c-subordinate-section:target {
  -webkit-animation: modify 0.1s;
  animation: modify 0.1s;
}

.c-subordinate-section p {
  margin-bottom: 20px;
  line-height: 1.75em;
  /* font-size: 14px; */
  padding: 0 20px;
}

.c-subordinate-section p.category{
  text-align: center;
  margin-top: 20px;
}

.c-subordinate-section p.text {
  padding: 0px 10px 0 10px;
}
/*
.c-subordinate-section .c-panel-group {
  font-size: 24px;
} */

/* .c-subordinate-section ul {
    text-align: left;
    margin: 30px 0 0;
}

.c-subordinate-section ul li {
    margin-bottom: 20px;
    line-height: 2em;
    font-size: 14px;
    padding: 3px 0 3px 36px;
    list-style: none;

    background-image: url(../img/icon_q.png);
    background-repeat: no-repeat;
    background-position: top left;
} */

.faq-wrap ul{
  text-align: left;
  margin: 30px 0 0;
}

.faq-wrap ul li{
  margin-bottom: 20px;
  line-height: 1.75em;
 font-size: 14px;
  padding: 3px 0 3px 36px;
  list-style: none;

  background-image: url(../img/icon_q.png);
  background-repeat: no-repeat;
  background-position: top left;
}



.banner_wrap {
  padding: 0 0 14px;
}

/* 資料請求ボタン・申し込みリンク */
.c-cta-text {
  text-align: center;
  line-height: 1.3;
  font-size: 18px;
  color: #333;
}

.c-cta-area .link-apply {
  display: inline-block;
  margin: 12px 0;
  font-size: 16px;
  width: 100%;
  text-align: center;
}


.c-cta-area a.link-mv {
  color: #fff !important;
  display: inline-block;
  margin: 12px 0;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.c-imgico {
  position: relative;
}

/* 申し込みの流れ図版 */

figure.c-flow-fig {
  box-sizing: border-box;
  margin: 40px auto 20px;
}

.c-flow-pcshow {
  display: block;
  width: 95%;
  margin: 0 auto;
}

.c-flow-spshow {
  display: none;
}

/* Project: 個別セクション要素に関する設定
--------------------------------------------------------*/

/* トップ - 冒頭セクション */

.header-wrap-bg {
}



.header-wrap {
background-size: cover;
}

.p-top-hero-description {
  font-size: 16px;
  text-align: left;
  margin: 5px 0 0 0;
  padding: 0;
  color: #333;
}

.p-top-hero-description span{
  font-weight: 700;
  background: linear-gradient(transparent 70%, #EFE1FA 70%);
  font-size: 14px;
  display: inline-block;
}

.p-top-hero h1 {
  margin: 20px 0 0;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
  text-align: left;
}

.p-top-hero h1>span {
  font-weight: bold;
  color: #7635B1;
  line-height: 1.3;
}

.p-top-hero .c-main-area {
  width: 840px;
  margin: 0 auto;
}

.p-top-hero .c-cta-area {
  /*  margin-top: 0; */
  padding: 0 0 20px;
}

.p-top-hero .c-cta-area .c-cta-inquiry {
  width: 620px;
  margin: 0 auto;
}

.c-cta-area .c-cta-inquiry {
  width: 500px;
  margin: 0 auto;
}

.c-title_02 {
width: 680px;
}
.br-sp {
display: none;
}

.top_mv_area img{
  margin-top: 24px;
}

/*トップ- 課題解決*/
.triangle{
  width: 100%; text-align: center;
}

.triangle img{
  width: 300px;
}

.intro-solution h2{ margin: 40px auto;}

.intro-solution .intro_point{
background: #fff;
border-radius: 8px;
padding: 20px 50px;
margin-bottom: 56px;
}

.intro-solution .intro_point ul{
  margin-top: 16px;
  list-style: none;
  text-align: left;
  font-size: 18px;
}

.intro-solution .intro_point li{
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.intro-solution .intro_point li .point3icon {
  height:36px;
  width:36px;
  border-radius:50%;
  line-height:36px;
  text-align:center;
  background: #075183;
  color: #fff;
 }

 .intro-solution .intro_point li .point3icon-txt{
  margin: 0;
 }

/*トップ- 導入事例*/
.casestudy_entry_item-top{
  height: auto!important;
}

.casestudy_entry_item .assignment{
  list-style: none;
  margin: 20px 0;
}

.casestudy_entry_item .assignment li{
border: 1px solid #075183;
color: #075183;
  border-radius: 4px;
  background-color: #fff;
  width: 48%;
  padding: 6px 0;
  text-align: center;
  font-size: 13px;
  box-sizing: border-box;
  display: inline-block;
}

/* トップ - アフィリエイトの特徴 */

.p-top-feature h2 {
  line-height: 1.3;
  font-size: 22px;
  margin-bottom: 10px;
}

.p-top-feature h2>span {
  font-size: 38px;
}

.p-top-feature .reward-flow {
  height: 146px;
}

.p-top-feature .reward-flow img {
  float: left;
}

.p-top-feature .reward-flow p {
  box-sizing: border-box;
  background: url(../img/b_a_img_01_bg.png);
  display: inline-block;
  vertical-align: top;
  width: 252px;
  height: 100%;
  padding-top: 38px;
  padding-left: 30px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.5;
}

.p-top-feature .c-panel-group .c-imgico {
  top: -10px;
}

.p-top-feature .c-panel-group strong {
  display: inline-block;
  line-height: 1.3;
}

.p-top-feature .c-panel-group figure {
  padding-top: 15px;
  margin: 5px 10px 15px 10px;
  height: 300px;
  background-color: #fff;
}

.p-top-feature .c-panel-group figure>p {
  margin: 0 15px 20px 15px;
  border: solid 1px #777;
  padding: 5px;
  color: #595757;
  line-height: 1.3;
}

.p-top-feature .c-panel-group figure>p {
  padding: 5px !important;
}

/*トップ - モニキャン、キャストブックの特長*/
.linkicon::after{
  content: "\f35d";
  margin-left: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/*トップ - モニキャン 2412追加*/
.review_example img{
  width: 90%;
  border-radius: 8px;
  margin-bottom: 16px;
}
.feature_monicam{
  padding-bottom: 0;
}
.fa-external-link {
  padding-left: 8px;
}

/* トップ - 選ばれている理由 */

.p-top-media .c-panel-group {
  margin-top: 50px;
}

.p-top-media .c-panel-group .c-panel {
  margin-bottom: 15px;
}

.p-top-media .c-panel-group .c-panel:not(:last-child) {
  box-sizing: border-box;
  padding: 0 5px 5px;
  border-right: 6px solid #f2f2f2;
}

.p-top-media .c-panel-group figure {
  margin: 0;
}

.p-top-media .c-panel-group img {
  margin: 20px 0 10px;
}

.p-top-media .c-panel-group p {
  line-height: 1.3;
  text-align: center;
  font-size: 20px;
}

.p-top-media .c-panel-group p>span {
  font-size: 12px;
}

.p-achievement h4 {
  margin: 5px 0;
  line-height: 1.3;
  color: #045183;
  font-size: 20px;
}

.p-achievement .achievement-chart {
  padding-top: 10px;
  background-color: #fff;
}

.p-achievement .chart-criteria {
  font-size: 13px;
}

/* トップ - お客様の声 */

.p-top-customers h2 {
  background-color: #045183;
  text-align: center;
  font-size: 28px;
  color: #fff;
  margin-top: 30px;
  line-height: 1.4;
  padding: 10px;
  font-weight: normal;
}

.p-top-customers h2>span {
  font-size: 18px;
}

.p-top-customers h3 {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.6;
  padding-top: 20px;
}

.p-top-customers h4.cosme {
  background: transparent url(../img/b_c_img_04.png) no-repeat;
  background-size: 100%;
  width: 103px;
  height: 101px;
  margin-top: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 0 20px;
}

.p-top-customers h4.health {
  background: transparent url(../img/b_c_img_08.png) no-repeat;
  background-size: 100%;
  width: 103px;
  height: 101px;
  margin-top: 15px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 0 20px;
}

.p-top-customers .c-panel {
  padding: 0 0 15px;
}

.p-top-customers .c-panel figure {
  margin: 15px 15px 0;
  padding: 5px;
  background-color: #fff;
}

/* トップ - 料金プラン */


.plan_panel{
  font-size: 24px;
}
.plan_panel p{
  font-size: 16px;
}

.p-top-plans .c-panel {
  padding: 20px;
  margin-bottom: 10px;
}

.p-top-plans .c-panel strong {
  display: inline-block;
  margin: 10px 0 15px;
}

.p-top-plans .c-panel hr {
  border-width: 0px;
  border-top-width: 1px;
  border-style: dotted;
}

.plan-basic hr {
  border-color: #c29fe3;
}

.plan-light hr {
  border-color: #6897b5;
}

.p-top-plans .c-panel p {
  margin: 0 10px;
}

.p-top-plans .about-plan {
  margin-top: 30px;
}

.p-top-plans .about-plan p {
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 16px;
}

.p-top-plans .about-plan-option {
  text-align: left;
}

.p-top-plans .about-plan-option h4 {
  font-size: 14px;
  margin: 20px 0 0;
  padding: 0 20px;
}

.p-top-plans .about-plan-option p {
  margin-top: 0;
}

/* トップ - 導入の流れ */

.p-top-flow .ref-support-content {
  background-color: #f2f2f2;
  margin: 20px 20px;
  padding: 25px 5px 5px;
}

.p-top-flow .ref-support-content p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.5;
}

.p-top-flow .question-ballon {
  box-sizing: border-box;
  border: solid 1px #ababab;
  padding: 5px 10px 5px 45px;
  margin-right: 3px;
  border-radius: 30px;
  background: url(../img/b_g_img_01_bg.png);
  background-repeat: no-repeat;
  background-position: 8px;
  font-size: 12px;
  text-align: left;
}

/* トップ - よくあるご質問 */

.qa-sub-header {
  padding: 9px 0 6px 0;
  font-size: 18px;
  /* line-height: 1.6em; */
  background: #045183;
  color: #fff;
  margin-top: 45px;
  font-weight: normal;
  margin-bottom: 20px;
}

.qa-sub-header:nth-of-type(1) {
  margin-top: 20px;
}

/* 導入のメリット - 冒頭セクション */

.p-merit-hero .page-summary {
  margin: 0;
  padding: 0;
}

.p-merit-hero .page-summary-item {
  text-align: center;
}

.p-merit-hero .page-summary-item .summary-title {
  display: block;
  height: 40px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
}

.p-merit-hero .page-summary-item a {
  display: inline-block;
  margin-top: 5px;
  font-size: 16px;
}

.p-merit-hero .page-summary-item a:hover {
  opacity: 0.7;
  text-decoration-line: underline;
}

/* 導入のメリット - 広告主導入実績 */

.p-installation-result .achievement-chart h3 {
  margin: 0 0 10px 0;
  line-height: 1.3;
  color: #045183;
  font-size: 16px;
}

.p-installation-result .chart-criteria {
  display: inline-block;
}

/* 導入のメリット - 機能やサービス */

.p-functions-and-services h3 {
  padding: 0 20px 10px 20px;
  text-align: left;
}

.p-functions-and-services p {
  margin: 0 0 10px 0;
}

.p-functions-and-services p a:hover {
  opacity: 0.7;
}

/* 導入のメリット - サポート体制 */

.p-extensive-support-system .service-list {
  padding: 0;
  text-align: left;
}

.p-extensive-support-system .service-list-item {
  padding: 0 10px;
  box-sizing: border-box;
}

.p-extensive-support-system .service-list-item a {
  display: block;
}

.p-extensive-support-system .service-list-item a:hover {
  opacity: 0.7;
}

.p-extensive-support-system .service-list-item span {
  display: block;
  text-align: left;
}

.p-extensive-support-system .service-list-item .service-logo {
  height: 50px;
}

.p-extensive-support-system .service-list-item .service-name, .p-extensive-support-system .service-list-item .company-name {
  margin-top: 8px;
}

/* アフィリエイト広告の特徴 - アフィリエイトの仕組み */

.p-how-aff-works .step-num {
  font-size: 16px;
  line-height: 1.5;
}

.p-how-aff-works div[class^="pure-"]>p {
  line-height: 1.5;
}

/* 休暇用メッセージ */
#vc_holiday_message p {
  margin-bottom: 5px;
  line-height: 2em;
  font-size: 14px;
  padding: 0 20px;
}

/* 資料請求フォーム
--------------------------------------------------------*/

#satori_form {
  margin-bottom: 70px;
}

.satori_form {
  background: #fff;
}

.sample-block {
  width: 800px;
  margin: 0 auto 30px;
}
.satori_form h1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.satori_form h1 span {
  padding: 6px 12px;
  background-color: #023252;
  color: #fff;
  font-weight: normal;
  margin-right: 8px;
  font-size: 20px;
}
.sample-block p {
  padding: 0;
  text-align: center;
}
.sample-block .pure-g {
  justify-content: center;
}
.c-inquiry-box {
  padding-left: 16px;
  letter-spacing: 0;
}
.c-inquiry-box p {
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
  font-size: 22px;
}
.c-inquiry-box ul {
  list-style: none;
  text-align: left;
  font-size: 18px;
  line-height: 2;
  padding-left: 10px;
}
.c-inquiry-box ul li::before {
  font-family: FontAwesome;
  font-size: 1.25rem;
  content: "\f046";
  margin-right: 0.5em;
  font-weight: 900;
  color: #FF852C;
}

.satori_form .form_title {
  background: #045183;
  display: block;
  clear: both;
  text-align: center;
  padding: 20px;
  font-size: 20px;
  color: #fff;
  margin: 0;
  margin-bottom: 24px;
}

.satori__message{
  margin-top: 100px;
  margin-bottom: 60px;
  font-size: 18px!important;
  font-weight: bold;
}

/* 資料請求完了ページ
--------------------------------------------------------*/

.thanks_body {
  width: 100%;
  /*min-height: calc(100vh - 80px);*/
  background: #f2f2f2;
  border: solid 1px transparent;
}

.thanks_heaeder_wrap {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.thanks_header {
  width: 940px;
  font-size: 150%;
  font-weight: 200;
  position: relative;
  margin: 0 -20px 20px -28px;
  padding: 12px 25px;
  background-color: #b8edeb;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
}

.thanks_header:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  display: block;
  width: 8px;
  height: 5px;
  content: '';
  background-image: url(/img/common/article_header_bg.png);
  background-repeat: no-repeat
}

.thanks_main {
  width: 940px;
  margin: 50px auto;
  margin-top: 150px;
  color: #212121;
  background: #ffffff;
  padding: 20px;
}

.thanks_main p {
  line-height: 1.5em;
  margin: 50px auto;
}

.thanks_main h4 {
  margin-top: 50px;
  margin-bottom: -50px;
}

.thanks_footer {
  position: relative;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
  top: -20px;
}

/* フッター
-----------------------------------------------------------*/

nav.footer_link {
  margin-bottom: 30px;
  padding: 30px;
  border-bottom: 1px solid #eee;
  text-align: center;
}

.footer_link ul li {
  display: inline-block;
  list-style: none;
  background: url(../img/arrow_03.png);
  background-repeat: no-repeat;
  background-position: left 6px;
  padding: 5px 24px 5px 18px;
  font-size: 14px;
}

body>footer {
  text-align: center;
  padding: 0 0 32px;
  /*border-top: solid 1px #d5d4d4;*/
}

@-webkit-keyframes modify {
  0% {
    padding-top: 80px;
    margin-top: -80px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}

@keyframes modify {
  0% {
    padding-top: 80px;
    margin-top: -80px;
  }
  100% {
    padding-top: 0;
    margin-top: 0;
  }
}

#GlobalFooter {
  padding-bottom: 35px;
  background-color: #fff;
  -webkit-box-shadow: 0 -3px 3px rgba(127, 127, 127, .1);
  box-shadow: 0 -3px 3px rgba(127, 127, 127, .1);
}

#GlobalFooter .footer_row_02_inner {
  width: 940px;
  margin: 0 auto;
  background: url(/img/common/footer_logo.gif) left bottom no-repeat;
  padding: 30px 0 0;
}

#GlobalFooter .utility_navi {
  margin-bottom: 5px;
  margin-left: 180px;
  text-align: left;
}

#GlobalFooter .utility_navi ul {
  line-height: 1;
}

#GlobalFooter .utility_navi ul li {
  display: inline-block;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #eee;
  font-size: 14px;
}

#GlobalFooter .copyright {
  line-height: 1;
  margin-left: 180px;
  font-size: 12px;
  color: #ccc;
}

#GlobalFooter .copyright small {
  font-size: 90%;
}

/* ----------------------------------------
  トップへ戻るボタン
---------------------------------------- */
.backtotop {
  position: fixed;
  right: 10px;
  bottom: 70px;
  z-index: 1000;
  /* display: none; */
}

 .backtotop {
  bottom: 70px;
  /* ハックなし */
  bottom: 80px\9;
  /* IE8以下 */
  * bottom: 70px;
  /* IE7以下 */
  _ bottom: 70px;
  /* IE6 */
}

.backtotop:not(:target) {
  bottom: 70px\9;
  /* IE9 */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .backtotop {
    bottom: 70px;
    /* IE10 */
  }
}

 .backtotop a {
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0;
    font-size: 98%;
    color: #666;
    line-height: 62px;
    text-align: center;
    background-color: #eee;
    border-radius: 50%;
    display: block;
}

 .backtotop a:hover {
  background-color: #999;
  color: #eee;
}


/* バリューコマースの強み */

.p-merit-hero li img.icon_fig {
  width: 140px;
}

.personal-information-box-pad {
border: 6px solid #e5ecf2;
margin-top: 60px;
margin-bottom: 40px;
padding: 25px 40px !important;
}

.personal-information-box-pad p {
margin: 0 !important;
}

/* ショッピングカート */

.p-merit-hero .page-summary {
  margin-top: 20px;
}

.p-extensive-support-system .service-list li {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.2em;
  color: #333;
  background: none;
}

/* バリューコマースアフィリエイト -資料一覧
--------------------------------------------------------*/

.c-library-content {
  width: 100%;
  /*min-width: 940px;*/
  /* text-align: center; */
  padding-top: 100px;
  margin: 0 auto;
  background-color: #fff;
  box-sizing: border-box;
}

.c-library-content .figure-box{
  width: 940px!important;
  margin: 0 auto;
}

.c-library-content h1 {
  color: #045183;
  margin: 30px 0 ;
  font-size: 30px;
  line-height: 1.5em;
  padding: 0 10px;
}

.c-library-content h1.c-formpage {
  margin: 20px 0;
  line-height: 1.5;
  color: #045183;
  font-size: 20px !important;
}

.c-library-content h3 {
  text-align: left;
}

.c-library-content ul li {
  text-align: left;
}

.c-toc-list li{
  margin-left: 0!important;
  line-height: 1.5em!important;
}
.c-library-content li {
  margin-bottom: 5px;
  margin-left: 20px;
}

.c-library-content li p {
  padding-left: 10px;
  font-size: 15px;
}

.c-library-content p {
  font-size: 16px;
  line-height: 1.75;
  color: #333;
}
.c-library-content .text-box{
  padding: 0 0 0 20px;
  box-sizing: border-box;
}

.c-library-content .text-box ul{
    list-style: disc;
    padding: 5px 10px;
}

.c-library-box p {
  font-size: 13px;
  line-height: 1.75 !important;
}

.c-library-box figure {
  margin: 5px 15px 0 0;
  box-sizing: border-box;
  float: left\9;
  /* IE10以下 => 結果的にIE9のみ */
}

.c-library-box figure img {
  width: 100%;
}

.c-library-box strong {
  display: block;
  align-items: stretch;
  min-height: 65px;
  color: #333;
}

.c-library-box {
  padding: 20px;
  background-color: #f2f2f2;
  margin-top: 30px;
  box-sizing: border-box;
  margin-right: 15px\9;
  /* IE10以下 => 結果的にIE9のみ */
}

.c-library-box:nth-child(2n+1):last-of-type {
  margin-right: calc(100% - (4.1667%) * 13);
}

.btn_green {
  box-shadow: 0 3px 0 0 #48a9ab;
  background-color: #52c4c5;
  display: block;
  color: #fff;
  text-align: center;
  padding: 5px;
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
}

.c-library-btn_purple {
  box-shadow: 0 3px 0 0 #033d62;
  background-color: #045183;
  display: block;
  color: #fff;
  text-align: center;
  padding: 5px;
  border: 0;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 14px;
}

/* 20230427追加*/
.download-page .fa-download {
  margin-left: 0.5rem;
}
.download-page .c-library-btn_purple {
  background: #7635B1;
  box-shadow: 0 3px 0 0 #4E2376;
}
.download-page .pure-u-1 .c-library-btn_purple {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 5px 10px;
}
.download-page .highlight {
  text-align: center;
  font-weight: bold;
}

/* 202407 PICK UP追加*/
.label_pickup {
  display: inline-block;
  padding: 0.3em;
  margin: 0 0 0.5em;
  color: #A10D10;
  font-weight: bold;
  border: solid 2px #A10D10;
}

/* 料金のご案内
--------------------------------------------------------*/

.p-price-plans .plan-basic, .p-price-plans .plan-light {
  text-align: center;
}

.p-price-plans .c-panel hr {
  border-width: 0px;
  border-top-width: 1px;
  border-style: dotted;
}

.p-price-plans h4 {
  text-align: left;
  font-size: 20px;
  margin: 30px auto 10px;
}

.p-price-plans .section-sub-header {
  text-align: left;
  padding-left: 20px;
}

.p-price-plans .p-price-point-box {
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 16px;
  padding: 0 30px;
}

.p-price-box-pad {
  border: 6px solid #e5ecf2;
  margin-bottom: 20px;
  padding: 25px 40px !important;
}

.p-price-box-pad p {
  margin: 0 !important;
}

.p-price-box-pad p span {
  font-size: 80%;
}

.p-price-plans .c-panel {
  border: 6px solid #eee;
  padding: 20px;
}

.p-price-plans .c-panel p {
  margin: 10px auto 0;
}

.p-price-plans strong {
  display: inline-block;
  margin: 10px 0 15px;
}

img.fig {
  width: 100%;
}

.pure-table th.p-price-border {
  border-left-width: 1px;
}

.satori__popup_widget_530384388d020d94 .satori__popup_inner_530384388d020d94 .satori__popup_body_530384388d020d94{
  overflow-y: hidden!important;
}

/* 導入の流れ
--------------------------------------------------------*/

.p-flow-box {
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 16px;
  padding: 0 30px;
  box-sizing: border-box;
}

.p-flow-box .p-flow-boxall {
  width: 100%;
  display: table;
}

.p-flow-box .p-flow-boxall .p-flow-flowbox, .p-flow-box .p-flow-boxall .p-flow-txtbox {
  display: table-cell;
  box-sizing: border-box;
  height: auto;
  vertical-align: middle;
  padding: 10px;
}

.p-flow-txtbox ul {
  font-size: 14px;
  text-align: left;
  margin: 10px 10px 10px 35px;
  line-height: 1.6em;
}

.p-flow-txtbox ul li span {
  color: #999;
}

.p-flow-flowbox p {
  font-weight: bold;
  text-align: center;
  margin: 0;
  font-size: 1em;
  line-height: 1.6em;
}

.p-flow-txtbox p {
  text-align: left;
  margin: 0;
  padding: 10px;
}

.p-flow-txtbox p b.ttl {
  font-size: 110%;
}

.p-flow-box .p-flow-navy {
  background: #6897b5;
}

.p-flow-box .p-flow-navy p {color: #fff;}

.p-flow-box .p-flow-navy-border {
  border: 2px solid #6897b5;
}

.p-flow-box .p-flow-gray {
  background: #eee;
}

.p-flow-box .p-flow-gray-border {
  border: 2px solid #eee;
}

.p-flow-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 20px 0 20px;
  border-color: #5b98b8 transparent transparent transparent;
  margin: 20px auto;
}

.p-flow-triangle02 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 20px 0 20px;
  border-color: #e0ebff transparent transparent transparent;
  margin: auto;
  margin-bottom: 20px;
}

.p-flow-txtbox .p-flow-img {
  margin-top: 50px;
}

p.p-flow-link_over {
  text-align: center;
  margin-bottom: 20px;
  line-height: 2em;
  font-size: 14px;
  color: #65397c;
}

p.p-flow-link_over02 {
  text-align: center;
  margin-bottom: 20px;
  line-height: 2em;
  font-size: 14px;
  color: #045183;
  width: 450px;
  background-color: #e0ebff;
  margin: auto;
  padding: 10px 0;
}

p.p-flow-link_over02 strong {
    display: inline-block;
    margin: 0;
}

@media screen and (max-width: 767px) {
p.p-flow-link_over02 {
  width: 85%;
  padding: 10px 0 !important;
}
}

.p-flow-wrap .ref-support-content {
  background-color: #f2f2f2;
  margin: 20px 20px;
  padding: 25px 5px 5px;
}

/* サンキューページ
--------------------------------------------------------*/

.thanks_body h1 {
  font-size: 24px;
  margin: -30px 0 0 !important;
  line-height: 1.5em;
}

.thanks_body h4 {
  font-size: 16px;
  text-align: left;
}

.thanks_body .c-thanks-formbox {
  background: #fff;
  padding: 20px;
  margin: 20px auto;
}

.thanks_body p {
  font-size: 16px;
  line-height: 2;
  color: #333;
}

/* satori
--------------------------------------------------------*/

.c-satori-content {
  width: 100%;
  min-width: 940px;
  text-align: center;
  padding-top: 100px;
  margin: 0 auto;
  background-color: #fff;
}

.c-satori-content .l-block {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 0px;
  text-align: center;
}

.c-satori-content h2 {
  margin: 0 0 15px;
  line-height: 1;
  color: #045183;
  font-size: 20px;
}

.c-satori-content h3 {
  text-align: left;
  padding: 0;
  margin: 0;
}

.c-satori-content ul {
  text-align: left;
  margin: 0;
  padding: 0 0 0 12px;
}

.c-satori-content li {
  margin-bottom: 5px;
}

.c-satori-content li p {
  padding-left: 10px;
}


/* 導入事例
  --------------------------------------------------------*/


.casestudy_entry{
  display:-webkit-box;
  display:-moz-box;
  display:-webkit-flexbox;
  display:-moz-flexbox;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  margin: 0;
  width: 100%;

}

.casestudy_entry_item{
  padding: 20px;
  background-color: #f2f2f2;
  margin: 10px;
  list-style: none;
  width: 253px;
  height: 370px;
  text-align: left;
}

.casestudy_entry_item:hover{
  background-color: #e5ecf2;
  cursor: pointer;

}

.casestudy_entry_item_image{
  margin-bottom: 15px;
}

.casestudy_entry_item_image img{
  width: 100%;
  height: auto;
}



.casestudy_entry_item_category{
  padding: 5px;
  background: #6897b5;
  color: #FFF;
  display: inline-block;
  margin-bottom: 15px;
  font-size: 12px;
}

.casestudy_entry_item_text h3{
  color: #333333;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.2;
}

.casestudy_entry_item_text p{
  line-height: 1.6!important;
  padding: 0;
  margin-bottom: 0px;
  color: #333333!important;
}

.casestudy_entry_item_text_morelink{
  text-align: right;
  /* font-size: 110%; */
  padding-top: 5px;
}

#TopicPath{
    width: 940px;
    text-align: center;
    padding-top: 103px;
    margin: 0 auto;
}


/* 詳細 */

.p-casestudy-hero .l-block{
    padding-bottom: 30px;
}


.casestudy_summary{
  margin-top:30px;
}

.casestudy_summary_title {
    text-align: left;
    margin-bottom: 20px;
}


.casestudy_summary_title_left{
  display: inline-block;
  width: 19%;
  vertical-align: top;
  width: 179px;
}

.casestudy_summary_title_left img{
  border:1px solid #ccc;
}

.casestudy_summary_title_right{
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.casestudy_summary_title_right h1{
  font-size: 24px;
  margin: 5px 0 12px;
}

.casestudy_summary_title_company{
  font-size: 18px;
  font-weight: bold;

}


.casestudy_summary_description{
  margin-bottom: 20px;
}

.casestudy_summary_description_date{
  text-align: right;
  padding: 0 0 10px;
  color: #999;
}

.casestudy_summary_description_left{
  display: inline-block;
  width: 41%;
  padding-right: 2%;
  vertical-align: top;
}

.casestudy_summary_description_right{
  display: inline-block;
  width: 56%;
  vertical-align: top;
}

.casestudy_summary_description_right p{
  font-size: 14px;
  color: #333;
}

.casestudy_summary_description_right_cooperation{
  font-size: 12px;
  color: #333;
  line-height: 1.6;
  text-align: right;
  padding-top: 15px;
}

.casestudy_summary_description_right_cooperation_text{
  display: inline-block;
  text-align: left;
  padding-right: 25px;
}

.casestudy_summary_description_right_cooperation_img{
  display: inline-block;
}

.casestudy_summary_point {
  padding: 10px 0 0;
  text-align: left;
  font-size: 14px;
}

.casestudy_summary_point_title {
  margin-right: 15px;
  background: #f2f2f2;
  padding: 0px 5px;
  width: 5%;
  display: inline-block;
  text-align: center;
  line-height: 2;
  vertical-align: top;
  margin: 5px 0;
  min-width: 45px;
}

.casestudy_summary_point_text{
  display: inline-block;
  width: 88%;
  line-height: 1.5;
  padding: 8px 0 0 12px;
}

.casestudy_summary_point_text br{
  line-height: 2;
}

.casestudy_detail_profile {
  margin-bottom: 40px;
}
.casestudy_detail_profile h3{
  text-align: left;
  color: #045183;
  font-size: 18px;
}

.casestudy_detail{
  font-size: 14px;
  line-height: 2;
  margin-bottom: 20px;
}


.casestudy_detail th,.casestudy_detail td {
    border: solid 1px;
}

.casestudy_detail table {
    border-collapse:  collapse;
    width:  100%;
    font-size: 13.5px;
    line-height: 1.6;
}

.casestudy_detail th {
    width:  24%;
    text-align: left;
    padding: 1% 0.5% 1% 1.5%;
    font-weight: normal;
    border: 1px solid #ccc;
    background: #f2f2f2;
}

.casestudy_detail td {
    text-align: left;
    padding: 1% 0.5% 1% 1.5%;
    border: 1px solid #ccc;
}

.casestudy_detail h2{
  margin: 25px auto 25px auto;
}

.other_casestudy{
  margin-bottom: 20px;
}

.other_casestudy_title{
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
}

.other_casestudy_title h3{
  text-align: left;
  color: #045183;
  font-size: 18px;
  display: inline-block;
  width: 49%;
}

.other_casestudy_title .go_back_index{
  display: inline-block;
  text-align: right;
  width: 49%;
}

.related_articles{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin: 0;
    width: 940px;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;

}

.related_articles_item{
  padding: 15px;
    background-color: #f1f1f1;
    margin: 5px;
    list-style: none;
    width: 195px;
    height: 250px;
    text-align: left;
}


.related_articles_item:hover {
    background-color: #e5ecf2;
    cursor: pointer;
}

.related_articles_item_image img{
  width: 100%;
  height: auto;
}

.related_articles_item_text {
  margin-bottom: 15px;
}

.related_articles_item_text h4 {
  margin-bottom: 5px;
  line-height: 1.6;
  font-size: 12px;
}

.related_articles_item_text p {
    font-size: 12px!important;
    line-height: 1.6!important;
    padding: 0;
    margin-bottom: 5px;
    color: #333333!important;
}

.related_articles_item_text_morelink{
  text-align: right;
  font-size: 12px;
}

/*  アドフラウド対策、ブランドセーフティの取り組み強化 */
.block {
    margin-top: 40px;
}
.box_white {
    background-color: #FFF;
    padding: 40px;
}
.flex_container {
    display: flex;
}
.ad_fraud_img {
    display: block;
    margin: 0 auto;
}
.p10 {
    padding:10px !important;
}

/* よくある質問
--------------------------------------------------------*/
.c-faq-list {
    padding: 20px 30px;
    text-align: left;
}

.c-faq-list li{
    width: 47%;
    text-align: left;
    list-style: none;
    background: url(../img/arrow_04.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding: 5px 5px 8px 18px;
    font-size: 14px;
    display: inline-block;
}

.h2_adjustment {
    margin-top: -90px;
    padding-top: 90px;
}

span.c-faq-h2{
  display: block;
  background: #045183;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    line-height: 1.4;
    padding: 20px 20px 15px;
    margin: 0 0 20px;
}

/* LP用コンテンツ */

.c-lp-content {
  padding-top: 120px;
}

.c-lp-content p, th, td{
  font-size: 16px;
  margin-bottom: 16px;
}

.c-lp-content #satori__creative_container {
  padding-top: 100px;
  margin-top: -100px;
  text-align: left;
}
/* 共有パーツ
--------------------------------------------------------*/

.c-linkBox {
  border: 1px solid #ccc;
  padding-top: 30px;
  margin: 30px 0 0;
}
.pure-img {
  display: inline-block;
  box-sizing: border-box;
}
.pure-img2 {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.pure-img3 {
  width: 100%;
  margin-bottom: 10px;
}
.pure-img4 {
  display: block;
  margin: 0 auto;
}
.s_ttl {
  font-size: 22px;
  font-weight: normal;
}
.f-01 {
  text-align: center;
}
.btn02 a {
  display: inline-block;
  margin-top: 12px;
  font-size: 16px;
}
.banner-text {
  margin: 0 15px 20px 15px;
    border: solid 1px #777;
    padding: 5px;
    color: #595757;
    line-height: 1.3;
}


.single_faq_bottom{
  margin-bottom: 20px;
}



.satori__custom_form{
  text-align: left!important;
}

/* .pure-g, .pure-g-r {
  font-family: Arial;
} */


/* 目次 */
.toc{
  background-color: #fff;
  border-color: #ccc;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  margin: 2rem 1rem;
  padding: 1rem;
}

.toc-header{
  margin-bottom: 0.5rem;
  text-align: left;
}

.toc-list{
  margin: 0 1.5rem;
  padding: 0;
  text-align: left;
}

.toc-list li.toc-item {
  padding-left: 0;
  margin-bottom: 0.5rem;
}

.toc-list ul li{
  margin-left: 1rem;
  margin-top: .5rem;
}

.toc-link {
  height: 1px;
  display: block;
  padding-top: 80px;
  margin-top: -80px;
}

@media screen and (max-width: 767px)  {
  .toc-link {
    padding-top: 20px !important;
    margin-top: -20px !important;
  }

}




/* CASE　サービス別出稿企業
--------------------------------------------------------*/
.case-list{
  text-align: left;
  margin:10px 20px;
}

.case-list li{
  line-height: 1.75em;
  margin: 0 1rem;
}

.case-table{
margin: 1rem 1rem;
}

.case-table td{
  text-align: left;
}

@media screen and (min-width: 768px) {
  .case-table{
    width: 96%;
  }
}

.case-panel{
  border-color: #ccc;
  border-radius: 8px;
  border-style: solid;
  border-width: 1px;
  margin: 2rem 1rem;
  padding: 1rem;
}

.case-panel h4:first-child{
  margin-top: 0;
}
.case-panel p:last-child{
  margin-bottom: 0;
}

.case-block{
  margin-bottom: 20px;
  line-height: 1.75em;
  padding: 0 20px;
  text-align: left;
}


.anchorlink  {
  padding-top: 100px;
  margin-top: -100px !important;
}
@media screen and (max-width: 768px) {
  .anchorlink  {
    padding-top: 50px;
    margin-top: -50px !important;
  }
}


.case-marker{
  background: linear-gradient(transparent 60%, #C5ECED 60%);
}

.text-nowrap{
  white-space: nowrap;
}


@media screen and (min-width: 768px) {
  img.logo {
    width: 95px;
  }
  #InquiryFooter {
    display: none !important;
  }
}

/* 固定フッター
--------------------------------------------------------*/

/* ------------------------------------------------------------
max-width: 767px
-------------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  /* 共通設定
--------------------------------------------------------*/
  /* 見出し */
  .section-sub-header {
    font-size: 18px;
    padding: 9px 10px 6px 10px;
    margin: 20px 10px;
  }
  .section-header {
    background: #045183;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    padding: 20px 10px 15px;
    margin: 0 0 20px;
  }
  /* Button：ボタン
--------------------------------------------------------*/
  .button-inquiry .fvbtn {
    width: 100%;
  }
  .button-inquiry .btn {
    width: 80%;
  }
  .button-inquiry--large, .button-inquiry--medium {
    /*background: transparent url(../img/btn_02.png) no-repeat;
  width: 546px;
  height: 94px;
    box-shadow: 0 6px 0 0 #7735b1;
    background-color: #a876d6;*/
    display: block;
    color: #fff;
    text-align: center;
    padding: 8px;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 19px;
    line-height: 2;
    width: 90%;
    margin: 0 auto 10px;
  }
  .button-inquiry--large>span, .button-inquiry--medium>span {
    padding: 7px 9px 9px;
    background: #FFF;
    color: #663e79;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px;
  }
  /* Layout：レイアウト用クラス
--------------------------------------------------------*/
  .l-block {
    width: 100%;
  }
  /*  Component:共通パーツ設定
--------------------------------------------------------*/
  /* グローバルヘッダー */
  .c-gnav {
    display: none;
  }
  .c-mast-head {
    height: 50px;
    background-color: transparent;
  }
  .head-line {
    background-color: #fff;
    width: 100%;
    margin: 0;
    height: 50px;
  }
  .vclogo img {
    width: 131px;
    margin: 8px 0 0 8px;
  }

  .head-btn-area{
    display: none;
  }

  .head-btn-area img {
    width: 105px;
    margin: 8px 0 0 -2px;
  }

  .head-btn-area a:first-child {
      display: none;
  }

  .link_header_as{
    display: none;
  }

  .sp_header_menu_item {
    display: block;
    float: left;
    width: 33px;
    height: 31px;
    margin-right: 16px;
    background: url(https://www.sanwa.lol/img/common/sp/icon_menu_spr.png) 0 0/auto 31px no-repeat;
  }
  .sp_header_menu_item:last-child {
    width: 33px;
    margin: 9px 0 0 6px;
  }
  /* Gナビ */
  .c-gnav {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 1100;
    display: none;
    left: 0;
  }
  /* バーガーメニュー */
  #GlobalNavii {
    display: none;
  }
  .gnav-list {
    width: 100%;
  }
  .gnav-item {
    display: table-cell;
    height: 44px;
    padding-top: 0;
    /* vertical-align: middle; */
    font-size: 14px;
    line-height: 44px;
    display: block;
    color: #fff;
    text-align: center;
    background-color: #999;
    border-bottom: 1px solid #fff;
    width: 100%;
  }
  .gnav-item a {
  color: #fff;
  }

  .gnav-item a:hover {
    /* text-decoration: underline; */
    background: none;
    border-bottom: none;
  }
  .gnav-item_p {
    background-color: #a876d6;
  }
  .gnav-item_g {
    background-color: #4297d1;
  }
  .gnav-list a.current {
    background-color: #999;
    text-decoration: none;
    border-bottom: none;
  }
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
  }
  .hide_txt {
    display: block;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
  }
  .sp_header_menu_gnav.is-active {
    background-position: -39px 0;
  }
  .btn_header {
    display: none !important;
  }
  .btn_header_sp {
    display: block !important;
  }
  .sp_header_menu {
    display: block !important;
  }
  .pure-u-11-24, .pure-u-13-24 {
    width: 100%;
  }
  /* パネル */
  .c-panel.c-panel--grey {
    /* font-size: 20px; */
  }

  /*パンくず*/
  #topic_path p{
    display: none;
  }

  /* 目次(アイコンつき)リスト */
  .c-toc-list {
    padding: 0;
  }
  /* 料金プラン表 */
  .c-plan-table {
    font-size: 12px;
  }
  .c-plan-table .commission span {
    font-size: 12px;
  }
  /* Q&Aリスト */
  /* 先頭コンテンツ */
  .c-hero-content {
    min-width: 0;
    padding-top: 50px;
  }
  .c-hero-content h1 {
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.5em;
    padding: 0 10px;
  }

  /*トップ*/
  .c-hero-content h1 .top-mv-title{
    width: 100%;
  }

  /*/トップ*/
  .c-hero-content h2 {
    font-size: 24px;
    line-height: 1.3em;
    padding: 0 10px;
  }
  .c-hero-content p {
    padding: 0 10px;
  }
  /* 通常コンテンツ */
  .c-subordinate-section p {
    padding: 0 20px !important;
    margin-bottom: 0px;
  }

  .c-subordinate-section ul {
      margin: 20px 10px 10px;
  }

  .banner_wrap {
    padding: 0px 10px 10px;
    margin: 10px;
  }
  .pure-u-11-24 {
    margin-top: 10px;
  }

  /* Q&Aリスト */
  .c-qa-list p {
    padding: 0!important;
    line-height: 1.5!important;
  }

  /* 申し込みの流れ図版 */
  figure.c-flow-fig {
    box-sizing: border-box;
    margin: 10px;
  }
  .c-flow-pcshow {
    display: none;
  }
  .c-flow-spshow {
    display: block;
    width: 100%;
  }
  /* 資料請求ボタン・申し込みリンク */
  /* Project: 個別セクション要素に関する設定
--------------------------------------------------------*/
  /* トップ - 冒頭セクション */

  .header-wrap {
    background: url(../img/mv_pc.jpg) no-repeat center center;
    background-size: cover;
  }

/*
  .p-top-hero h1 {
    font-size: 20px;
    margin: 0 0 0 10px;
  }
  .p-top-hero h1>span {
    font-size: 38px;
  }
  .p-top-hero p {
    font-size: 18px;
    padding-top: 10px;
  } */
  .p-top-hero .c-main-area {
    width: 94%;
    padding: 0 10px;
  }
  .p-top-hero .c-cta-area .c-cta-inquiry {
    width: 94%;
    margin: 0 auto;
  }
  .c-cta-area .c-cta-inquiry {
    width: 94%;
    margin: 0 auto;
  }

  .top-cta-sub p{
    font-size: 16px;
  }

  .c-title_02 {
    width: 95%;
  }
  .br-sp {
    display: inline;
  }

  /*トップ - イントロ*/
  #intro h3.top_item_headline{
    margin-top: 40px;
  }

.triangle img{
  width: 70%;
}

  /*トップ- 課題解決*/
.intro-solution{
  padding: 0 10px 10px;
  box-sizing: border-box;
}
.intro-solution .intro_point{
  padding: 10px;
}

.intro-solution img.intro-silution-img{
  width: 100%;
}

.intro_point h3.top_item_headline{
  margin-top: 20px!important;
}

.intro-solution .intro_point li{
  align-items: flex-start;
}

.intro-solution .intro_point li .point3icon-txt{
  width: 100%;
}

  /*トップ - 導入事例*/
  .casestudy_entry_item_text p{
    padding: 0!important;
  }

  /* トップ - アフィリエイトの特徴 */
  .p-top-feature h2 {
    font-size: 16px;
    padding: 0 10px;
  }
  .p-top-feature h2>span {
    font-size: 20px;
  }
  .p-top-feature .reward-flow img {
    width: 98%;
    margin: 0 auto;
    float: inherit;
  }
  .p-top-feature .reward-flow {
    height: 20%;
  }

  /*モニキャン、キャストブックの特長*/
  ul.feature_block_2 h3.top_item_headline{
    margin: 20px;
  }

  .feature_block_2 li.assignment{
    font-size: 14px;
  }

  /* トップ - 選ばれている理由 */
  .p-top-media .c-panel-group {
    margin-top: 0;
  }
  .p-top-media .c-panel-group .c-panel {
    margin: 0 15px 15px;
    padding: 0 5px 10px;
  }
  .p-top-media .c-panel-group .c-panel:not(:last-child) {
    border-right: 0;
    padding: 0 5px 10px;
  }
  .p-achievement .achievement-chart {
    display: block;
    margin: 10px 10px 0;
  }
  /* トップ - お客様の声 */
  .p-top-customers h3 {
    font-size: 16px;
    padding: 10px 10px 0 10px;
  }
  .p-top-customers h2 {
    font-size: 20px;
  }
  .p-top-customers h2>span {
    font-size: 12px;
  }
  .p-top-customers .c-panel {
    margin: 0 10px;
  }
  .p-top-customers .c-panel figure {
    margin: 5px 15px 0;
    padding: 20px;
  }
  .p-top-customers h4.cosme, .p-top-customers h4.health {
    background: none;
    width: 150px;
    height: 30px;
    margin-top: 0;
    text-indent: 0;
    white-space: inherit;
    overflow: visible;
    margin: 0 0 0 10px;
  }
  /* トップ - 料金プラン */
  .p-top-plans .c-panel {
    margin: 0 10px 10px;
  }
  .p-top-plans .c-panel p {
    margin: 0;
  }
  /* トップ - 導入の流れ */
  .p-top-flow .question-ballon {
    margin: 0 10px 10px;
    font-size: 14px;
    padding: 5px 5px 5px 50px !important;
  }
  .p-top-flow .ref-support-content {
    margin: 10px;
    padding: 20px 15px 15px;
  }
  .p-top-flow .ref-support-content p {
    padding: 0 !important;
  }
  /* トップ - よくあるご質問 */
  .qa-sub-header {
    padding: 9px 10px 6px 10px;
    margin: 20px 10px;
  }
  /* 導入のメリット - 冒頭セクション */
  /* 導入のメリット - 広告主導入実績 */
  /* 導入のメリット - 機能やサービス */
  .p-functions-and-services h3 {
    padding: 0!important;
  }
  /* 導入のメリット - サポート体制 */
  /* アフィリエイト広告の特徴 - アフィリエイトの仕組み */
  /* 資料請求フォーム
--------------------------------------------------------*/

.sample-block {
  width: auto;
}
.sample-block .pure-u-14-24 {
  width: 100%;
}
.sample-block img {
  padding: 20px;
}
.sample-block .c-inquiry-box {
  padding: 0;
}
.sample-block .c-inquiry-box ul {
  margin: 0;
}

  /* 資料請求完了ページ
--------------------------------------------------------*/
  /* フッター
---------------------------------------------------------*/
  .footer_link ul li {
    line-height: 1.8;
    padding: 0px 24px 5px 18px;
  }
  #GlobalFooter .footer_row_02 {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 16px 0 0;
    background-color: transparent;
    margin-bottom: 12px;
  }
  #GlobalFooter .footer_row_02_inner {
    width: auto;
    background: url(/img/common/footer_logo.gif) 10px top/121px auto no-repeat;
  }
  #GlobalFooter nav.footer_link {
    margin-bottom: 5px;
  }
  #GlobalFooter .utility_navi {
    margin: -30px 0 0 140px;
  }
  #GlobalFooter .utility_navi ul li {
    float: left;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
  }
  #GlobalFooter .utility_navi ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  #GlobalFooter .utility_navi ul li:after {
    content: '|';
    display: inline-block;
    margin: 0 1em;
    color: #eee;
  }
  #GlobalFooter .utility_navi ul li:last-child:after {
    content: '';
    font-size: 0;
    margin: 0;
  }
  #GlobalFooter .copyright {
    margin: 0 0 0 8px;
    clear: left;
    padding-top: 4px;
    color: #777;
  }



  /* アフィリエイト広告の特徴
--------------------------------------------------------*/
  .c-aboutaff-box {
    padding: 0 10px;
    margin-top: 1em;
  }
  /* アフィリエイト広告の特徴
--------------------------------------------------------*/
  /* バリューコマースの強み */
  .personal-information-box-pad {
    border: 6px solid #e5ecf2;
    margin-bottom: 20px;
    padding: 20px !important;
    margin-top: 60px;
  }

  /* ショッピングカート */
  .p-merit-hero .page-summary {
    margin-top: 20px;
  }
  .p-merit-hero .page-summary-item .summary-title {
    display: block;
    height: auto;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: bold;
    padding: 0 8px;
  }
  .p-extensive-support-system .service-list li {
    margin-bottom: 40px;
  }
  /* バリューコマースアフィリエイト -資料一覧
--------------------------------------------------------*/
  .c-library-content {
    width: 100%;
    /*min-width: 940px;*/
    text-align: center;
    padding: 60px 0 0;
    margin: 0 auto;
    background-color: #fff;
  }

  .c-library-content .figure-box{
    width: 100%!important;
  }

  .c-library-content h1 {
    color: #045183;
    margin: 20px 0;
    font-size: 26px;
    line-height: 1.5em;
    padding: 0 10px;
  }
  .p-functions-and-services h3 {
    margin: 20px 10px 10px;
    text-align: left;
    padding: 0 10px;
    line-height: 1.5em;
  }
  .c-library-content p{
    padding: 0 10px;
  }
  .c-library-content h3 {
    padding: 0 10px;
    line-height: 1.6;
  }

  .c-library-content li{
    list-style-type: disc;
    margin-left: 20px;
  }
  .c-library-content .c-spbox {
    padding: 0 10px;
  }

  .c-library-content .image-box,.text-box {
    width: 100%;
  }

  .c-library-content .text-box {
    padding: 20px 10px 0!important;
    box-sizing: border-box;
  }

  .c-toc-list li.down {
    list-style: none;
    background: url(../img/arrow_04.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding: 5px 10px 5px 20px;
    font-size: 14px;
    min-height: auto;
    box-sizing: border-box;
    line-height: 1.5em;
    margin: 0 0 5px 4px;
  }
  .c-library-box {
    padding: 20px 25px !important;
    margin: 20px 20px 0 !important;
  }
  .c-library-box p {
    font-size: 14px !important;
  }
  .c-library-box a strong.ttl {
    font-size: 18px !important;
    line-height: 1.5em !important;
    margin-bottom: 10px;
  }
  .c-library-box strong {
    min-height: inherit !important;
  }
  .c-library-btn_purple {
    box-shadow: 0 3px 0 0 #033d62;
    background-color: #045183;
    display: block;
    color: #fff;
    text-align: center;
    padding: 10px;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  .btn_purple {
    box-shadow: 0 3px 0 0 #421f63;
    background-color: #663e79;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5px;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
  }
  /* 料金のご案内
--------------------------------------------------------*/
  .p-price-plans .plan-basic, .p-price-plans .plan-light {
    text-align: center;
    margin: 5px 10px;
  }
  .p-price-plans .p-price-point-box {
    padding: 0 10px;
  }
  .p-price-plans .p-price-point-box h4 {
    font-size: 16px;
    margin: 10px auto 10px;
  }
  .p-price-box-pad {
    border: 6px solid #e5ecf2;
    margin-bottom: 20px;
    padding: 20px !important;
    margin-top: 20px;
  }
  .p-price-point-box p {
    padding: 0 !important;
  }
  /* 導入の流れ
  --------------------------------------------------------*/
  .p-flow-wrap .l-block {
    overflow: hidden;
  }
  .p-flow-box .p-flow-boxall .p-flow-flowbox, .p-flow-box .p-flow-boxall .p-flow-txtbox {
    box-sizing: border-box;
    vertical-align: top;
    padding: 8px;
  }
  div.p-flow-flowbox p {
    padding-top: 10px !important;
  }
  .p-flow-box {
    margin-bottom: 20px;
    line-height: 2em;
    font-size: 16px;
    padding: 0 10px;
    width: 100% !important;
    float: left;
  }
  .p-flow-flowbox p {
    font-weight: bold;
    text-align: center;
    margin: 0;
    font-size: 0.9em;
    line-height: 1.6em;
    padding: 0 !important;
  }
  .p-flow-navy, .p-flow-txtbox, .p-flow-gray, .p-flow-gray-border {
    width: 100% !important;
    float: left;
  }
  .p-flow-txtbox p {
    text-align: left;
    margin: 0;
    padding: 10px !important;
  }
  .p-flow-txtbox ul {
    font-size: 14px;
    text-align: left;
    margin: 10px 20px;
    line-height: 1.6em;
  }
  .p-flow-txtbox li {
    margin-bottom: 10px;
  }
  .p-flow-txtbox li:last-child {
    margin-bottom: 0;
  }
  .p-flow-txtbox .p-flow-img {
    margin-top: 10px !important;
  }
  .p-flow-img img {
    margin-top: 10px !important;
  }
  /* サンキューページ
  --------------------------------------------------------*/
  .thanks_body h1 {
    font-size: 18px;
    margin-top: 20px !important;
    line-height: 1.5em;
  }
  .thanks_body .c-thanks-formbox {
    background: #fff;
    padding: 20px;
    margin: 10px;
  }
  .thanks_body p {
    font-size: 16px;
    line-height: 2;
    color: #333;
    padding: 10px;
  }
  /* satori
  --------------------------------------------------------*/
  .c-satori-content {
    width: 100%;
    min-width: 840px;
    text-align: center;
    padding-top: 100px;
    margin: 0 auto;
    background-color: #fff;
  }
  .c-satori-content .l-block {
    width: 840px;
    margin: 0 auto;
    padding-bottom: 0px;
    text-align: center;
  }
  .c-satori-content h2 {
    margin: 0 0 15px;
    line-height: 1;
    color: #39b1b2;
    font-size: 20px;
  }
  .c-satori-content h3 {
    text-align: left;
    padding: 0;
    margin: 0;
  }
  .c-satori-content ul {
    text-align: left;
    margin: 0;
    padding: 0 0 0 12px;
  }
  .c-satori-content li {
    margin-bottom: 5px;
  }
  .c-satori-content li p {
    padding-left: 10px;
  }


  /* 成功事例
  --------------------------------------------------------*/
  .casestudy_entry_item{
    width: 100%;
    height: auto;
  }


  /* 詳細 */

  .casestudy_summary {
    margin: 20px 10px 10px;
  }

  .casestudy_summary_point {
    line-height: 2;
  }

  .casestudy_summary_point_title {
    width: 5%;
  }


  .casestudy_summary_point_text{
    width: 81%;
    padding: 8px 0 0 5px;
  }

  .casestudy_summary_title_right {
    width: 75%;
  }

  .casestudy_summary_description_left {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .casestudy_summary_description_left img {
    width: 100%;
    height: auto;
  }

  .casestudy_summary_title_left {
    width: 23%;
  }

  .casestudy_summary_title_left img {
    width: 100%;
    height: auto;
  }


  .casestudy_summary_title_right h1 {
    font-size: 21px;
    margin: 0 0 12px;
    padding: 0 0 0 10px;
  }


  .casestudy_summary_title_company {
    font-size: 16px;
  }


  .casestudy_summary_description_right {
    width: 100%;
  }

  .casestudy_summary_description_right p{
    padding: 0;
  }

  .casestudy_summary_description_right_cooperation{
    text-align: left;
  }

  .casestudy_summary_description_right_cooperation_text {
    padding-right: 0;
    width: 73%;
  }

  .casestudy_summary_description_right_cooperation_img {
      display: inline-block;
      width: 25%;
      height: auto;
      text-align: right;
  }



  .casestudy_detail {
    margin: 20px 10px 10px;
  }

  .casestudy_detail img {
    max-width: 100%;
    height: auto;
  }
  .casestudy_detail table {
      font-size: 12px;
  }

  .casestudy_detail th {
      width:  30%;
      text-align: left;
      padding: 1.5% 0.5% 1.5% 1.5%;
  }


  .casestudy_detail td {
      padding: 1.5% 0.5% 1.5% 1.5%;
  }

  .casestudy_detail_profile h3 {
      font-size: 16px;
  }

  .other_casestudy {
    margin-bottom: 0;
  }

  .other_casestudy_title h3 {
    font-size: 16px;
  }

  .related_articles{
    display: block;
    width: 100%;
    padding-bottom: 0px;
  }

  .related_articles_item {
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 0;
    background: none;
  }

  .related_articles_item:hover {
    background: none;
    cursor: pointer;
  }


  .related_articles_item_image {
      display: inline-block;
      width: 26%;
  }

  .related_articles_item_image img {
      border: 1px solid #ccc;
  }

  .related_articles_item_text {
      display: inline-block;
      vertical-align: top;
      width: 70%;
      padding-left: 2%;
  }

  .related_articles_item_text_morelink{
    display: none;
  }

/*  アドフラウド対策、ブランドセーフティの取り組み強化 */
  .flex_container {
      flex-wrap: wrap;
      align-items: flex-start;
  }
  .ad_fraud_img {
      display: inline-block;
      box-sizing: border-box;
      max-width: 100%;
      height: auto;
  }

  /* よくある質問
--------------------------------------------------------*/
.c-faq-list {
    padding: 20px!important;
    margin-top: 20px!important;
}
.c-faq-list li{
    width: 90%;
    text-align: left;
    list-style: none;
    background: url(../img/arrow_04.png);
    background-repeat: no-repeat;
    background-position: left 10px;
    padding: 2px 5px 5px 18px;
    font-size: 13px;
    display: flex;
}

.h2_adjustment {
    margin-top: 0;
    padding-top: 0;
}

  /* 共有パーツ
--------------------------------------------------------*/
  .plr10 {
    padding: 0 10px;
  }
  .pt10_sp {
    padding-top: 10px;
  }
  .pt20_sp {
    padding-top: 20px;
  }
  .c-linkBox {
    width: 94%;
    margin: 0 auto 0;
    padding: 20px 15px;
    box-sizing: border-box;
    line-height: 2em;
  }
  .btn02 img {
    width: 80%;
    height: auto;
  }
  .btn02 a {
    display: inline-block;
    margin-top: 12px;
    font-size: 16px;
  }
  .pure-img4 {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
  /* 固定フッター
--------------------------------------------------------*/
  #InquiryFooter {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #e2e2e2;
    padding: 10px 0;
  }
  .btn_footer {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 7px 16px;
    border: 0;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 11px;
    line-height: 2;
    height: 38px;
    margin: 0 2px;
  }
  .btn_footer:hover {
    opacity: .7;
  }
  .btn_footer_p {
    box-shadow: 0 3px 0 0 #4e2376;
    background-color: #7635B1;
  }
  .btn_footer_g {
    box-shadow: 0 3px 0 0 #226086;
    background-color: #4297d1;
  }
  .btn_footer>span {
    padding: 2px 2px;
    background: #FFF;
    color: #663e79;
    font-size: 8px;
    font-weight: bold;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
  }
  .satori__popup_close, #satori__popup_widget {
    display: none;
  }
}
  /* CTAボタン
--------------------------------------------------------*/
.d-block {
  display: block !important;
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
}