@charset "UTF-8";
/* CSS Document */
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
blog top
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*@font-face {
font-family: 'darts';
font-display: swap;
src: url('../../font/darts.ttf') format('truetype');
}*/
.articles {
  padding-bottom: 75px;
}
.fv {
  background: url("../../img/blog/bg_blog_pc.jpg") no-repeat center center/cover;
}
.fv > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
  height: 100%;
  min-height: 300px;
}
.fv span {
  background: #000;
  color: #fff;
  display: inline-block;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 3.6rem;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 15px;
}
.case-study .fv span {
  font-family: ryo-gothic-plusn, sans-serif;
  letter-spacing: 0.2em;
}
.case-study .swiper-container .cases {
  -ms-flex-negative: none;
  flex-shrink: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.case-study .cases > * {
  width: 50%;
}
.case-study .cases figure {
  background: #00d9ec;
  padding: 20px;
}
.case-study .cases figure img {
  width: 100%;
  height: auto;
}
.case-study .cases div {
  background: #fff;
  padding: 15px;
}
.case-study .cases div p {
  font-size: 1.4rem;
  line-height: 1.5;
}
.case-study .cases div p + p {
  margin-top: 1em;
}
.case-study .swiper-container span {
  padding: 0;
}
.case-study .swiper-button-next, .case-study .swiper-button-prev {
  border: 5px solid #fff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background: #fff;
}
/*conts*/
.conts {
  background: url("../../img/bg-txtlogo.svg") 10% center/7% fixed no-repeat;
}
/*ttl*/
.blog .conts h2 {
  text-align: center;
  position: relative;
  margin-bottom: 60px;
}
.blog .conts h2 span {
  background: #fff;
  font-size: 3rem;
  font-weight: bold;
  padding: 0 1em;
  position: relative;
  z-index: 2;
}
.blog .conts h2::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 50%;
  z-index: 1;
}
.blog-contact {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  color: #fff;
  max-width: 400px;
  width: 100%;
  margin: 50px auto 30px;
  padding: 15px;
  text-align: center;
  position: relative;
}
/*pagenation*/
.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px auto;
}
.pagenation li {
  width: 40px;
  height: 50px;
  text-align: center;
}
.pagenation li + li {
  margin-left: 15px;
}
.pagenation li a, .pagenation li span {
  display: block;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 50px;
  -webkit-transition: .3s;
  transition: .3s;
}
.pagenation li a:hover {
  opacity: .5;
}
/*each style*/
/*b-blog*/
.b-blog .conts h2::before {
  background: #09c90d;
}
.b-blog .blog-contact {
  background: -webkit-gradient(linear, left top, right top, from(#09c90d), to(#f2e900));
  background: linear-gradient(90deg, #09c90d 0%, #f2e900 100%);
}
.b-blog article h3 {
  color: #09c90d;
}
.b-blog .thumb-txt a {
  color: #09c90d;
  border-color: #09c90d;
}
.b-blog .arrow-line::before, .b-blog .arrow-line::after {
  background: #09c90d;
}
.b-blog .pagenation li {
  background: #09c90d;
}
/*b-movie*/
.b-movie .conts h2::before {
  background: #ff3f3f;
}
.b-movie .blog-contact {
  background: -webkit-gradient(linear, left top, right top, from(#ff3f3f), to(#ff6f00));
  background: linear-gradient(90deg, #ff3f3f 0%, #ff6f00 100%);
}
.b-movie article h3 {
  color: #ff3f3f;
}
.b-movie .thumb-txt a {
  color: #ff3f3f;
  border-color: #ff3f3f;
}
.b-movie .arrow-line::before, .b-movie .arrow-line::after {
  background: #ff3f3f;
}
.b-movie .pagenation li {
  background: #ff3f3f;
}
.cv_youtube {
  display: block;
  width: 600px;
  max-width: 100%;
  height: 150px;
  background: url("../../img/blog/cv_youtube.svg") no-repeat left top/contain;
  margin: 40px auto 0 auto;
  position: relative;
}
.cv_youtube .arrow-double:before,
.cv_youtube .arrow-double:after {
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.cv_youtube .arrow-double:after {
  left: 20px;
}
.cv_youtube > span {
  display: block;
  color: #000;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: right;
  padding-right: 25px;
  line-height: 150px;
}
.cv_whale {
  border-radius: 20px;
  display: block;
  max-width: 600px;
  width: 100%;
  height: 120px;
  margin: 80px auto 20px;
  position: relative;
}
.cv_whale::before {
  background: url("../../img/wave.svg") no-repeat bottom center/cover;
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cv_whale img {
  position: absolute;
  width: 80%;
  max-width: 400px;
  bottom: 20px;
  left: 20px;
  z-index: 2;
  -webkit-animation: float 1500ms ease-in-out infinite;
  animation: float 1500ms ease-in-out infinite;
}
.cv_whale > span {
  display: inline-block;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  width: 8em;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  bottom: 20px;
  right: 40px;
}
@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/*case-study*/
.case-study .fv-conts {
  margin: auto;
  height: 100%;
}
.case-study .conts h2::before {
  background: #00d9ec;
}
.case-study .blog-contact {
  background: -webkit-gradient(linear, left top, right top, from(#2084ff), to(#30ffe2));
  background: linear-gradient(90deg, #2084ff 0%, #30ffe2 100%);
}
.case-study .arrow-line::before, .case-study .arrow-line::after {
  background: #00d9ec;
}
.case-study .pagenation li {
  background: #00d9ec;
}
.case-study .swiper-container {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  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;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
article
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.article-wrap .inner1200, .article-wrap .inner1000, .article-wrap .inner800 {
  background: #fff;
}
.article-info {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.article-info * + * {
  margin-left: 1em;
}
.article-wrap h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.5;
}
.kv {
  max-width: 700px;
  height: auto;
  margin: 0 auto 40px;
}
.kv img {
  width: 100%;
  height: auto;
}
.article-wrap .wp_social_bookmarking_light {
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 0 !important;
  width: 100%;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
}
.main-txt #ez-toc-container {
  display: block;
  border: none;
  border-radius: 5px;
  background: #f6f6f6;
  padding: 10px 10px 20px;
  margin: 30px auto;
  max-width: 600px;
  width: 100%;
}
/*
.main-txt #ez-toc-container li + li {
margin-top: 10px;
}
*/
.main-txt #ez-toc-container p.ez-toc-title {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  position: relative;
}
.main-txt #ez-toc-container p.ez-toc-title::before {
  content: "";
  display: block;
  height: 2px;
  width: 80px;
  background: #999;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.main-txt #ez-toc-container li a {
  color: #000;
  display: inline-block;
  font-size: 1.6rem;
  padding: 5px;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}
.main-txt #ez-toc-container li a:hover {
  color: #666;
}
.main-txt .ez-toc-title-container, .main-txt .ez-toc-title, .main-txt .ez-toc-title-toggle {
  display: block;
}
.main-txt #ez-toc-container a.ez-toc-toggle {
  float: none;
  position: absolute;
  top: 10px;
  right: 10px;
}
.main-txt {
  padding: 20px 0;
}
.main-txt h2 {
  color: #000;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 10px;
  margin-top: 80px;
  margin-bottom: 20px;
  line-height: 1.5;
  position: relative;
}
.main-txt h2::before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-txt h3 {
  font-size: 2.4rem;
  font-weight: bold;
  border-left-width: 4px;
  border-left-style: solid;
  line-height: 1.5;
  padding: 5px 10px;
  margin: 60px auto 20px auto;
  position: relative;
}
.main-txt h2 + h3 {
  margin-top: 20px;
}
.main-txt h3::before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-txt h4 {
  font-size: 2rem;
  font-weight: bold;
  margin: 20px auto;
  line-height: 1.5;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  padding: 5px;
}
.main-txt h5 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 20px auto;
  padding: 5px;
}
.main-txt h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 20px auto;
  padding: 5px;
}
.main-txt figure {
  margin: 30px auto;
}
.main-txt figure.wp-block-embed-youtube {
  margin: 30px auto 90px auto;
}
.main-txt figure img {
  margin: auto;
  max-width: 600px;
  width: 100%;
  height: auto;
}
.main-txt figure figcaption {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-top: 2.0rem;
  font-style: italic;
  color: #ccc;
}
.main-txt p {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 1em auto;
  padding: 5px;
}
.main-txt iframe {
  display: block;
  margin: 0 auto;
  margin-bottom: 8.0rem;
  width: 600px;
  height: 360px;
  max-width: 100%;
}
.main-txt > ul {
  list-style-type: square;
  padding-left: 1em;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1em auto 1em 1em;
}
.main-txt > ul > li > ul {
  list-style-type: square;
  padding-left: 1em;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1em auto 1em 1em;
}
.main-txt > ol {
  list-style-type: decimal;
  padding-left: 1em;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1em auto 1em 1em;
}
.main-txt > ol > li > ol {
  list-style-type: decimal;
  padding-left: 1em;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 1em auto 1em 1em;
}
.img2col .wp-block-group__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.img2col > * {
  padding: 10px;
}
.wp-block-quote {
  background: #f5f5f5;
  padding: 20px;
  line-height: 1.5;
  font-size: 1.6rem;
  color: #444;
  font-style: italic;
  border-radius: 10px;
  position: relative;
  width: 80%;
  margin: 20px auto;
}
.wp-block-quote::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "“";
  font-family: sans-serif;
  color: #cfcfcf;
  font-size: 80px;
  line-height: 1;
}
.wp-block-table th {
  padding: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
.main-txt .flow-list {
  list-style-type: none;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  margin: 30px auto;
  padding: 0;
  text-align: center;
  max-width: 600px;
}
.flow-list li {
  background: #eee;
  padding: 15px;
  font-size: 1.6rem;
  position: relative;
  z-index: 1;
}
.flow-list li:nth-child(2n) {
  background: #fff;
}
.flow-list li::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 2;
}
.flow-list li:nth-child(2n)::before {
  border-top-color: #eee;
}
.flow-list li:first-child::before {
  display: none;
}
/*inline*/
.mark-blue {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #9FE6DF));
  background: linear-gradient(transparent 75%, #9FE6DF 75%);
  display:inline;
}
.mark-pink {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #E69FC1));
  background: linear-gradient(transparent 75%, #E69FC1 75%);
}
.mark-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, transparent), color-stop(75%, #E6E29F));
  background: linear-gradient(transparent 75%, #E6E29F 75%);
}
/*share btn*/
.share-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  padding: 15px;
  max-width: 1000px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.share-btns li {
  width: 33.33%;
}
.share-btns a {
  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;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
.fb-share-btn {
  background: #3b5998;
}
.twitter-share-btn {
  background: #00acee;
}
.hatena-share-btn {
  background: #00A4DE;
}
.share-btns a span {
  font-size: 1.6rem;
  font-weight: normal;
  margin-left: 10px;
}
/* YouTube */
.wp-block-embed-youtube {
  max-width: 750px;
  margin: auto;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.wp-block-embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/*each style*/
/*b-blog*/
.b-blog .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#09c90d), to(#f2e900));
  background: linear-gradient(90deg, #09c90d 0%, #f2e900 100%);
}
.b-blog .main-txt h3 {
  border-left-color: #09c90d;
}
.b-blog .main-txt h4 {
  color: #09c90d;
  border-bottom-color: #09c90d;
}
.b-blog .main-txt h5 {
  color: #09c90d;
}
/*b-movie*/
.b-movie .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#ff3f3f), to(#ff6f00));
  background: linear-gradient(90deg, #ff3f3f 0%, #ff6f00 100%);
}
.b-movie .main-txt h3 {
  border-left-color: #ff3f3f;
}
.b-movie .main-txt h4 {
  color: #ff3f3f;
  border-bottom-color: #ff3f3f;
}
.b-movie .main-txt h5 {
  color: #ff3f3f;
}
/*case-study*/
.case-study h1 {
  color: #ff3f3f;
  text-align: center;
}
.case-study .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background: linear-gradient(90deg, #209cff 0%, #68e0cf 100%);
}
.case-study .main-txt h3 {
  color: #00d9ec;
  border-left-color: #00d9ec;
}
.case-study .main-txt h4 {
  color: #00d9ec;
  border-bottom-color: #00d9ec;
}
.case-study .main-txt h5 {
  color: #00d9ec;
}
.case-study .case-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.case-logo {
  width: 30%;
  background: #ccc;
  max-width: 200px;
  padding-top: 15%;
}
.case-info {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #c0faff;
  padding: 15px;
  line-height: 1.5;
  margin-left: 20px;
}
.case-info dt {
  width: 9em;
  padding: 10px 25px 10px 10px;
  text-align: center;
}
.case-info dd {
  padding: 10px 10px 10px 25px;
  margin: 0;
  border-left: 1px solid #ccc;
  width: calc(100% - 9em);
}
.project-summary {
  margin-bottom: 40px;
}
.project-summary h2 {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.project-summary h2::before {
  content: "";
  display: block;
  background: #00d9ec;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.project-summary h2 span {
  background: #fff;
  display: inline-block;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}
.project-summary ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.project-summary li {
  width: calc((100%)/3 -15px);
  text-align: center;
}
.case-study .project-summary h3 {
  display: inline-block;
  background: -webkit-gradient(linear, left top, right top, from(#2084ff), to(#30ffe2));
  background: linear-gradient(90deg, #2084ff 0%, #30ffe2 100%);
  border-radius: 15px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 30px;
  padding: 0 30px;
  margin-bottom: 20px;
  height: 30px;
}
.project-summary img {
  width: 100%;
  height: auto;
}
.summary-txt {
  border: 2px dashed #ccc;
  padding: 25px;
}
.case-study .summary-txt h3 {
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.summary-txt p {
  font-size: 1.6rem;
  line-height: 1.5;
}
.fd-comment {
  background: #f0feff;
  border: 2px solid transparent;
  border-left-color: #209cff;
  border-right-color: #68e0cf;
  padding: 15px;
  max-width: 600px;
  position: relative;
  margin: 50px auto 0;
}
.fd-comment::before, .fd-comment::after {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background: linear-gradient(90deg, #209cff 0%, #68e0cf 100%);
  width: calc(100% + 4px);
  height: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: -2px;
  z-index: 1;
}
.fd-comment::before {
  top: -2px;
}
.fd-comment::after {
  bottom: -2px;
}
.main-txt .fd-comment h2 {
  color: #009bc8;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1em;
}
.main-txt .fd-comment h2::before {
  display: none;
}
.main-txt .fd-comment figure {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: -40px;
  top: -70px;
  z-index: 1;
}
.main-txt .fd-comment p {
  font-size: 1.4rem;
  line-height: 1.5;
}
/*interview*/
.interviewer {
  font-weight: bold;
  padding-left: 3em;
  position: relative;
}
.interviewer::before {
  content: "";
  display: block;
  height: 2px;
  width: 2em;
  background: #000;
  position: absolute;
  left: 0.5em;
  top: 0;
  bottom: 0;
  margin: auto;
}
/*ex*/
.executive-message div.thumbs {
  display: flex;
  justify-content: space-between;
}
.executive-message div.thumbs article {
  width: calc(100%/3 - 15px);
  margin: 0;
}
.executive-message.blog .conts h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#344754), color-stop(50%, #d4cfc9), to(#344754));
  background: linear-gradient(to right, #344754 0%, #d4cfc9 50%, #344754 100%);
  top: auto;
  bottom: 0;
}
.executive-message .thumb-txt a {
  color: #344754;
  border-color: #344754;
}
.executive-message .arrow-line::before, .executive-message .arrow-line::after {
  background: #344754;
}
.executive-message .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#344754), to(#d4cfc9));
  background: linear-gradient(to right, #344754 0%, #d4cfc9 100%);
}
.executive-message .main-txt h3 {
  color: #344754;
  border-left-color: #344754;
}
.executive-message .main-txt h4 {
  color: #344754;
  border-bottom-color: #344754;
}
/*afp*/
.afp-interview .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#ef0a6a), to(#b6359c));
  background: linear-gradient(to right, #ef0a6a 0%, #b6359c 100%);
}
.afp-interview .main-txt h3 {
  color: #ef0a6a;
  border-left-color: #ef0a6a;
}
.afp-interview .main-txt h4 {
  color: #ef0a6a;
  border-bottom-color: #ef0a6a;
}
/*cd*/
.cd-interview .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#9929ea), to(#5808fb));
  background: linear-gradient(to right, #9929ea 0%, #5808fb 100%);
}
.cd-interview .main-txt h3 {
  color: #9929ea;
  border-left-color: #9929ea;
}
.cd-interview .main-txt h4 {
  color: #9929ea;
  border-bottom-color: #9929ea;
}
/*hr*/
.hr-interview .main-txt h2::before {
  background: -webkit-gradient(linear, left top, right top, from(#02a1f9), to(#29f19c));
  background: linear-gradient(to right, #02a1f9 0%, #29f19c 100%);
}
.hr-interview .main-txt h3 {
  color: #02a1f9;
  border-left-color: #02a1f9;
}
.hr-interview .main-txt h4 {
  color: #02a1f9;
  border-bottom-color: #02a1f9;
}
/*for business-blog post*/
.author {
  border: 1px solid #000;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  margin: auto;
  padding: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.author .author-ttl {
  border-radius: 3px;
  background: #000;
  color: #fff;
  font-size: 1.4rem;
  padding: 0;
  width: 10em;
  text-align: center;
  line-height: 25px;
  height: 25px;
  position: absolute;
  left: -10px;
  top: -10px;
}
.main-txt .author figure {
  margin: auto;
}
.author figure img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  overflow: hidden;
}
.author .author-prof {
  width: calc(100% - 170px);
  font-size: 1.4rem;
  line-height: 1.5;
  padding-left: 15px;
}
.author p strong {
  font-size: 2rem;
}
.author p span {
  display: inline-block;
  line-height: 2.5;
}

.executive_linkWrap{
  margin-left: 130px;
  margin-top: -40px;
}

.author_link{
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  margin: 5px 5px 0 0;
  font-size: 1.6rem;
  line-height: 1.5;
}

.author_link:last-of-type{
  margin-right: 0px;
}

.author_link.link_twitter {
  background: #1da1f2;
}

.author_link.link_youtube {
  background: #ff3f3f;
}

.img_3c {
  max-width: 600px;
  margin: auto;
}
.img_3c ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.img_3c-list {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  background: #E0EEEF;
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 50%;
  position: relative;
  padding: 20px;
}
.img_3c-list::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.img_3c-list:nth-child(1) {
  background: #EF8B8B;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin: 0 auto -20px;
}
.img_3c-list:nth-child(2) {
  background: #9CD194;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.img_3c-list:nth-child(3) {
  background: #9AD6EB;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.img_3c .img_3c-list h4 {
  border: none;
  font-size: 4rem;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.img_3c-list > div {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_3c-list p, .img_3c-list i {
  margin: 0 auto;
}
.img_3c-list p {
  line-height: 1.5;
}
.img_3c-list i {
  font-size: 8rem;
  line-height: 1;
}
.right-txt, .left-txt, .mutual-txt {
  text-align: center;
  position: absolute;
  margin: auto;
  z-index: 3;
}
.img_3c-customer .right-txt {
  right: -40%;
  bottom: 0;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.img_3c-customer .left-txt {
  left: -35%;
  bottom: 0;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.img_3c-customer .right-txt, .img_3c-customer .left-txt {
  color: #8C1A1A;
}
.img_3c-competitor .right-txt {
  color: #0E4B60;
  left: 45%;
  top: -23%;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.img_3c-company .left-txt {
  right: 45%;
  top: -23%;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.img_3c-company .mutual-txt {
  bottom: -10%;
  left: -45%;
}
.img_3c-company .left-txt {
  color: #226B16;
}
.img_3c-company .mutual-txt {
  color: #166B61;
}
.img_swot {
  position: relative;
}
.b-blog .img_swot h4, .b-blog .img_swot h5,
.b-movie .img_swot h4, .b-movie .img_swot h5 {
  border: none;
  word-break: break-all;
  margin: auto;
  text-align: center;
}
.img_swot .img_swot-table h5 {
  font-size: 2rem;
}
.img_swot th, .img_swot td {
  border: 1px solid #666;
  vertical-align: middle;
  padding: 15px;
}
.img_swot td {
  background: #fff;
}
.img_swot tr th {
  width: 33%;
}
.img_swot tr th:first-child {
  border-left: none;
  border-top: none;
}
.img_swot td p {
  margin: .5em auto;
}
th.img_swot-o, th.img_swot-t {
  vertical-align: middle;
}
th.img_swot-s {
  background: rgba(255, 0, 0, 0.3);
}
.img_swot th.img_swot-s h4, .img_swot h5 span.img_swot-s {
  color: #991010;
}
th.img_swot-w {
  background: rgba(0, 0, 255, 0.3);
}
.img_swot th.img_swot-w h4, .img_swot h5 span.img_swot-w {
  color: #120F99;
}
td.img_swot-o {
  background: rgba(0, 255, 0, 0.3);
}
.img_swot td.img_swot-o h4, .img_swot h5 span.img_swot-o {
  color: #0F9912;
}
td.img_swot-t {
  background: rgba(255, 180, 0, 0.3);
}
.img_swot td.img_swot-t h4, .img_swot h5 span.img_swot-t {
  color: #8C6011;
}
.img_swot .img_swot-table h5 {
  color: #666;
}
.img_swot .img_swot-table h5 span {
  line-height: 1.5;
  padding: 5px;
}
.img_4c-4p_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.img_4c-4p_col > li {
  width: calc(50% - 15px);
  position: relative;
  z-index: 1;
}
.img_4c-4p_col li h4 {
  border: none;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}
.img_4c-4p_col > li:nth-child(1) h4, .img_4c-4p_col > li:nth-child(1) h5 {
  color: #991010;
}
.img_4c-4p_col > li:nth-child(2) h4, .img_4c-4p_col > li:nth-child(2) h5 {
  color: #120F99;
}
.img_4c-4p_col li h5 {
  font-weight: normal;
  margin: 0;
  text-align: center;
}
.img_4c-4p_col li p {
  margin: 0 auto 15px;
  text-align: center;
}
.img_4c-4p_col ul {
  border-radius: 5px;
  padding: 10px;
}
.img_4p {
  background: #FFEEEF;
}
.img_4c {
  background: #EEF3FF;
}
.img_4c-4p_col ul li {
  border-radius: 3px;
  background: #fff;
  position: relative;
  z-index: 2;
}
.img_4c-4p_col ul li + li {
  margin-top: 10px;
}
.img_4c-4p_col ul li i {
  color: #666;
  font-size: 3rem;
  height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
  z-index: 3;
}
.img_pest-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  max-width: 600px;
  margin: auto;
}
.img_pest-list div + div {
  margin-top: 15px;
}
.img_pest .img_pest-list div h5 {
  color: #fff;
  font-weight: normal;
  text-align: center;
  margin: auto;
}
.img_pest .img_pest-list div h6 {
  margin: 0 auto 10px;
}
.img_pest .img_pest-list div ul li {
  font-size: 1.6rem;
  line-height: 1.75;
  padding-left: 1.5em;
  position: relative;
}
.img_pest .img_pest-list div ul li::before {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: .25em;
  width: 8px;
  height: 3px;
  border-left: 2px solid #83C0C4;
  border-bottom: 2px solid #83C0C4;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.img_pest-list div dt {
  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;
  padding: 15px;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px;
}
.img_pest-list div dd {
  -ms-flex-preferred-size: calc(100% - 200px);
  flex-basis: calc(100% - 200px);
  padding: 20px;
  background: #fff;
}
.img_pest-list div:nth-child(odd) {
  background: #DDEFF3;
}
.img_pest-list div:nth-child(odd) dt {
  background: #50ABC0;
}
.img_pest-list div:nth-child(odd) h6 {
  color: #50ABC0;
}
.img_pest-list div:nth-child(even) {
  background: #F3EDDD;
}
.img_pest-list div:nth-child(even) dt {
  background: #AF8B2C;
}
.img_pest-list div:nth-child(even) h6 {
  color: #AF8B2C;
}
.img_4p-flow {
  max-width: 600px;
  margin: auto;
}
.img_4p-flow > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.img_4p-product {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.img_4p-price {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.img_4p-place {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.img_4p-promotion {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.img_4p-flow-list {
  font-size: 1.6rem;
  line-height: 1.5;
  background: #E0EEEF;
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 50%;
  position: relative;
  padding: 20px;
}
.img_4p-flow-list::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.img_4p-flow-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_4p-flow-list .img_4p-flow-inner h5 {
  font-size: 3rem;
  font-weight: normal;
  color: #000;
  text-align: center;
  margin: 0;
}
.img_4p-flow-list .img_4p-flow-inner p {
  padding: 0 20px;
  margin: 15px auto 0;
}
.img_4p-flow-inner i {
  color: #83C0C4;
  font-size: 6rem;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  margin: auto;
  z-index: 3;
}
.img_4p-product i {
  right: -0.75em;
  top: 0;
  bottom: 0;
}
.img_4p-price i {
  bottom: -0.75em;
  left: 0;
  right: 0;
}
.img_4p-place i {
  left: -0.75em;
  top: 0;
  bottom: 0;
}
.img_4p-promotion i {
  top: -0.75em;
  left: 0;
  right: 0;
}
.img_dual-funnel {
  position: relative;
}
.img_df-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.img_dual-funnel .img_df-ttl h4 {
  padding: 10px;
  width: calc(100%/7*3 - 5px);
  position: relative;
}
.img_dual-funnel .img_df-ttl h4:first-child {
  color: #E88181;
  border-bottom: 1px solid #E88181;
}
.img_dual-funnel .img_df-ttl h4:last-child {
  color: #81B2E8;
  border-bottom: 1px solid #81B2E8;
}
.img_dual-funnel .img_df-ttl h4:first-child::before, .img_dual-funnel .img_df-ttl h4:last-child::before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
.img_dual-funnel .img_df-ttl h4:first-child::before {
  background: #E88181;
}
.img_dual-funnel .img_df-ttl h4:last-child::before {
  background: #81B2E8;
}
.img_df-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.img_df-list li {
  width: calc(100%/7 - 5px);
  position: relative;
  overflow: hidden;
}
.img_df-list li::before, .img_df-list li::after {
  display: block;
  content: "";
  background: #fff;
  width: 120%;
  height: 40px;
  position: absolute;
  left: -10%;
  right: auto;
}
.img_df-list .img_df-nc-part::before {
  top: -20px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.img_df-list .img_df-nc-part::after {
  bottom: -20px;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.img_df-list .img_df-ec-part::before {
  top: -20px;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.img_df-list .img_df-ec-part::after {
  bottom: -20px;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.img_dual-funnel .img_df-list li h5 {
  color: #fff;
  text-align: center;
  margin: auto;
}
.img_df-list li:nth-child(1) {
  background: #E88181;
  padding: 90px 0;
}
.img_df-list li:nth-child(2) {
  background: #E8A381;
  padding: 65px 0;
}
.img_df-list li:nth-child(3) {
  background: #E8D581;
  padding: 40px 0;
}
.img_df-list li:nth-child(4) {
  background: #aaa;
  padding: 5px 0;
}
.img_df-list li:nth-child(4)::before, .img_df-list li:nth-child(4)::after {
  display: none;
}
.img_df-list li:nth-child(5) {
  background: #81B2E8;
  padding: 40px 0;
}
.img_df-list li:nth-child(6) {
  background: #B181E8;
  padding: 53px 0;
}
.img_df-list li:nth-child(7) {
  background: #E881C7;
  padding: 90px 0;
}
.img_ooda {
  max-width: 600px;
  margin: auto;
}
.img_ooda > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.img_ooda-o1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.img_ooda-o2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.img_ooda-d {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.img_ooda-a {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.img_ooda-list {
  font-size: 1.6rem;
  line-height: 1.5;
  background: #E0EEEF;
  width: calc(50% - 10px);
  margin-bottom: 20px;
  border-radius: 50%;
  position: relative;
  padding: 20px;
}
.img_ooda-list::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.img_ooda-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img_ooda .img_ooda-inner h4 {
  color: #000;
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  margin: 0;
  border: none;
}
.img_ooda .img_ooda-inner p {
  padding: 0 20px;
  margin: 15px auto 0;
}
.img_ooda-inner i {
  color: #83C0C4;
  font-size: 6rem;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  margin: auto;
  z-index: 3;
}
.img_ooda-o1 i {
  right: -0.75em;
  top: 0;
  bottom: 0;
}
.img_ooda-o2 i {
  bottom: -0.75em;
  left: 0;
  right: 0;
}
.img_ooda-d i {
  left: -0.75em;
  top: 0;
  bottom: 0;
}
.img_ooda-a i {
  top: -0.75em;
  left: 0;
  right: 0;
}
.is-style-regular table {
  border: 1px solid #ddd;
}
.is-style-regular thead {
  background: #f3f4f5;
}
.is-style-regular td {
  padding: 10px;
  font-size: 1.4rem;
  min-width: 10.0rem;
  line-height: 1.5;
}
.is-style-regular tr:nth-child(2n) {
  background: #f3f4f5;
}
.is-style-regular td.row {
  background: #fff;
}
.is-style-regular td {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.is-style-regular td.center {
  text-align: center;
  vertical-align: middle;
}
.is-style-regular td:last-child {
  border-right: 0;
}
.is-style-stripes table {
  border: 1px solid #ddd;
}
.is-style-stripes td {
  padding: 10px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.is-style-stripes td.center {
  text-align: center;
  vertical-align: middle;
}
.is-style-stripes tr:first-child {
  border-bottom: 1px solid #ddd;
}
.img_growth-team {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  max-width: 800px;
  margin: auto;
}
.img_growth-team li {
  border-radius: 5px;
  width: calc(100%/3 - 10px);
  padding: 15px;
  position: relative;
  z-index: 2;
}
.main-txt .img_growth-team h4 {
  color: #fff;
  border: none;
  text-align: center;
  margin: 0;
}
.img_gt_cmo {
  background: linear-gradient(135deg, #ffce9f 0%, #ff849c 100%);
  margin: auto;
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.img_gt_designer {
  background: linear-gradient(135deg, #c1bfe6 0%, #ea88de 100%);
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.img_gt_engineer {
  background: linear-gradient(135deg, #60e4de 0%, #b193cb 100%);
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
.img_gt_recruiter {
  background: linear-gradient(135deg, #cfdb4a 0%, #7ed776 100%);
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.img_gt_designer, .img_gt_engineer, .img_gt_recruiter {
  margin: 60px 0 0;
}
.img_gt_cmo::before {
  content: "";
  display: block;
  background: #ddd;
  width: 2px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60px;
  margin: auto;
}
.img_gt_designer::before, .img_gt_recruiter::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  width: calc(100% + 20px);
  height: 32px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #ddd;
  position: absolute;
  top: -30px;
  z-index: 1;
}
.img_gt_designer::before {
  border-left-color: #ddd;
  left: 50%;
}
.img_gt_recruiter::before {
  border-right-color: #ddd;
  right: 50%;
}
.main-txt .img_growth-phase h4, .main-txt .img_growth-phase h5, .main-txt .img_growth-phase h6 {
  color: #000;
  margin: auto;
  padding: 0;
  border: none;
  text-align: center;
}
.img_growth-phase {
  width: 100%;
}
.img_growth-phase th h4 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.img_growth-phase th {
  width: 40px;
  vertical-align: middle;
}
.img_growth-phase td {
  vertical-align: middle;
  width: 30%;
  padding: 15px;
  border: 1px solid #eee;
}
.img_growth-phase .img_gp_tri {
  width: calc(40% - 40px);
}
.img_growth-phase .img_gp_first h5, .img_growth-phase .img_gp_first h6 {
  color: #C56085;
}
.img_growth-phase .img_gp_second h5, .img_growth-phase .img_gp_second h6 {
  color: #6080C5;
}
.img_growth-phase .img_gp_tri-top {
  background: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C56085)) no-repeat top left/50% 100%, -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #C56085)) no-repeat top right/50% 100%;
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #C56085 50%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #C56085 50%) no-repeat top right/50% 100%;
  border-bottom: none;
}
.img_growth-phase .img_gp_tri-bottom {
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #6080C5)) no-repeat top left/50% 100%, -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #6080C5)) no-repeat top right/50% 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #6080C5 50%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #6080C5 50%) no-repeat top right/50% 100%;
  border-top: none;
}
.img_kpi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-bottom: 150px;
}
.img_kpi .kgi-cell h4, .img_kpi .kpi-cell h4, .img_kpi .action-cell h4 {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin: auto;
  min-width: 120px;
  padding: 10px;
  border: none;
  text-align: center;
}
.img_kpi .kgi-cell h4 {
  background: #60C592;
}
.img_kpi .kpi-cell h4 {
  background: #6086C5;
}
.img_kpi .action-cell h4 {
  background: #C56092;
}
.img_kpi > div {
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
  text-align: center;
  position: relative;
  z-index: 2;
}
.img_kpi dd {
  background: #fff;
  border-radius: 3px;
  width: 80%;
  padding: 10px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1;
  margin: auto;
}
.img_kpi dd::before, .img_kpi dd::after {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 10px;
  border-bottom-width: 10px;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  margin: auto;
}
.img_kpi dd::before {
  top: -19px;
}
.img_kpi dd::after {
  top: -21px;
  z-index: -2;
}
.img_kpi dd p {
  margin: auto;
}
.kgi-cell dd {
  border: 1px solid #60C592;
}
.kgi-cell dd::after {
  border-bottom-color: #60C592;
}
.kpi-cell dd {
  border: 1px solid #6086C5;
}
.kpi-cell dd::after {
  border-bottom-color: #6086C5;
}
.action-cell dd {
  border: 1px solid #C56092;
}
.action-cell dd::after {
  border-bottom-color: #C56092;
}
.img_kpi dt + dt {
  margin-top: 20px;
}
.img_kpi .kgi-cell::before, .img_kpi .kpi-cell::before, .img_kpi .kpi-cell::after, .img_kpi .action-cell::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  display: block;
  width: 50%;
  position: absolute;
  margin: auto;
  z-index: -1;
}
.img_kpi .kgi-cell::before {
  height: 2px;
  background: #ddd;
  top: 0;
  bottom: 0;
  right: 0;
}
.img_kpi .kpi-cell::before, .img_kpi .action-cell::before {
  height: 60%;
  border: 2px solid #ddd;
  border-right-color: transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.img_kpi .kpi-cell::after {
  height: 2px;
  background: #ddd;
  position: absolute;
  top: 20%;
  right: 0;
}
.img_pmtri-wrap {
  max-width: 800px;
  margin: auto;
}
.img_pmtri {
  width: 100%;
  position: relative;
}
.img_pmtri::before {
  content: "";
  display: block;
  padding-top: 95%;
}
.img_pmtri > li {
  position: absolute;
}
.img_pmtri .img_pmtri_person h4, .img_pmtri .img_pmtri_product h4 {
  font-size: 2rem;
  color: #fff;
  margin: auto;
  padding: 3em 0 0;
  border: none;
  text-align: center;
  line-height: 1;
}
.img_pmtri_person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #000)) no-repeat top left/50% 100%, -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #000)) no-repeat top right/50% 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #000 50%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #000 50%) no-repeat top right/50% 100%;
  width: 25%;
  height: 22.5%;
  z-index: 2;
}
.img_pmtri_dev {
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  margin: auto;
}
.img_pmtri_bs {
  right: 0;
  left: auto;
  top: auto;
  bottom: 10%;
}
.img_pmtri_us {
  left: 0;
  bottom: 10%;
  right: auto;
  top: auto;
}
.img_pmtri_product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #000)) no-repeat top left/50% 100%, -webkit-gradient(linear, right top, left bottom, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #000)) no-repeat top right/50% 100%;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #000 50%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #000 50%) no-repeat top right/50% 100%;
  width: 27%;
  height: 24%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}
.img_pmtri_work li {
  border-top: 1px solid #ddd;
  padding: 5px 0;
}
.img_pmtri_work ul li:first-child {
  display: none;
}
.img_pmtri_work ul li:last-child {
  border-bottom: 1px solid #ddd;
}
.img_pmtri .img_pmtri_work h5 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  margin: auto;
  padding: 0;
  border: none;
  text-align: center;
  line-height: 1;
}
.img_pmtri_work {
  width: 100%;
}
.img_pmtri_work ul {
  width: 75%;
  margin: auto;
}
.img_pmtri_workA {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  left: -25%;
  top: 45%;
}
.img_pmtri_workB {
  bottom: 10%;
  left: 0;
  right: 0;
  margin: auto;
}
.img_pmtri_workC {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  right: -25%;
  top: 45%;
}
.img_pmtri_list {
  display: none;
}
.c-pyramid-list {
  background: url("../../img/blog/c-pyramid.svg") no-repeat left center/contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 275px;
}
.pyramid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pyramid dt {
  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;
  font-size: 1.6rem;
  color: #fff;
  width: 310px;
}
.pyramid dd {
  font-size: 1.6rem;
  line-height: 1.5;
}
.pyramid dd ul {
  list-style-type: square;
  line-height: 1.5;
  margin-left: 20px;
}
.pyramid dd:nth-of-type(1) {
  width: calc((100% - 310px)/3);
}
.c-pyramid-list .pyramid p {
  font-weight: bold;
  padding: 5px 10px;
  margin: auto;
}
.pyramid:first-child dt {
  height: 80px;
}
.pyramid:first-child dt p {
  background: rgba(242, 101, 96, 0.5);
}
.pyramid:nth-child(2) dt {
  height: 95px;
}
.pyramid:nth-child(3) dt {
  height: 95px;
}
.pyramid:first-child dd {
  color: #f26560;
}
.pyramid:nth-child(2) dd {
  color: #DDBE3B;
}
.pyramid:nth-child(3) dd {
  color: #28ce54;
}
.c-pyramid-spList {
  display: none;
}
.seo-flow_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  margin: 30px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.seo-flow_list ul li {
  padding: 10px;
  width: 50%;
}
.seo-flow_list ul li:first-child {
  width: 100%;
  padding: 10px 25%;
}
.main-txt .seo-flow_list h5 {
  font-size: 1.6rem;
  color: #30625E;
  margin: 0 auto 15px;
  text-align: center;
}
.seo-flow_list figure img {
  width: 80%;
  height: auto;
  margin: auto;
}
/*desital marketing  */
.inner700 {
  max-width: 700px;
  margin: 0 auto;
}
.measures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cus_attraction {
  width: 50%;
}
.cus_service {
  width: 50%;
}
.measures h4 {
  text-align: center;
  width: 43%;
  margin: 0 auto;
  font-size: 24px;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
}
.measures .cus_attraction h4 {
  background: linear-gradient(135deg, #c5db50 0%, #a7d081 100%);
  color: #fff;
  border: none;
}
.measures .cus_service h4 {
  background: linear-gradient(135deg, #ffb59e 0%, #ff879c 100%);
  color: #fff;
  border: none;
}
.measures .circle {
  width: 230px;
  height: 230px;
  background-color: #a7d081;
  margin: 40px auto;
  border-radius: 50%;
  position: relative;
}
.measures .cus_service .circle {
  background-color: #ffb59e;
}
.cus_attraction li, .cus_service li {
  display: inline-block;
  background-color: #769758;
  border-radius: 5px;
  font-size: 20px;
  padding: 15px;
  color: #fff;
  position: absolute;
}
.cus_service li {
  background-color: #d75f74;
}
.cus_attraction li:first-of-type {
  top: 10px;
  left: 0;
}
.cus_attraction li:nth-of-type(2) {
  top: 50px;
  right: -20px;
}
.cus_attraction li:nth-of-type(3) {
  bottom: 90px;
  left: -30px;
}
.cus_attraction li:nth-of-type(4) {
  bottom: 20px;
  right: -20px;
}
.cus_service li:first-of-type {
  top: 10px;
  left: 0;
}
.cus_service li:nth-of-type(2) {
  top: 80px;
  right: -20px;
}
.cus_service li:nth-of-type(3) {
  bottom: 20px;
  left: 30px;
}
.inner600 {
  max-width: 600px;
  margin: 0 auto;
}
.marketing_container {
  position: relative;
  width: 100%;
  height: 360px;
}
.marketing, .d_marketing, .web_marketing {
  margin: 0 auto;
  border-radius: 100%;
  position: absolute;
  text-align: center;
}
.marketing {
  width: 100%;
  height: 360px;
  background-color: #fbf80d;
}
.d_marketing {
  width: 70%;
  height: 260px;
  background-color: #fbc00d;
  bottom: 0;
  right: 0;
  left: 0;
}
.web_marketing {
  width: 50%;
  height: 160px;
  background-color: #fb9b0d;
  bottom: 0;
  right: 0;
  left: 0;
}
.marketing_container p {
  display: inline-block;
  margin: 0 auto;
  background-color: rgba(251, 125, 13, 0.7);
  color: #fff;
  padding: 15px;
  font-weight: bold;
}
.marketing p, .d_marketing p {
  margin-top: 35px;
}
.web_marketing p {
  margin-top: 50px;
}
.fourC_fourP {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}
.compare_area {
  margin: 20px 0;
}
.fourC, .fourP, .compare_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
}
.fourC div, .fourP div, .compare_area div {
  width: calc(100%/5 - 10px);
  text-align: center;
  margin-left: 10px;
}
.fourC div:first-of-type, .fourP div:first-of-type {
  margin: 0;
}
.compare_area p {
  background-color: #fbc00d;
  padding: 20px 0;
  border-radius: 10px;
}
.fourC dt, .fourP dt, .fourC dd, .fourP dd {
  padding: 20px 0;
  line-height: 1.3;
}
.fourC dt {
  background-color: #acdbef;
  color: #085f83;
  font-weight: bold;
}
.fourP dt {
  background-color: #b9ed87;
  color: #346604;
  font-weight: bold;
}
.fourC_fourP .fourC div:first-of-type dt {
  background-color: #32b6ed;
}
.fourC_fourP .fourP div:first-of-type dt {
  background-color: #77ca27;
}
.fourC_fourP .fourC div:first-of-type dt h4, .fourC_fourP .fourP div:first-of-type dt h4 {
  color: #fff;
  border: none;
  margin: 0;
  line-height: 1.3;
  height: 100%;
  padding: 0;
  font-size: 1.6rem;
}
.fourC dd, .fourP dd {
  background-color: #eeeeee;
}
figure.pie-chart {
  background: radial-gradient(circle closest-side, transparent 66%, white 0), conic-gradient(from 30deg, #47c4fd 0, #47c4fd 10%, #5bd4e2 0, #5bd4e2 36.7%, #e2a5fc 0, #e2a5fc 66.7%, #ed8062 0, #ed8062 100%);
  position: relative;
  width: 500px;
  min-height: 500px;
  max-width: 100%;
  margin: 4.0rem auto;
}
figure.pie-chart h4 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  top: 1.0rem;
  border-bottom: 0;
}
figure.pie-chart cite {
  position: absolute;
  left: 1.0rem;
  bottom: 3.6rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #ccc;
}
figure.pie-chart figcaption.chart {
  position: absolute;
  bottom: 4.0rem;
  right: 1.0rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: right;
}
figure.pie-chart figcaption {
  position: absolute;
  bottom: 0;
}
figure.pie-chart span:after {
  display: inline-block;
  content: "";
  width: 1.0rem;
  height: 1.0rem;
  margin-left: 0.5rem;
  border-radius: 0.2rem;
  background: currentColor;
}
.MA_shortchart {
  display: flex;
}
.MA_shortchart div {
  width: calc((100% -150px) / 3);
  margin: 0 50px 0 0;
  text-align: center;
  font-size: 18px;
  position: relative;
}
.MA_shortchart dt {
  line-height: 1.75;
  font-weight: bold;
  color: #fff;
}
.MA_shortchart div:first-of-type dt {
  background-color: #13b1f3;
}
.MA_shortchart div:nth-of-type(2) dt {
  background-color: #67cb5c;
}
.MA_shortchart div:nth-of-type(3) dt {
  background-color: #d6b500;
}
.MA_shortchart div::after {
  content: '';
  position: absolute;
  top: 0.9em;
  right: -2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.8em 0 1.8em 2em;
}
.MA_shortchart div:nth-of-type(1)::after {
  border-color: transparent transparent transparent #13b1f3;
}
.MA_shortchart div:nth-of-type(2)::after {
  border-color: transparent transparent transparent #67cb5c;
}
.MA_shortchart div:nth-of-type(3)::after {
  border-color: transparent transparent transparent #d6b500;
}
.MA_shortchart dd {
  width: 120%;
  font-size: 20px;
  text-align: center;
  margin: 20px 0;
  font-weight: bold;
  padding: 10px;
}
.MA_shortchart div:first-of-type dd {
  background-color: #b8e7fb;
  color: #13b1f3;
}
.MA_shortchart div:nth-of-type(2) dd {
  background-color: #d1efce;
  color: #67cb5c;
}
.MA_shortchart div:nth-of-type(3) dd {
  background-color: #f3e9b2;
  color: #d6b500;
}
.MA_flow_icons, .MA_flow_title, .MA_flow_desc {
  display: flex;
  font-size: 18px;
  width: 100%;
  line-height: 1.5;
}
.MA_flow_icons li {
  width: calc((100% - 100px) / 6);
  margin: 10px 0 0 10px;
  text-align: center;
}
.MA_flow_icons li img {
  width: 25%;
  margin: auto;
}
.MA_flow_title li {
  width: calc((100% - 100px) / 6);
  padding: 5px;
  margin: 10px 0 0 10px;
  text-align: center;
  line-height: 1.75;
  font-weight: bold;
  color: #fff;
}
.MA_flow_title li:first-child {
  background-color: #787ef8;
}
.MA_flow_title li:nth-child(2) {
  background-color: #13b1f3;
}
.MA_flow_title li:nth-child(3) {
  background-color: #05bf9e;
}
.MA_flow_title li:nth-child(4) {
  background-color: #67cb5c;
}
.MA_flow_title li:nth-child(5) {
  background-color: #d6b500;
}
.MA_flow_title li:nth-child(6) {
  background-color: #f16ab3;
  position: relative;
}
.MA_flow_title li:nth-child(6)::after {
  content: '';
  position: absolute;
  top: 0em;
  right: -2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2em 0 2em 2em;
  border-color: transparent transparent transparent #f16ab2;
}
.MA, .SFA, .CRM {
  background-color: #eeeeee;
  margin: 20px 0 0 10px;
  padding: 15px;
  ;
}
.MA {
  width: calc(((100% / 6) * 3) - 30px);
}
.SFA, .CRM {
  width: calc(((100% / 6) * 1.5) - 30px);
}
dl.MA_flow_desc div.MA dt h4, .SFA dt h4, .CRM dt h4 {
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  border: none;
  margin: 5px 0;
}
dl.MA_flow_desc div.MA dt h4 {
  color: #13b1f3;
}
dl.MA_flow_desc div.SFA dt h4 {
  color: #67cb5c;
}
dl.MA_flow_desc div.CRM dt h4 {
  color: #d6b500;
}
.MA_flow_subtitle {
  text-align: center;
  font-weight: bold;
  color: #656565;
  font-size: 16px;
  margin: 0 0 15px 0;
}
.MA_flow_text {
  font-size: 1.6rem;
}

.contentsMarketing_inner{
  max-width:800px;
  margin:0 auto;
}
.flex{
  display:flex;
  justify-content: space-around;
}
.contentsMarketing_flow_icons,
.contentsMarketing_flow_title,
.contentsMarketing_flow_desc{
  display: flex;
  font-size:18px;
  width: 100%;
}
.contentsMarketing_flow_icons li{
  width: calc((100% - 50px) / 5);
  margin: 10px 0 0 20px;
  text-align: center;
}
.contentsMarketing_flow_icons li img{
  width: 25%;
  display: inline;
}
.contentsMarketing_flow_title li{
  width: calc(100% / 5);
  padding:5px;
  margin: 10px 0 0 5px;
  text-align: center;
  line-height:1.75;
  font-weight: bold;
  color:#fff;
  position:relative;
  height: 5rem;
}
.contentsMarketing_flow_title li .contentsMarketing_action{
  position: absolute;
  display:inline;
  top: 50%;
  left: 50%;
  margin: 0 0 0 10px;
  width: 100%;
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  border-bottom: none;
  font-size: 1.6rem;
}
.contentsMarketing_flow_title li:first-child{
  background-color: #ea8d8d;
}
.contentsMarketing_flow_title li:nth-child(2){
  background-color: #c694db;
}
.contentsMarketing_flow_title li:nth-child(3){
  background-color: #8f88f1;
}
.contentsMarketing_flow_title li:nth-child(4){
  background-color: #88c5f1;
}
.contentsMarketing_flow_title li:nth-child(5){
  background-color: #8cd44d;
}

.contentsMarketing_flow_title li::before{
  content: '';
  position: absolute;
  z-index: 3;
  top: 0;
  right: -2rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5rem 0 2.5rem 2rem;
  border-color: transparent transparent transparent #ea8d8d;
}
.contentsMarketing_flow_title li::after{
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: -2.5rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5rem 0 2.5rem 2rem;
  border-color: transparent transparent transparent #fff;
}

.contentsMarketing_flow_title li:nth-of-type(2)::before{
  border-color: transparent transparent transparent #c694db;
}
.contentsMarketing_flow_title li:nth-of-type(3)::before{
  border-color: transparent transparent transparent #8f88f1;
}
.contentsMarketing_flow_title li:nth-of-type(4)::before{
  border-color: transparent transparent transparent #88c5f1;
}
.contentsMarketing_flow_title li:nth-of-type(5)::before{
  display:none;
}
.contentsMarketing_chart figure img{
  width:50px;
}
.column{
  width: 280px;
  margin: 0 auto;
  text-align: center;
}
.contentsMarketing_chart .column h4.koukoku,
.contentsMarketing_chart .column h4.contentsMarketing{
  font-size: 22px;
  color:#393939;
  border: none;
  font-weight: bold;
}
.contentsMarketing_chart  .company_img{
  margin: 75px auto;
  position:relative;
}
.koukoku_arrowbox::before{
  content:"";
  position: absolute;
  background-color: #dec433;
  height: 175px;
  width: 7px;
  z-index: -1;
  top: -60px;
  display:block;
  right: 0;
  left: 0;
  margin: auto;
}
.koukoku_arrowbox::after{
  content:"";
  position:absolute;
  width: 0;
  height: 0;
  top:115px;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #dec433 transparent transparent transparent;
  display:block;
  right: 0;
  left: 0;
  margin: auto;
}
.contents_arrowbox::before{
  content: "";
  position: absolute;
  background-color: #5fb2c1;
  height: 50px;
  width: 7px;
  z-index: 0;
  top: -60px;
  left: 0;
  right: 0;
  margin: auto;
  display:block;
}
.contents_arrowbox::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #5fb2c1 transparent transparent transparent;
  display:block;
}
.arrow_box{
  position: absolute;
  background-color: #5fb2c1;
  height: 50px;
  width: 7px;
  z-index: 0;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
  display:block;
}
.arrow_box::after{
  content:"";
  position: absolute;
  width: 0;
  height: 0;
  top: -5px;
  left: -12px;
  right: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #5fb2c1 transparent;
  display:block;
}

.contentsMarketing_chart figure.company_img figcaption,
.contentsMarketing_chart figure.user_img figcaption{
  font-size: 1.8rem;
  color:#666;
  font-weight: bold;
  font-style: normal;
}
.koukoku_arrowbox{
  display: flex;
  justify-content: center;
}
.koukoku_arrowbox,
.contents_arrowbox{
  line-height: 1.5;
  background-color: #dec433;
  color:#fff;
  font-weight: bold;
  padding: 10px;
  position :relative;
  font-size: 1.8rem;
  z-index:3;
}
.contents_arrowbox{
  background-color: #5fb2c1;
}
.koukoku_arrowbox p,
.contents_arrowbox p{
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  margin: 0 0 0 10px;
  width: 100%;
  transform: translateY(-50%) translateX(-50%);
}
.koukoku_arrowbox img{
  margin: 0 0 0 10px;
}
.contents_arrowbox img{
  vertical-align: middle;
  margin: 0 0 0 10px;
  display: inline;
}
.contentsMarketing_chart figure.user_img{
  margin: 75px auto;
}


/*  */
.mark_contentsChart{
  display: flex;
  width: 740px;
  margin: auto;
  justify-content: space-between;
  position: relative;
}


.mktg_contents{
  background-color: #eeef84;
  padding:20px 30px 30px;
  width: 360px;
  position: relative;
}

.mark_contentsChart .mktg_contents .mktg_contents_title{
  color: #06839d;
  font-size: 2.4rem;
  font-weight: bold;
  padding:0 0 30px 0;
  text-align: center;
  border:none;
  margin: 20px auto 0px auto;
}
.mktg_list{
  display: flex;
  justify-content: space-between;
  width: 270px;
  margin: 0 auto;
}

.mktg_list li{
  background-color: #fff;
}

.mktg_contents .mktg_list .mktg_item .mktg_item-title{
  color: #000;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 30px;
  border:none;
  margin-bottom:0;
}

.mktg_item{
  padding: 10px 14px;
  text-align: center;
  width: 130px;
  height: 236px;
}

.mktg_item li{
  background-color: #eeef84;
  border-radius: 3px;
  padding: 2px 8px;
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 1.6rem;
}

.SEOarea{
  border: 3px solid #e3625e;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
  position: absolute;
  font-size: 1.8rem;
  font-weight: bold;
  bottom: 45px;
  left: 0;
  right: 0;
  margin: auto;
  width: 170px;
}


.fieldmktg-color{
  background-color:#b4eeef;
}

.mktg_contents.fieldmktg-color{
  background-color:#b4eeef;
}

.mktg_item.fieldmktg-color li{
  background-color:#b4eeef;
}

.mktg_contents.fieldmktg-color::after {
  content: "";
  width: 620px;
  height: 192px;
  border: 6px solid #e3625e;
  margin: 0 auto;
  display: block;
  left: -320px;
  top: 170px;
  position: absolute;
}


.CM_tip{
  background: #e3625e;
  width: 5px;
  height: 38px;
  margin: 0 auto;
  position: relative;
}

.CM_tip::before{
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 18px solid #e3625e;
  position: absolute;
  bottom: -18px;
  left:-6px;
}

.CM_areaWrap h5.CM_area{
  background-color: #e3625e;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  line-height: 54px;
  width: 320px;
  height: 54px;
  margin: 28px auto 0;
  padding:0px;
}


/*  */
.MeasurementIndexWrap{
  width:640px;
  margin: 0 auto;
  position: relative;
}

.MeasurementIndex_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.MeasurementIndex_item-titleWrap::before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 140px 0 140px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  bottom:80px;
  left:0px;
  z-index: 2;
}

.MeasurementIndex_item-titleWrapF::before{
  border-style: none;
}

.MeasurementIndex_item-titleWrap{
  background-color: #E981C7;
  width: 280px;
  height: 90px;
  text-align: center;
  position: relative;
}

.MeasurementIndex_item:nth-of-type(2) .MeasurementIndex_item-titleWrap{
  background-color: #EDD674;
}

.MeasurementIndex_item:nth-of-type(2) .MeasurementIndex_item-titleWrap::after {
  border-color: #EDD674 transparent transparent transparent;
}

.MeasurementIndex_item:nth-of-type(3) .MeasurementIndex_item-titleWrap{
  background-color: #97C98F;
}

.MeasurementIndex_item:nth-of-type(3) .MeasurementIndex_item-titleWrap::after {
  border-color: #97C98F transparent transparent transparent;
}

.MeasurementIndex_item:nth-of-type(4) .MeasurementIndex_item-titleWrap{
  background-color: #81B2E8;
}

.MeasurementIndex_item:nth-of-type(4) .MeasurementIndex_item-titleWrap::after {
  border-color: #81B2E8 transparent transparent transparent;
}



.MeasurementIndex_item-titleWrap::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 140px 0 140px;
  border-color: #E981C7 transparent transparent transparent;
  position: absolute;
  bottom:-10px;
  left:0px;
  z-index: 3;
}

.MeasurementIndex_item .MeasurementIndex_item-titleWrap h4.MeasurementIndex_item-title{
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 100px;
  margin-top: 0;
  border: none;
  padding: 0px;
}



.MeasurementIndex_item-textWrap{
  width: 330px;
}


.MeasurementIndex_item-textWrap p{
  color: #E981C7;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.MeasurementIndex_item:nth-of-type(2) .MeasurementIndex_item-textWrap p {
  color: #EDD674;
}

.MeasurementIndex_item:nth-of-type(3) .MeasurementIndex_item-textWrap p {
  color: #97C98F;
}

.MeasurementIndex_item:nth-of-type(4) .MeasurementIndex_item-textWrap p {
  color: #81B2E8;

}

.MeasurementIndex_item-textWrap span{
  display: block;
  font-size: 1.6rem;
}

.settinggoal_item{
  font-weight: bold;
  padding-left: 14px;
}

.MeasurementIndex-kgi_wrap{
  width: 280px;
}

.MeasurementIndex-kgi_wrap{
  display: flex;
  justify-content: space-between;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 280px;
}

.MeasurementIndex-kgi_wrap li:first-of-type{
  background-color: #06839d;
  color: #fff;
  width: 30%;
  font-weight: bold;
  font-size: 2.4rem;
}

.MeasurementIndex-kgi_wrap li:last-of-type{
  border: 3px solid #06839d;
  width: 70%;
  font-weight: bold;
  font-size: 1.8rem;
}


.MeasurementIndex-kpi_wrap {
  background-color: #c6145b;
  color: #fff;
  font-size: 2.4rem;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
}




.settinggoalWrap{
  display: flex;
  margin: auto;
  justify-content: space-between;
  width: 640px;
}

.MeasurementIndexWrap.settinggoal_figure{
  width: 280px;
  margin: 0;
}

.settinggoal_listWrap{
  width: 324px;
}

.settinggoal_list{
  border: 3px dashed #c5145c;
  border-bottom: none;
}

.settinggoal_list li{
  height: calc(400px / 4);
  padding: 28px;
  font-weight: bold;
  font-size: 1.6rem;
}


/*  */
.whole_flow{
  display: flex;
  justify-content: space-between;
  width:768px;
  margin:0 auto;
}

.whole_flow div{
  position: relative;
}

.whole_flow div::after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 24.2px;
  border-color: transparent transparent transparent #67cb5c;
  position: absolute;
  top: 50%;
  right: -60px;
}

.whole_flow div:last-of-type::after{
  display: none;
}

.user_name{
  display: block;
  text-align: center;
  margin-bottom: 6px;
  font-size: 1.6rem;
}

.user_icon{
  color: #aaaaaa;
  font-size: 8rem;
  margin-bottom: 10px;
}

.user_icon.user_icon2{
  display: inline-block;
  float: left;
  text-align: left;
  margin-bottom: 0;
}

.user_middle{
  width: 100%;
}

.user_middle .user_name{
  display: inline-block;
  margin-top: 16px;
}

.comment_middelWrap{
  text-align: left;
  display: inline-block;
}



.child_icon{
  color: #ed7f61;
  font-size: 5.6rem;
  margin-bottom: 10px;
}

.flow_title.bg_ed7f61{
  background-color:  #ed7f61;
}

.flow_item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.flow_title-2Wrap{
  display: flex;
}

.flow_title{
  border-radius: 3px;
  background-color: #33b6ed;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  padding:0px 22px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  max-width: 140px;
}

.flow_title.flow_title-2{
  display: block;
  background: #67cb5c;
  padding: 0 10px;
  max-width: 190px;
}

.company_figure--middle{
  display: flex;
}

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

.company_exlist{
  background-color: #e1f5de;
  padding: 10px 8px;
  width: 218px;
  height: 85px;
  margin-left: 14px;
}

.company_exlist li{
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 1.6rem;
}
.company_exlist li:last-of-type{
  margin-bottom:0px;
}
.company_exlist li::before{
  content: "";
  width: 5px;
  height: 5px;
  display: inline-block;
  background-color: #000;
  border-radius: 50%;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 8px;
}

.company_left span{
  display: block;
  color: #67cb5c;
  font-weight: bold;
  font-size: 1.8rem;
}

.company_side-icon{
  font-size: 5rem;
  color: #67cb5c;
}

.plus_icon{
  color: #aaaaaa;
  margin:10px 4px 0;
}

.flow_comment{
  display: block;
  border-radius: 30px;
  padding: 8px 16px;
  width: 160px;
  text-align: center;
  background-color: #e6f7ff;
  font-weight: bold;
  font-size: 1.6rem;
}

.flow_comment:nth-of-type(2){
  margin-top: 10px;
}

.CD_inner{
  width: 768px;
  margin: auto;
  font-size: 1.6rem;
}

.CD_inner>div{
  width: 460px;
  margin: auto;
}


.CD_inner>div:nth-of-type(2){
  width: 310px;
  margin: auto;
}

.CD_head,.CD_foot{
  display: flex;
  padding-bottom: 16px;
}

.CD_middle{
  display: flex;
  justify-content: space-between;
}

.CD_foot:last-of-type{
  padding-bottom: 0;
}

.CD_category{
  width: 160px;
  text-align: center;
}

.CD_name{
  border-radius: 3px;
  background-color:#dbe9f6;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px;
  margin-bottom: 10px;
}

.bg_e1f5de{
  background-color: #e1f5de;
}

.bg_fbe6f4{
  background-color: #fbe6f4;
}

.bg_eeeeee{
  background-color: #eeeeee;
}

.build_icon{
  color: #4b91d1;
  font-size: 10rem;
}

.manifestation_icon{
  color: #67cb5c;
  font-size: 10rem;
}

.influencer_icon{
  color:#e980c7;
  font-size: 10rem;
}

.potential_icon{
  color: #aaaaaa;
  font-size: 10rem;
}

.CD_arrowWrap{
  margin: 50px 10px 0;
}

.CD_arrow{
  background: #4b91d1;
  width: 80px;
  height: 6px;
  position: relative;
  margin: 6px 0;
}

.CD_arrow::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13.9px;
  border-color: transparent transparent transparent #4b91d1;
  position: absolute;
  top:-5px;
  right: -13px;
}

.CD_arrow2Wrap{
  text-align: center;
  display: flex;
}

.CD_arrow2Wrap span{
  display: block;
}

.CD_arrow2{
  display: block;
  background: #4b91d1;
  width: 6px;
  height: 40px;
  position: relative;
  margin-right: 6px;
}

.CD_arrow2::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.9px 8px 0 8px;
  border-color: #4b91d1 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  right: -5px;
}

.CD_arrow3Wrap{
  margin-top: -20px;
  position: relative;
  width: 100px;
}

.CD_arrow3{
  background: #e980c7;
  width: 6px;
  height: 90px;
  position: relative;
  transform: rotate(230deg);

}

.CD_arrow3::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.9px 8px 0 8px;
  border-color:#e980c7 transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  right: -5px;
}

.CD_arrow3Wrap span{

  position: absolute;
  top: 60px;
  left: -10px;
  width: 110px;

}


.CD_arrow2.CD_arrow4{
  background: #67cb5c;
}

.CD_arrow2.CD_arrow4::after{
  border-color: #67cb5c transparent transparent transparent;
}

.CD_arrow.CD_arrow4{
  background: #e980c7;
}

.CD_arrow.CD_arrow4::after{
  border-color: transparent transparent transparent #e980c7;
}
/*img-hk*/
.main-txt figure.figure-kook h4,
.main-txt figure.figure-kook h5,
.main-txt figure.figure-kook p,
.main-txt figure.figure-kook strong,
.main-txt figure.figure-kook li{
  font-size:1.6rem;
  font-weight:normal;
  line-height:1.5;
  color:#333;
  border:none;
  margin:0;
  padding:0;
}
.main-txt figure.figure-kook br.br-sp{
  display:none;
}
.main-txt figure.img-w-is-ma{
  margin:20px auto;
  width:852px;
}
.main-txt figure.img-w-is-ma dt p{
  font-weight:bold;
  color:#fff;
  text-align:center;
  z-index:101;
}
.main-txt figure.img-w-is-ma p{
  text-align:justify;
}
.main-txt figure.img-w-is-ma figure{
  margin:0;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(2) dd div:nth-of-type(1) p{
  width:200px;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(2) dd div:nth-of-type(2) p{
  width:282px;
}
.main-txt figure.img-w-is-ma small{
  display:block;
  font-size:1.2rem;
  text-align:center;
  width:34px;
  padding-top:6px;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(2) dd div:nth-of-type(2) small{
  font-size:1.1rem;
}
.main-txt figure.img-w-is-ma strong{
  font-size:1.6rem;
  text-align:left;
  font-weight:bold;
}
.main-txt figure.img-w-is-ma dl > div{
  display:flex;
}
.main-txt figure.img-w-is-ma dl dt{
  margin:0 0 10px;
  box-sizing:border-box;
  width:192px;
  height:104px;
  padding-top:54px;
  position:relative;
}
.main-txt figure.img-w-is-ma dl div + div dt:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:0;
  left:0;
  border-style:solid;
  border-width:34px 96px 0 96px;
  border-color:#fff transparent transparent transparent;
  z-index:0;
}
.main-txt figure.img-w-is-ma dl dt:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  bottom:-34px;
  left:0;
  border-style:solid;
  border-width:34px 96px 0 96px;
  z-index:1;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dt{
  padding-top:22px;
  height:96px;
  background:#36c3ea;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dt:after{
  border-color:#36c3ea transparent transparent transparent;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(2) dt{
  background:#3b78e2;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(2) dt:after{
  border-color:#3b78e2 transparent transparent transparent;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dt{
  background:#703de0;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dt:after{
  border-color:#703de0 transparent transparent transparent;
}
.main-txt figure.img-w-is-ma dl dd{
  height:104px;
  width:660px;
  background:#dff2f2;
  border-radius:0 14px 14px 0;
  display:flex;
  align-items:center;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(3) dd{
  display:block;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd{
  height:96px;
}
.main-txt figure.img-w-is-ma dl dd span{
  display:flex;
  align-items:center;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div{
  height:calc( 52px - 8px );
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(1){
  margin-top:10px;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(2){
  margin-left:32px;
}
.main-txt figure.img-w-is-ma dl div dd div{
  display:flex;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd div{
  display:flex;
  align-items: center;
}
.main-txt figure.img-w-is-ma dl dd figure{
  margin-left:30px;
  margin-right:14px;
  width:34px;
}
.main-txt figure.img-w-is-ma dl dd div figure img{
  margin:0 auto;
}
.main-txt figure.img-w-is-ma img.img-client{
  width:34px;
}
.main-txt figure.img-w-is-ma img.img-company{
  width:32px;
}
.main-txt figure.img-w-is-ma img.img-exclamation{
  width:40px;
}
.main-txt figure.img-w-is-ma span{
  height:2px;
  width:40px;
  background:#444;
  position:relative;
  top:calc( 1.6rem * 1.5 / 2 - 1px + 0.4rem);
}
.main-txt figure.img-w-is-ma span:after{
  content:"";
  position:absolute;
  width:12px;
  height:2px;
  transform:rotate(45deg);
  background:#444;
  top:calc( -6px * 0.7 );
  right:0;
}
.main-txt figure.img-w-is-scoring-fn{
  text-align:center;
  line-height:1.5!important;
}
.main-txt figure.img-w-is-scoring-fn h4{
  font-size:2.4rem;
  margin:20px auto 20px;
}
.main-txt figure.img-w-is-scoring-fn ul{
  display:flex;
  margin:0 auto;
  width:584px;
}
.main-txt figure.img-w-is-scoring-fn ul li{
  text-align:left;
  color:#fff;
  font-weight:bold;
  width:178px;
  height:112px;
  position:relative;
  display:flex;
  align-items: center;
  justify-content: center;
  padding-left:34px;
}
.main-txt figure.img-w-is-scoring-fn ul li + li{
  margin-left:10px;
}
.main-txt figure.img-w-is-scoring-fn ul li + li:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:0;
  left:0;
  border-style:solid;
  border-width:56px 0 56px 30px;
  border-color:transparent transparent transparent #fff;
  z-index:1;
}
.main-txt figure.img-w-is-scoring-fn ul li:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:0;
  right:-30px;
  border-style:solid;
  border-width:56px 0 56px 30px;
  z-index:2;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(1){
  background:#3bbc91;
  padding-left:10px;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(1):after{
  border-color:transparent transparent transparent #3bbc91;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(2){
  background:#37b0c4;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(2):after{
  border-color:transparent transparent transparent #37b0c4;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(3){
  background:#3a63bf;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(3):after{
  border-color:transparent transparent transparent #3a63bf;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(2) span,
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(3) span{
  left:40px;
}
.main-txt figure.img-w-is-sm-sending-fn{
  text-align:center;
}
.main-txt figure.img-w-is-sm-sending-fn h4{
  font-size:2.4rem;
  margin:20px auto 20px;
}
.main-txt figure.img-w-is-sm-sending-fn ul{
  display:flex;
  width:750px;
  margin:0 auto;
  position:relative;
  left:-10px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li{
  display:flex;
  align-items: center;
  justify-content: center;
  width:236px;
  height:106px;
  padding:0 24px 0 36px;
  position:relative;
  color:#fff;
  font-weight:bold;
  text-align:justify;
  box-sizing:border-box;
}
.main-txt figure.img-w-is-sm-sending-fn ul li + li{
  margin-left:10px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  left:0;
  top:0;
  border-style:solid;
  border-width:53px 0 53px 22px;
  border-color:transparent transparent transparent #fff;
  z-index:99;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  right:-22px;
  top:0;
  border-style:solid;
  border-width:53px 0 53px 22px;
  z-index:100;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1){
  background:#67cfe8;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1):before{
  border-color:transparent;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1):after{
  border-color:transparent transparent transparent #67cfe8;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(2){
  background:#679ae5;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(2):after{
  border-color:transparent transparent transparent #679ae5;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(3){
  background:#7367e5;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(3):after{
  border-color:transparent transparent transparent #7367e5;
}
.main-txt figure.img-w-is-sm-sending-fn figure > div{
  margin-top:18px;
}
.main-txt figure.img-w-is-sm-sending-fn figure > div div{
  width:42px;
  height:24px;
  background:#3d3d3d;
  margin:0 auto;
  position:relative;
}
.main-txt figure.img-w-is-sm-sending-fn div > div:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  bottom:-26px;
  left:-16px;
  border-style:solid;
  border-width:26px 37px 0 37px;
  border-color:#3d3d3d transparent transparent transparent;
  color:#3d3d3d;
}
.main-txt figure.img-w-is-sm-sending-fn figure > div + p{
  width:312px;
  margin:40px auto 0;
  padding:18px 0;
  border:solid 2px #61b5c9;
}
.main-txt figure.img-w-is-tracking-fn{
  text-align:center;
}
.main-txt figure.img-w-is-tracking-fn h4{
  font-size:2.4rem;
  margin:20px auto 20px;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1){
  display:flex;
  text-align:left;
  width:630px;
  margin:0 auto 18px;;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) h5{
  display:flex;
  align-items: center;
  justify-content: center;
  width:260px;
  height:130px;
  background:#e0eeef;
  font-weight:bold;
  padding:24px;
}
.main-txt figure.img-w-is-tracking-fn ul{
  list-style:disc;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) ul{
  padding:0 36px 0 52px;
  width:370px;
  height:130px;
  border:solid 2px #e0eeef;
  box-sizing:border-box;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) ul li{
  position:relative;
  top:calc(130px / 2 - 1.6rem * 1.5 * 4 / 2);
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div{
  display:block;
  width:52px;
  height:40px;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div{
  display:flex;
  width:630px;
  margin:0 auto;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div div{
  width:32px;
  height:20px;
  background:#444;
  position:relative;
  top:10px;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div div:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  right:-20px;
  top:-10px;
  border-style:solid;
  border-width:20px 0 20px 20px;
  border-color:transparent transparent transparent #444;
  z-index:100;
}
.main-txt figure.img-w-is-tracking-fn figure div + strong{
  line-height:40px;
  font-size:2.4rem;
  color:#50abc0;
  position:relative;
  top:2px;
  margin-left:26px;
}
.main-txt figure.img-w-is-tracking-fn figure div + strong span{
  display:inline-block;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div + ul{
  text-align:left;
  margin:0 auto;
  width:354px;
  position:relative;
  left:0.8rem;
}
.main-txt figure.img-p-c-about-ma{
  text-align:center;
}
.main-txt figure.img-p-c-about-ma > div{
  margin:20px auto 20px;
}
.main-txt figure.img-p-c-about-ma h4{
  font-size:2.4rem;
  line-height:1.25;
  margin-bottom:6px;
}
.main-txt figure.img-p-c-about-ma > div p{
  font-size:1.6rem;
}
.main-txt figure.img-p-c-about-ma ol{
  display:flex;
  width:580px;
  margin:0 auto;
  justify-content: space-between;
}
.main-txt figure.img-p-c-about-ma ol > li{
  width:260px;
  height:214px;
  border:solid 2px #679ae5;
  border-radius:20px;
  box-sizing:border-box;
  position:relative;
}
.main-txt figure.img-p-c-about-ma h5{
  width:260px;
  height:74px;
  background:#679ae5;
  border-radius:20px 20px 0 0;
  box-sizing:border-box;
  position:relative;
  left:-2px;
  color:#fff;
  font-weight:bold;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 28px;
}
.main-txt figure.img-p-c-about-ma ol li:nth-child(2) h5{
  text-align:justify;
}
.main-txt figure.img-p-c-about-ma ul{
  list-style:disc;
  text-align:justify;
  width:260px;
  height:140px;
  padding:0 28px 0 36px;
}
.main-txt figure.img-p-c-about-ma ol li:nth-child(1) ul li{
  position:relative;
  top:calc(140px / 2 - 1.6rem * 1.5 * 4 / 2);
}
.main-txt figure.img-p-c-about-ma ol li:nth-child(2) ul li{
  position:relative;
  top:calc(140px / 2 - 1.6rem * 1.5 * 3 / 2);
}
.main-txt figure.img-p-c-about-ma li > div{
  position:absolute;
  top:-16px;
  left:-16px;
  color:#fff;
  font-size:2.4rem;
}
.main-txt figure.img-p-c-about-ma li > div div:before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  border:solid 1px #679ae5;
  border-radius:50%;
  width:40px;
  height:40px;
}
.main-txt figure.img-p-c-about-ma li > div div{
  font-weight:bold;
  background:#679ae5;
  border:solid 2px #fff;
  border-radius:50%;
  width:40px;
  height:40px;
}
.main-txt figure.img-3step-g-serch ol{
	display:flex;
	justify-content:center;
}
.main-txt figure.img-3step-g-serch li{
	font-size:1.6rem;
	color:#ffffff;
	font-weight:bold;
	height:80px;
	line-height:80px;
	width:160px;
	background:#9964ff;
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
	text-indent:3rem;
}
.main-txt figure.img-3step-g-serch li:before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	top:0;
	left:0;
	border-style:solid;
	border-width:40px 0 40px 24px;
	border-color:transparent transparent transparent #ffffff;
	color:#ffffff;
	z-index:1;
}
.main-txt figure.img-3step-g-serch li:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	top:0;
	right:-24px;
	border-style:solid;
	border-width:40px 0 40px 24px;
	border-color:transparent transparent transparent #9964ff;
	color:#9964ff;
	z-index:2;
}
.main-txt figure.img-3step-g-serch li + li{
	margin-left:10px;
}
.main-txt figure.img-3step-g-serch li:nth-child(2){
	background:#6c63ff;
}
.main-txt figure.img-3step-g-serch li:nth-child(2):after{
	border-color:transparent transparent transparent #6c63ff;
}
.main-txt figure.img-3step-g-serch li:nth-child(3){
	background:#4d8dff;
}
.main-txt figure.img-3step-g-serch li:nth-child(3):after{
	border-color:transparent transparent transparent #4d8dff;
}
.main-txt figure.img-method-raise-inG{
	width:800px;
	position:relative;
	border:solid 1px #333;
	padding-bottom:50px;
	background:#ffffff;
}
.main-txt figure.img-method-raise-inG img{
	margin:0 auto;
	width:796px;
	height:auto;
	max-width:none;
}
.main-txt figure.img-method-raise-inG > div{
	position:absolute;
	top:0;
	left:0;
}
.main-txt figure.img-method-raise-inG div div:nth-child(1) div{
	position:absolute;
	border:solid 1px #55ebff;
	border-radius:8px;
	width:440px;
	height:90px;
	left:106px;
	top:116px;
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(1){
	position:absolute;

	border:solid 2px #3f3be2;
	border-radius:8px;
	width:440px;
	height:294px;
	left:106px;
	top:216px;
	box-sizing:border-box;
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(2){
	position:absolute;
	background:#3f3be2;
	width:20px;
	height:174px;
	left:594px;
	top:266px;
	box-sizing:border-box;
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(2):before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	top:-26px;
	left:-12px;
	border-style:solid;
	border-width:0 22px 26px 22px;
	border-color:transparent transparent #3f3be2 transparent;
	z-index:2;
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) p{
	position:absolute;
	width:74px;
	font-size:1.6rem;
	line-height:1.25;
	color:#3f3be2;
	margin:0;
	padding:0;
	font-weight:bold;
	top:456px;
	left:566px;
	text-align:center;
}
.main-txt figure.img-method-raise-inG small{
	position:absolute;
	text-align:center;
	left:0;
	right:0;
	bottom:0;
	padding:4px;
}
.main-txt figure.img-method-raise-inG small:before{
	content:"*";
}
.main-txt figure.img-content-e-a-t{
	text-align:center;
}
.main-txt figure.img-content-e-a-t h4{
	font-size:2.4rem;
	color:#333333;
}
.main-txt figure.img-content-e-a-t figure{
	margin:16px auto 0;
}
.main-txt figure.img-content-e-a-t ul{
	background:#f4eded;
	padding:50px 0;
	border-radius:20px;
	width:500px;
	margin:0 auto;
}
.main-txt figure.img-content-e-a-t ul li{
	font-size:2.4rem;
	color:#ffffff;
	background:#ffa466;
	border-radius:10px;
	padding:12px 0;
	width:400px;
	margin:0 auto;
	font-weight:bold;
	position:relative;
}
.main-txt figure.img-content-e-a-t ul li:nth-child(2){
	background:#ff7866;
}
.main-txt figure.img-content-e-a-t ul li:nth-child(3){
	background:#ff66af;
}
.main-txt figure.img-content-e-a-t ul li + li{
	margin-top:40px;
}
.main-txt figure.img-content-e-a-t ul li + li:before{
	content:"";
	background:#606060;
	height:2px;
	width:26px;
	position:absolute;
	top:-19px;
	left:187px;
	transform:rotate(45deg);
}
.main-txt figure.img-content-e-a-t ul li + li:after{
	content:"";
	background:#606060;
	height:2px;
	width:26px;
	position:absolute;
	top:-19px;
	left:187px;
	transform:rotate(-45deg);
}
.main-txt figure.img-keyword-seo{
	display:flex;
	align-items:center;
	justify-content: center;
}
.main-txt figure.img-keyword-seo p{
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.25;
	color:#ffffff;
	text-align:center;
	position:absolute;
	top:50%;
	left:calc(50% - 4.8rem);
	transform:translateY(-50%);
}
.main-txt figure.img-keyword-seo div{
	width:166px;
	height:100px;
	background:#6c63ff;
	border-radius:8px;
	position:relative;
	align-items: center;
}
.main-txt figure.img-keyword-seo > div:after{
	content:"";
	width:60px;
	height:2px;
	background:#606060;
	position:absolute;
	top:49px;
	left:176px;
}
.main-txt figure.img-keyword-seo > div:before{
	content:"";
	width:30px;
	height:380px;
	border:solid 2px;
	border-color:#606060 transparent #606060 #606060;
	border-radius:8px 0 0 8px;
	position:absolute;
	top:-142px;
	left:206px;
}
.main-txt figure.img-keyword-seo ul li{
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.main-txt figure.img-keyword-seo > ul{
	margin-left:80px;
}
.main-txt figure.img-keyword-seo > ul > li + li{
	margin-top:40px;
}
.main-txt figure.img-keyword-seo > ul > li > div{
	width:200px;
	height:48px;
	background:#00c5f7;
	margin-right:80px;
}
.main-txt figure.img-keyword-seo > ul > li > div:after{
	content:"";
	width:60px;
	height:2px;
	background:#606060;
	position:absolute;
	top:23px;
	left:210px;
}
.main-txt figure.img-keyword-seo > ul > li > div:before{
	content:"";
	width:30px;
	height:120px;
	border:solid 2px;
	border-color:#606060 transparent #606060 #606060;
	border-radius:8px 0 0 8px;
	position:absolute;
	top:-38px;
	left:236px;
}
.main-txt figure.img-keyword-seo > ul > li > div > p{
	left:calc( 50% - 6.4rem);
}
.main-txt figure.img-keyword-seo ul li ul li div{
	width:220px;
	height:30px;
	background:#09d8b0;
}
.main-txt figure.img-keyword-seo ul li ul li div p{
	left:calc( 50% - 8.8rem);
}
.main-txt figure.img-keyword-seo ul li ul li + li{
	margin-top:30px;
}
.main-txt figure.img-site-structure-ofkw{
	display:flex;
	width:500px;
	justify-content: space-between;
	align-items:center;
}
.main-txt figure.img-site-structure-ofkw > div > p,
.main-txt figure.img-site-structure-ofkw ul li p{
	font-size:1.6rem;
	font-weight:bold;
	color:#ffffff;
	line-height:1.25;
	text-align:center;
	border-radius:8px;
}
.main-txt figure.img-site-structure-ofkw > div:nth-child(1){
	padding:136px 30px;
	background:#00c5f7;
	border-radius:8px;
}
.main-txt figure.img-site-structure-ofkw p{
	font-size:1.6rem;
	font-weight:bold;
	color:#606060;
	text-align:center;
}
.main-txt figure.img-site-structure-ofkw > div > div{
	position:relative;
}
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(1){
	transform:rotate(-30deg);
	top:-90px;
	left:-10px;
}
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(2){
	top:-10px;
}
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(3){
	transform:rotate(30deg);
	top:70px;
}
.main-txt figure.img-site-structure-ofkw div div div{
	display:block;
	width:180px;
	height:2px;
	position:relative;
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(1){
	background:#00c5f7;
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(1):after{
	content:"";
	width:24px;
	height:2px;
	background:#00c5f7;
	position:absolute;
	top:-8px;
	right:-3px;
	transform:rotate(45deg);
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(2){
	background:#09d8b0;
	margin-top:10px;
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(2):after{
	content:"";
	width:24px;
	height:2px;
	background:#09d8b0;
	position:absolute;
	top: 8px;
	left:-3px;
	transform:rotate(45deg);
}
.main-txt figure.img-site-structure-ofkw ul li{
	padding:30px 24px;
	margin:70px auto;
	background:#09d8b0;
	border-radius:8px;
}
.main-txt figure.img-site-structure-ofkw ul li:first-child,
.main-txt figure.img-site-structure-ofkw ul li:last-child{
	margin:0 auto;
}
/*img-hk*/


@media screen and (max-width: 900px) {
  /*fv*/
  .fv {
    background: url(../../img/blog/bg_blog_sp.jpg) no-repeat center center/cover;
  }
  .fv span {
    font-size: 2.4rem;
  }
  .case-study .cases {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .case-study .cases > * {
    width: 100%;
  }
  #ez-toc-container nav {
    height: auto;
    position: static;
  }
  .share-btns a {
    font-size: 3rem;
  }
  /*conts*/
  .conts {
    background-size: 15%;
  }
  /*EX*/
  .executive-message.blog .conts h2::before {
    top: auto;
    bottom: -5px;
  }
  /*thumbs*/
  /*
  .thumbs {
  flex-direction: column;
}
.thumbs article {
width: 100%;
}
.thumbs article + article {
margin-top: 15px;
}
*/
.blog .conts h2 span {
  background: transparent;
}
.executive-message div.thumbs article {
  width: 100%;
}
.executive-message div.thumbs article + article {
  margin-top: 20px;
}
.main-txt #ez-toc-container p.ez-toc-title {
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.main-txt #ez-toc-container li + li {
  margin-top: 0;
}
.main-txt .sp-small {
  font-size: 1.0rem;
}
.author {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.author .author-prof {
  width: 100%;
}
.case-study .case-summary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.case-logo {
  width: 75%;
  margin-bottom: 20px;
}
.case-info {
  margin: 0;
  padding: 10px;
}
.case-info dt {
  padding-right: 20px;
}
.case-info dd {
  padding-left: 20px;
}
.project-summary ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.project-summary li {
  width: 100%;
}
.project-summary li + li {
  margin-top: 20px;
}
.fd-comment {
  max-width: 90%;
}
/*for business-movie*/
.cv_youtube {
  width: 300px;
  height: 150px;
}
.cv_youtube .arrow-double:before,
.cv_youtube .arrow-double:after {
  width: 7px;
  height: 7px;
}
.cv_youtube .arrow-double:after {
  left: 15px;
}
.cv_youtube > span {
  padding-top: 12.0rem;
  font-size: 2.4rem;
  line-height: 3.0rem;
  text-align: center;
}
/*for business-blog*/
.cv_whale {
  height: 150px;
}
.cv_whale img {
  bottom: 60px;
}
.cv_whale > span {
  left: 0;
  right: 0;
  bottom: 10px;
  margin: auto;
}
.img_3c-list:nth-child(1) {
  margin-bottom: -10px;
}
.img_3c .img_3c-list h4 {
  font-size: 1.4rem;
}
.img_3c-list p {
  font-size: 1.2rem;
}
.img_3c-list i {
  font-size: 3rem;
}
.img_3c-customer .left-txt {
  left: -55%;
  bottom: 3%;
}
.img_3c-customer .right-txt {
  right: -55%;
  bottom: 3%;
}
.img_3c-company .left-txt {
  width: 100%;
  right: 30%;
  top: -27%;
}
.img_3c-company .mutual-txt {
  left: -75%;
}
.img_3c-competitor .right-txt {
  left: 15%;
  width: 100%;
}
.b-blog .img_swot h4, .b-movie .img_swot h4 {
  font-size: 1.6rem;
}
.b-blog .img_swot h4, .b-blog .img_swot h5,
.b-movie .img_swot h4, .b-movie .img_swot h5 {
  word-break: normal;
}
.img_swot td.img_swot-t {
  vertical-align: middle;
}
.img_swot td.img_swot-t h4 {
  height: 5em;
}
.img_swot tr th {
  width: 40%;
}
.img_swot tr th:first-child {
  width: 20%;
}
.img_swot td {
  padding: 5px;
}
.img_swot td p {
  font-size: 1.4rem;
  margin: 0 auto;
}
.img_swot th, .img_swot td {
  vertical-align: top;
  padding: 5px;
}
.img_swot-o h4, .img_swot-t h4 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.img_swot .img_swot-table h5 {
  font-size: 1.4rem;
}
.img_4c-4p_col > li {
  width: calc(50% - 10px);
}
.img_4c-4p_col ul li i {
  font-size: 2rem;
  height: 1em;
  right: -30px;
}
.img_4c-4p_col ul li {
  padding: 5px;
  height: 100px;
  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;
}
.img_4c-4p_col li p {
  font-size: 1.4rem;
  text-align: center;
}
.img_4c-4p_col li h4 {
  margin-bottom: 10px;
}
.img_4c-4p_col li h5 {
  font-size: 1.4rem;
}
.img_pest-list div {
  display: block;
}
.img_pest-list div dt, .img_pest-list div dd {
  width: 100%;
}
.img_4p-flow-list {
  width: calc(50% - 5px);
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.img_4p-flow-list .img_4p-flow-inner h5 {
  font-size: 1.6rem;
}
.img_4p-flow-list .img_4p-flow-inner p {
  margin-top: 0;
  font-size: 1.4rem;
}
.img_4p-flow-inner i {
  font-size: 4rem;
}
.img_df-ttl {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.img_dual-funnel .img_df-ttl h4 {
  font-size: 1.6rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 0 0 20px;
  width: auto;
  margin: 0;
}
.img_dual-funnel .img_df-ttl h4:first-child {
  border-bottom: none;
  border-right: 1px solid #E88181;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.img_dual-funnel .img_df-ttl h4:last-child {
  border-bottom: none;
  border-left: 1px solid #81B2E8;
  text-align: end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.img_dual-funnel .img_df-ttl h4:last-child::before {
  left: 0;
  right: auto;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
.img_df-list {
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.img_df-list li::before, .img_df-list li::after {
  width: 20%;
  height: 125%;
}
.img_df-list li + li {
  margin-top: 5px;
}
.img_df-list .img_df-nc-part::before {
  top: -5%;
  bottom: auto;
  right: auto;
  left: -10%;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.img_df-list .img_df-nc-part::after {
  top: -5%;
  bottom: auto;
  left: auto;
  right: -10%;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.img_df-list .img_df-ec-part::before {
  top: -15%;
  bottom: auto;
  right: auto;
  left: -10%;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.img_df-list .img_df-ec-part::after {
  top: -15%;
  bottom: auto;
  left: auto;
  right: -10%;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.img_dual-funnel .img_df-list h5 {
  line-height: 2.5;
}
.img_dual-funnel .img_df-list .img_df-row2 {
  line-height: 1.25;
}
.img_df-list li:nth-child(1) {
  width: 100%;
  padding: 0;
}
.img_df-list li:nth-child(2) {
  width: 90%;
  padding: 0;
}
.img_df-list li:nth-child(3) {
  width: 80%;
  padding: 0;
}
.img_df-list li:nth-child(4) {
  width: 60%;
  padding: 0;
}
.img_df-list li:nth-child(4)::before, .img_df-list li:nth-child(4)::after {
  display: none;
}
.img_df-list li:nth-child(5) {
  width: 80%;
  padding: 0;
}
.img_df-list li:nth-child(6) {
  width: 90%;
  padding: 0;
}
.img_df-list li:nth-child(7) {
  width: 100%;
  padding: 0;
}
.img_ooda-list {
  width: calc(50% - 5px);
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.img_ooda-list .img_ooda-inner h4 {
  font-size: 1.6rem;
}
.img_ooda-list .img_ooda-inner p {
  margin-top: 0;
  font-size: 1.4rem;
}
.img_ooda-inner i {
  font-size: 4rem;
}
.img_growth-team li.img_gt_cmo {
  width: 80%;
}
.img_growth-team li {
  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;
}
.img_gt_designer, .img_gt_engineer, .img_gt_recruiter {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.img_gt_designer h4, .img_gt_engineer h4, .img_gt_recruiter h4 {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.main-txt .img_growth-phase h4, .main-txt .img_growth-phase h5, .main-txt .img_growth-phase h6 {
  font-size: 1.4rem;
  font-weight: normal;
}
.main-txt iframe {
  height: 240px;
}
.img_growth-phase th {
  width: 30px;
}
.img_growth-phase td {
  padding: 10px;
}
.img_growth-phase .img_gp_tri {
  width: calc(40% - 30px);
}
.img_kpi {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 120px;
}
.img_kpi > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.img_kpi dt {
  width: calc(100%/2 - 5px);
}
.img_kpi dd p {
  font-size: 1.4rem;
}
.img_kpi .kgi-cell {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.img_kpi > div + div {
  margin-top: 50px;
}
.img_kpi > div + .action-cell {
  margin-top: 130px;
}
.img_kpi dt + dt {
  margin: auto;
}
.img_kpi .kgi-cell h4, .img_kpi .kpi-cell h4, .img_kpi .action-cell h4 {
  font-size: 1.4rem;
}
.kgi-cell dd {
  top: -220%;
}
.kgi-cell dd:before {
  top: auto;
  bottom: -19px;
  border-top-color: #fff;
  border-bottom-color: transparent;
}
.kgi-cell dd::after {
  top: auto;
  bottom: -21px;
  border-top-color: #60C592;
  border-bottom-color: transparent;
}
.img_kpi .kgi-cell::before {
  width: 2px;
  height: 28px;
  left: 0;
  right: 0;
  bottom: -27px;
  top: auto;
}
.img_kpi .kpi-cell::before, .img_kpi .action-cell::before {
  border: 2px solid #ddd;
  border-bottom-color: transparent;
  width: 70%;
  left: 0;
  right: 0;
  bottom: auto;
  top: -23px;
}
.kpi-cell dd {
  width: 70%;
  right: 0;
  left: auto;
  top: auto;
  bottom: -55px;
}
.kpi-cell dd::before, .kpi-cell dd::after {
  border-top-color: transparent;
}
.kpi-cell dd::before {
  bottom: auto;
  top: -19px;
  border-bottom-color: #fff;
}
.kpi-cell dd::after {
  bottom: auto;
  top: -21px;
  border-bottom-color: #6086C5;
}
.img_kpi .kpi-cell::after {
  width: 2px;
  height: 108px;
  bottom: -108px;
  top: auto;
  left: 15%;
  right: auto;
}
.action-cell dd {
  top: 80%;
}
.img_pmtri_work {
  height: 20%;
}
.img_pmtri_work ul {
  width: 75%;
  margin: auto;
  height: 100%;
}
.img_pmtri_work li {
  display: none;
}
.img_pmtri_work ul li:first-child {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 100%;
  border-bottom: 1px solid #ddd;
}
.img_pmtri_person {
  width: 33%;
  height: 30%;
}
.img_pmtri .img_pmtri_person h4 {
  font-size: 1.6rem;
  padding: 2.4rem 0 0;
}
.img_pmtri_product {
  width: 36%;
  height: 32%;
  -webkit-transform: translateY(15%);
  transform: translateY(15%);
}
.img_pmtri .img_pmtri_product h4 {
  font-size: 1.4rem;
  padding-top: 3rem;
}
.img_pmtri_workA ul {
  background: rgba(255, 0, 0, 0.1);
}
.img_pmtri_workB ul {
  background: rgba(0, 255, 0, 0.1);
}
.img_pmtri_workC ul {
  background: rgba(0, 0, 255, 0.1);
}
.img_pmtri_list {
  display: block;
  margin-top: 30px;
}
.img_pmtri_list li {
  border-radius: 5px;
  margin-top: 20px;
}
.img_pmtri_listA {
  background: rgba(255, 0, 0, 0.1);
}
.img_pmtri_listB {
  background: rgba(0, 255, 0, 0.1);
}
.img_pmtri_listC {
  background: rgba(0, 0, 255, 0.1);
}
.main-txt .img_pmtri_list h5 {
  font-size: 1.6rem;
  color: #000;
  margin: auto;
  padding: 0;
  border: none;
  text-align: center;
}
.main-txt .img_pmtri_list h6 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #000;
  margin: auto;
  padding: 0;
  border: none;
  text-align: center;
}
.img_pmtri_list dl {
  padding: 10px;
}
.img_pmtri_list dl * {
  padding: 5px;
  text-align: center;
}
.c-pyramid-list .pyramid dd {
  display: none;
}
.c-pyramid-list {
  display: block;
  width: 310px;
  margin: auto;
  background-position: center center;
}
.pyramid dt {
  width: 100%;
  text-align: center;
}
.pyramid:first-child dt p {
  display: inline-block;
}
.c-pyramid-spList {
  display: block;
}
.img_c-pyramid .c-pyramid-cat p {
  margin: 0 auto;
}
.c-pyramid-cat dt {
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  margin: 15px auto 10px;
}
.c-pyramid-cat dd {
  font-size: 1.4rem;
}
.c-pyramid-cat dd:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-pyramid-cat dd:last-child p {
  font-weight: bold;
  font-size: 1.6rem;
  width: 7em;
}
.c-pyramid-cat dd:last-child ul {
  font-size: 1.6rem;
  width: calc(100% - 8em);
  list-style-type: square;
  line-height: 1.5;
  margin-left: 20px;
}
.c-pyramid-cat:nth-child(1) {
  color: #f26560;
}
.c-pyramid-cat:nth-child(2) {
  color: #DDBE3B;
}
.c-pyramid-cat:nth-child(3) {
  color: #28ce54;
}
.seo-flow_list ul li {
  padding: 5px;
}
.seo-flow_list ul li:first-child {
  padding: 5px 20%;
}
.measures {
  display: block;
}
.cus_attraction, .cus_service {
  width: 100%;
}
.marketing_container {
  height: 300px;
}
.marketing {
  height: 300px;
}
.marketing p {
  margin-top: 0;
}
.d_marketing {
  height: 240px;
  width: 80%;
}
.d_marketing p {
  margin-top: 10px;
}
.web_marketing {
  height: 170px;
  width: 60%;
}
.MA_shortchart {
  flex-direction: column;
}
.MA_shortchart div {
  width: 100%;
}
.MA_shortchart div::after {
  display: none;
}
.MA_shortchart dt {
  position: relative;
}
.MA_shortchart dd {
  width: 100%;
  margin-top: 30px;
}
.MA_shortchart div dt::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: auto;
  bottom: -25px;
  right: 0;
  left: 0;
  margin: auto;
  border-style: solid;
  border-width: 25px 50px 0 50px;
}
.MA_shortchart div:nth-of-type(1) dt::after {
  border-color: #13b1f3 transparent transparent transparent;
}
.MA_shortchart div:nth-of-type(2) dt::after {
  border-color: #67cb5c transparent transparent transparent;
}
.MA_shortchart div:nth-of-type(3) dt::after {
  border-color: #d6b500 transparent transparent transparent;
}
.MA_flow {
  display: flex;
  max-width: 300px;
  margin: auto;
}
.MA_flow_icons, .MA_flow_title, .MA_flow_desc {
  flex-direction: column;
}
.MA_flow_icons, .MA_flow_title {
  width: 20%;
}
.MA_flow_desc {
  width: 60%;
}
.MA_flow_icons li,.MA_flow_title li,.MA, .SFA, .CRM {
  width: 100%;
}
.MA_flow_title li {
  writing-mode: vertical-rl;
  margin: 0 auto;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.MA_flow_title li:nth-child(6)::after {
  bottom: -30px;
  top: auto;
  left: 0;
  right: 0;
  margin: auto;
  border-color: #f16ab2 transparent transparent transparent;
  border-width: 30px 33px 0 30px
}
.MA_flow_title li br {
  display: none;
}
.MA, .SFA, .CRM {
  margin: 0 0 20px;
}
.MA_flow_icons {
  padding-bottom: 4em;
  justify-content: space-around;
}
.MA_flow_icons li {
  margin: 0;
}
.MA_flow_icons li img {
  width: 100%;
}

.contentsMarketing_flow{
  display: flex;
  margin-bottom: 50px;
}
.contentsMarketing_flow_icons{
  flex-direction: column;
  justify-content: space-around;
}
.contentsMarketing_flow_title,
.contentsMarketing_flow_desc{
  display: block;
}
.contentsMarketing_flow_icons{
  width: 40%;
}
.contentsMarketing_flow_title li{
  width: 90%;
  margin: 0 auto;
  height: 8rem;
}
.contentsMarketing_flow_icons li {
  width:100%;
  margin: 0;
}
.contentsMarketing_flow_icons li img{
  width :40%;
}
.contentsMarketing_flow_title li::before {
  content: '';
  position: absolute;
  z-index: 3;
  top: 99%;
  right: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1em 4em 0 4em;
  border-color: #ea8d8d transparent transparent transparent;
}
.contentsMarketing_flow_title li::after{
  display:none
}
.contentsMarketing_flow_title li .contentsMarketing_action{
  top: 60%;
}
.contentsMarketing_flow_title li:nth-of-type(2)::before{
  border-color:  #c694db transparent transparent transparent;
}
.contentsMarketing_flow_title li:nth-of-type(3)::before{
  border-color:  #8f88f1 transparent transparent transparent;
}
.contentsMarketing_flow_title li:nth-of-type(4)::before{
  border-color:  #88c5f1 transparent transparent transparent;
}
.column{
  margin: 0 10px;
}
.contentsMarketing_flow_title li .contentsMarketing_action{
  margin: 0;
}
.contentsMarketing_chart .column h4.koukoku,
.contentsMarketing_chart .column h4.contentsMarketing{
  height:1em;
}
.koukoku_arrowbox{
  display:block;
}
.koukoku_arrowbox img{
  display:block;
  margin : 0 auto;
}
.br-pc{
  display: none;
}
.contentsMarketing_chart .column:nth-child(2) figure.user_img{
  margin: 100px auto;
}
.koukoku_arrowbox::before{
  height:235px;
}
.koukoku_arrowbox::after{
  top:140%;
}
.arrow_box{
  height: 75px;
  top: 110%;
}


.whole_flow{
  flex-direction: column;
  width:280px;
}

.flow_item {
  margin-bottom: 50px;
}

.whole_flow div::after {
  border-width: 20.8px 12px 0 12px;
  border-color: #67cb5c transparent transparent transparent;
  position: absolute;
  top:86%;
  right: 0;
  left: 0;
  margin: auto;
}

.flow_title.flow_title-2 {
  padding: 0 5px;
}
.company_figure--middle {
  width: 280px;
}

.MeasurementIndexWrap{
  width: 280px;
}

.MeasurementIndex_item-titleWrap {
  width: 120px;
}

.MeasurementIndex_item-titleWrap::before,.MeasurementIndex_item-titleWrap::after {
  border-width: 10px 60px 0 60px;
}

.MeasurementIndex_item-textWrap {
  width: 130px;
}

.MeasurementIndex-kgi_wrap {
  width: 120px;
  flex-direction: column;
  height: auto;
}

.MeasurementIndex-kgi_wrap li:first-of-type {
  width: 100%;

}

.MeasurementIndex-kgi_wrap li:last-of-type {
  width: 100%;
  height: auto;
  line-height: 1.5;
  padding: 3px;
}



.settinggoalWrap{
  width: 280px;
}
.settinggoal_list li {
  padding: 12px;
}

.mark_contentsChart{
  width: 280px;
}

.mktg_contents {
  width: 140px;
  padding: 16px 8px 20px;
}

.mktg_list{
  flex-direction: column;
  width: 130px;
}

.mktg_item {
  margin-bottom: 10px;
  height: 226px;
}

.mktg_contents h3{
  font-size: 2rem;
}

.mktg_contents.fieldmktg-color::after {
  height: 530px;
  width: 250px;
  left: -128px;
  top: 150px;
}


.SEOarea {
  font-size: 1.8rem;
  font-weight: bold;
  bottom: 262px;
  left: 3px;
  width: 150px;
  z-index: 2;
}

.CM_tip {
  margin: 20px auto;
}

.CM_areaWrap h5.CM_area {
  font-size: 1.8rem;
  width: 280px;
}

.CD_inner{
  width: 280px;
}
.CD_inner>div {
  width: 280px;
}

.CD_inner>div:nth-of-type(2) {
  width: 270px;
}
.CD_category{
  width: 100px;
}

.build_icon,.manifestation_icon,.potential_icon,.influencer_icon{
  font-size: 8rem;
}
/*img-hk*/
.main-txt figure.figure-kook br.br-sp{
  display:block;
}
.main-txt figure.img-w-is-ma{
  width:calc( 140px + 50% );
}
.main-txt figure.img-w-is-ma dt p span{
  display:inline-block;
}
.main-txt figure.img-w-is-ma p,strong{
  display:block;
  width:85%;
  margin:0 auto!important;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(2) dd div:nth-of-type(1) p{
  width:90%;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(2) dd div:nth-of-type(2) p{
  width:90%;
}
.main-txt figure.img-w-is-ma small{
  padding-top:4px;
  margin:0 auto;
}
.main-txt figure.img-w-is-ma dl dt{
  width:140px;
  height:480px;
  padding-top:82px;
}
.main-txt figure.img-w-is-ma dl div + div dt:before{
  border-width:34px 70px 0 70px;
}
.main-txt figure.img-w-is-ma dl dt:after{
  border-width:34px 70px 0 70px;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dt{
  padding-top:54px;
  height:200px;
}
.main-txt figure.img-w-is-ma dl dd{
  height:480px;
  width:calc( 100% - 140px );
  display:block;
  position: relative;
}
.main-txt figure.img-w-is-ma dl > div:nth-of-type(3) dd{
  display:block;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd{
  height:200px;
  display:table;
}
.main-txt figure.img-w-is-ma dl dd div{
  display:block;
}
.main-txt figure.img-w-is-ma dl dd > div{
  height:auto;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd div p{
  display:block;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(2) dd div:nth-of-type(2){
  position:relative;
  top:-4%;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div{
  height:240px;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(1){
  margin-top:8px;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(2){
  margin-left:0;
}
.main-txt figure.img-w-is-ma dl dd figure{
  margin:0 auto 6px;
  width:100%;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd div{
  height:200px;
}
.main-txt figure.img-w-is-ma dl div dd > div{
  height:240px;
  width:100%;
  display:table;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(2){
  height:240px;
  position:absolute;
  top:230px;
  left:0;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(3) dd div:nth-of-type(2) figure{
  position:absolute;
  top:0;
  left:calc(85% / 2 - 1px);
}
.main-txt figure.img-w-is-ma dl dd figure img{
  margin:0 auto;
}
.main-txt figure.img-w-is-ma dl div dd div figure span{
  transform: rotate(90deg);
}
.main-txt figure.img-w-is-ma dl div dd div div{
  display:table-cell;
  vertical-align: middle;
}
.main-txt figure.img-w-is-ma dl div:nth-of-type(1) dd div{
  display:table-cell;
  vertical-align: middle;
}
.main-txt figure.img-w-is-ma dl dd div
.main-txt figure.img-w-is-scoring-fn h4{
  margin:20px auto 20px;
}
.main-txt figure.img-w-is-scoring-fn ul{
  display:block;
  margin:0 auto;
  width:236px;
  max-width:320px;
}
.main-txt figure.img-w-is-scoring-fn ul li{
  width:100%;
  height:112px;
  position:relative;
  text-align:center;
  padding-top:40px;
  padding-left:0;
}
.main-txt figure.img-w-is-scoring-fn ul li + li{
  margin-left:0;
  margin-top:10px;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-of-type(1){
  padding-left:0;
  padding-top:20px;
}
.main-txt figure.img-w-is-scoring-fn ul li + li:before{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:0;
  left:0;
  right:0;
  bottom:auto;
  border-style:solid;
  border-width:30px 118px 0 118px;
  border-color:#fff transparent transparent transparent;
  z-index:99;
}
.main-txt figure.img-w-is-scoring-fn ul li:after{
  content:"";
  position:absolute;
  width:0;
  height:0;
  top:auto;
  right:auto;
  bottom:-30px;
  left:0;
  border-style:solid;
  border-width:30px 118px 0 118px;
  z-index:100;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(1):after{
  border-color:#3bbc91 transparent transparent transparent;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(2):after{
  border-color:#37b0c4 transparent transparent transparent;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(3):after{
  border-color:#3a63bf transparent transparent transparent;
}
.main-txt figure.img-w-is-scoring-fn ul li span{
  display:table-cell;
  vertical-align: middle;
  z-index:101;
  position:relative;
  left:0;
  top:10px;
}
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(2) span,
.main-txt figure.img-w-is-scoring-fn ul li:nth-child(3) span{
  left:0;
  top:20px;
}
.main-txt figure.img-w-is-sm-sending-fn ul{
  display:block;
  width:236px;
  margin:0 auto;
  position:static;
}
.main-txt figure.img-w-is-sm-sending-fn ul li{
  width:100%;
  height:120px;
  padding:0 28px;
  position:relative;
  padding-top:10px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li + li{
  margin-top:10px;
  margin-left:0;
  padding-top:30px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:before{
  content:"";
  position:absolute;
  border-style:solid;
  border-width:24px 118px 0 118px;
  border-color:#fff transparent transparent transparent;
  z-index:99;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:after{
  content:"";
  position:absolute;
  right:0;
  top:auto;
  bottom:-24px;
  border-style:solid;
  border-width:24px 118px 0 118px;
  z-index:100;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1){
  height:110px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1) span{
  top:10px;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1):before{
  border-color:transparent;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(1):after{
  border-color:#67cfe8 transparent transparent transparent;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(2):after{
  border-color:#679ae5 transparent transparent transparent;
}
.main-txt figure.img-w-is-sm-sending-fn ul li:nth-child(3):after{
  border-color:#7367e5 transparent transparent transparent;
}
.main-txt figure.img-w-is-sm-sending-fn figure > div{
  display:none;
}
.main-txt figure.img-w-is-sm-sending-fn figure > div + p{
  width:236px;
  margin:46px auto 0;
  padding:18px 0;
  border:solid 2px #61b5c9;
  box-sizing:border-box;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1){
  display:block;
  text-align:center;
  width:260px;
  margin:0 auto 18px;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) > p{
  width:280px;
  height:110px;
}
.main-txt figure.img-w-is-tracking-fn ul{
  list-style:disc;
  text-align:justify;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) ul{
  width:260px;
  padding:20px 40px;
  height:auto;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) ul li{
  top:auto;
}
.main-txt figure.img-w-is-tracking-fn figure > div:nth-of-type(1) ul li span{
  display:inline-block;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div{
  display:block;
  width:86%;
  max-width:290px;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div{
  width:40px;
  margin:0 auto;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div div{
  width:24px;
  height:14px;
  top:0;
  left:8px;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div > div div:after{
  right:-8px;
  bottom:-20px;
  top:auto;
  border-width:20px 20px 0 20px;
  border-color:#444 transparent transparent transparent;
  z-index:100;
}
.main-txt figure.img-w-is-tracking-fn figure div + strong{
  line-height:1.25;
  font-size:2.4rem;
  top:0;
  left:1%;
  margin-left:0;
  width:100%;
  text-align:center;
}
.main-txt figure.img-w-is-tracking-fn figure > div + div + ul{
  margin:6px auto 0;
  width:200px;
}
.main-txt figure.img-p-c-about-ma > div{
  margin:20px auto 20px;
}
.main-txt figure.img-p-c-about-ma > div p{
  font-size:1.6rem;
}
.main-txt figure.img-p-c-about-ma ol{
  display:block;
  width:100%;
}
.main-txt figure.img-p-c-about-ma ol > li{
  margin:0 auto 20px;
}
.main-txt figure.img-3step-g-serch ol{
	flex-direction:column;
}
.main-txt figure.img-3step-g-serch li{
	height:80px;
	line-height:80px;
	width:160px;
	text-indent:0;
	padding-top:20px;
	margin:0 auto;
}
.main-txt figure.img-3step-g-serch li:before{
	border-width:30px 80px 0 80px;
	border-color:#ffffff transparent transparent transparent;
}
.main-txt figure.img-3step-g-serch li:after{
	top:auto;
	bottom:-30px;
	right:0;
	border-width:30px 80px 0 80px;
	border-color:#9964ff transparent transparent transparent;
}
.main-txt figure.img-3step-g-serch li + li{
	margin:10px auto 0;
}
.main-txt figure.img-3step-g-serch li:nth-child(2):after{
	border-color:#6c63ff transparent transparent transparent;
}
.main-txt figure.img-3step-g-serch li:nth-child(3):after{
	border-color:#4d8dff transparent transparent transparent;
}
.main-txt figure.img-method-raise-inG{
	width:80%;
}
.main-txt figure.img-method-raise-inG img{
	width:99%;
}
.main-txt figure.img-method-raise-inG > div div:nth-child(1) div{
	width:calc((100vw - 40px ) * 0.8 * (440 / 800));
	height:calc((100vw - 40px ) * 0.8 * (90 / 800));
	left:calc((100vw - 40px ) * 0.8 * (106 / 800));
	top:calc((100vw - 40px ) * 0.8 * (110 / 800));
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(1){
	width:calc((100vw - 40px ) * 0.8 * (440 / 800));
	height:calc((100vw - 40px ) * 0.8 * (294 / 800));
	left:calc((100vw - 40px ) * 0.8 * (106 / 800));
	top:calc((100vw - 40px ) * 0.8 * (204 / 800));
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(2){
	width:calc((100vw - 40px ) * 0.8 * (40 / 800));
	height:calc((100vw - 40px ) * 0.8 * (100 / 800));
	left:calc((100vw - 40px ) * 0.8 * (650 / 800));
	top:calc((100vw - 40px ) * 0.8 * (310 / 800));
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) div:nth-child(2):before{
	top:calc((100vw - 40px ) * 0.8 * ( -40 / 800));
	left:calc((100vw - 40px ) * 0.8 * ( -14 / 800));
	border-width:0 calc((100vw - 40px ) * 0.8 * (34 / 800)) calc((100vw - 40px ) * 0.8 * (40 / 800)) calc((100vw - 40px ) * 0.8 * (34 / 800));
}
.main-txt figure.img-method-raise-inG div div:nth-child(2) p{
	top:calc((100vw - 40px ) * 0.8 * (410 / 800));
	left:calc((100vw - 40px ) * 0.8 * (670 / 800) - 37px);
	background:#ffffff;
}
.main-txt figure.img-method-raise-inG small{
	text-align:justify;
	padding:8px 16px;
}
.main-txt figure.img-content-e-a-t ul{
	width:80%;
}
.main-txt figure.img-content-e-a-t ul li{
	width:80%;
}
.main-txt figure.img-content-e-a-t ul li + li:before{
	left:calc( 50% - 13px );
}
.main-txt figure.img-content-e-a-t ul li + li:after{
	left:calc( 50% - 13px );
}
.main-txt figure.img-keyword-seo{
	flex-direction:column;
	width:80%;
}
.main-txt figure.img-keyword-seo > div:after{
	width:2px;
	height:24px;
	top:105px;
	left:82px;
}
.main-txt figure.img-keyword-seo > div:before{
	width:calc(((100vw - 40px) * 0.8 - 10px) * 0.5);
	height:24px;
	border:solid 2px;
	border-color:#606060 #606060 transparent #606060;
	border-radius:8px 8px 0 0;
	top:129px;
	left:calc( (( -100vw + 40px) * 0.8 + 5px) * 0.5 * 0.5 + 83px );
}
.main-txt figure.img-keyword-seo > ul{
	margin-left:0px;
	margin-top:60px;
	display:flex;
	width:100%;
	justify-content:space-around;
}
.main-txt figure.img-keyword-seo > ul > li{
	flex-direction:column;
	width:50%;
}
.main-txt figure.img-keyword-seo > ul > li:nth-child(3){
	display:none;
}
.main-txt figure.img-keyword-seo > ul > li + li{
	margin-top:0;
}
.main-txt figure.img-keyword-seo > ul > li > div{
	width:100px;
	height:70px;
	margin-right:0;
}
.main-txt figure.img-keyword-seo > ul > li > div:after{
	width:2px;
	height:50px;
	top:75px;
	left:49px;
}
.main-txt figure.img-keyword-seo > ul > li > div:before{
	width:calc(((100vw - 40px) * 0.8 * 0.5 - 10px) * 0.68);
	height:23px;
	border-color:#606060 #606060 transparent #606060;
	border-radius:8px 8px 0 0;
	top:99px;
	left:calc( (( -100vw + 40px) * 0.8 * 0.5 + 5px)* 0.5 * 0.68 + 49px );
}
.main-txt figure.img-keyword-seo > ul > li > div > p{
	left:calc( 50% - 4rem );
}
.main-txt figure.img-keyword-seo ul li ul{
	display:flex;
	justify-content:space-around;
	width:100%;
	margin-top:60px;
}
.main-txt figure.img-keyword-seo ul li ul li div{
	width:30px;
	height:21rem;
}
.main-txt figure.img-keyword-seo ul li ul li div p{
	left:calc( 50% - 1rem);
	writing-mode:vertical-rl;
	height:17.6rem;
}
.main-txt figure.img-keyword-seo ul li ul li + li{
	margin-top:0px;
}
/*figure5*/
.main-txt figure.img-site-structure-ofkw{
	width:90%;
	flex-direction:column;
}
.main-txt figure.img-site-structure-ofkw > div:nth-child(1){
	padding:20px 30px;
}
.main-txt figure.img-site-structure-ofkw div div p{
	writing-mode: vertical-rl;
	height:9rem;
}
.main-txt figure.img-site-structure-ofkw > div:nth-child(2){
	display:flex;
	justify-content:center;
	align-items:center;
	height:180px;
}	
.main-txt figure.img-site-structure-ofkw > div > div{
	display:flex;
	justify-content:center;
	align-items:center;
}	
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(1){
	transform:rotate(25deg);
	top:-6px;
	left:calc( -10vw - 12px);
}
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(2){
	top:0;
	left:-12px;
}
.main-txt figure.img-site-structure-ofkw > div > div:nth-child(3){
	transform:rotate(-30deg);
	top:6px;
	left:calc( 10vw - 12px);
}
.main-txt figure.img-site-structure-ofkw div div div{
	width:2px;
	height:140px;
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(1):after{
	width:2px;
	height:24px;
	top:auto;
	bottom:-3px;
	right:8px;
	transform:rotate(-45deg);
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(2){
	margin-top:0;
	margin-left:10px;
}
.main-txt figure.img-site-structure-ofkw div div div:nth-of-type(2):after{
	width:2px;
	height:24px;
	top: -3px;
	left:8px;
	transform:rotate(-45deg);
}
.main-txt figure.img-site-structure-ofkw ul{
	display:flex;
	justify-content: space-between;
	width:100%;
}
.main-txt figure.img-site-structure-ofkw ul li{
	padding:0 20px;
	margin:0 auto;
	writing-mode: vertical-rl;
	height:14rem;
}
.main-txt figure.img-site-structure-ofkw ul li:first-child,
.main-txt figure.img-site-structure-ofkw ul li:last-child{
	margin:0 auto;
}
/*img-hk*/

}

/* 吹き出しのcss */
.balloon_inner{
  max-width: 800px;
  margin: 15px auto;
}
.balloon1,
.balloon2 {
  width: 85%;
  display:flex;
}
.balloon1{
  margin: 0 auto 0 0;
}
.balloon2{
  margin: 0 0 0 auto;
}
.faceicon{
  width:12%;
	position: relative;
}

.balloon1 .faceicon img,
.balloon2 .faceicon img{
  width: 100%;
  height: auto;
  border-radius: 50%;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  box-shadow:1px 1px 3px 1px #b2b2b2;
}
.balloon1 .chatting,
.balloon2 .chatting {
  width: 93%;
}
.balloon2 .chatting-short2{
  text-align: right;
}

.says,
.says2 {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 15px;
  padding: 10px;
  border-radius: 12px;
  border: solid #ededed 5px;
  font-size: 16px;
}
.says2 {
  margin: 5px 15px 0 0;
}

.says:after,
.says2:after {
  content: "";
  display: inline-block;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  border: 12px solid transparent;
  border-right: 12px solid #ededed;
	z-index: 1;
}
.says:after{
  left: -28px;
}
.says2:after {
  right: -28px;
  border: 12px solid transparent;
  border-left: 12px solid #ededed;
}
.says p,
.says2 p {
  margin: 0;
  padding: 0;
}