/* -----------------------------------------------------
  共通
----------------------------------------------------- */
/* ヘッダーナビ */
.lnav {
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .lnav__item-name > a {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media all and (-ms-high-contrast: none) and (min-width: 768px) {
.lnav__item-name > a {
	padding: 21px 10px 13px !important;
}
}
/* メインビジュアル */
body {
  margin-top: 69px;
}
body:not([id="member"]) {
  margin-top: 128px;
}
.mainvisual {
  background-image: url(/service/nps/images/mainvisual_pc.png);
}
@media screen and (max-width: 767px) {
  body {
    margin-top: 0 !important;
  }
  .mainvisual {
    background-image: url(/service/nps/images/mainvisual1_sp.png);
  }
}
.mainvisual__inner {
  color: #333333;
}
.mainvisual__title, .mainvisual__lead {
  color: #fff;
}
/* 登録商標マーク */
sup {
  font-size: 1.2rem;
  position: relative;
  top: 0;
  vertical-align: text-top;
}
.bread-crumb-list sup {
  vertical-align: top;
}
/* 商標 */
.ex-trademark {
  padding-bottom:20px;
  background-color: #eaeaea;
}
@media screen and (max-width: 767px) {
  .ex-trademark {
    padding-left:20px;
    padding-right:20px;
  }
}
/* SNS */
.social {
  font-size: 0;
}
.social li {
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
  margin-bottom: 8px;
}

/* hover時下線 */
.text-link:hover {
  text-decoration: underline;
}

/* 業界別NPSベンチマークレポート */
.industry ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 95%;
}
.industry ul li {
  display: inline-block;
  width: 23.3%;
  height: 63px;
  text-align: center;
  margin-right: 16px;
  margin-bottom: 25px;
}
.industry ul li:nth-child(4n) {
  margin-right: 0;
}
.industry ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding: 17px 10px;
  transition: 0.1s;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 35px;
  text-decoration: none;
}
.industry ul li a:hover {
  text-decoration: none;
  color: #505050;
  background-color: #F6F6F6;
}
@media only screen and (max-width: 768px) {
  .industry ul {
    margin: 0;
    width: 100%;
  }
  .industry ul li {
    width: auto;
    margin: 7px auto;
  }
  .industry ul li a {
    padding: 7px 15px;
    text-decoration: none;
  }
  .industry ul li a img {
    width: 20%;
    vertical-align: middle;
    margin-right: 10px;
  }
  .industry ul li a br {
    display: none;
  }
}

/* -----------------------------------------------------
  グローバルナビ（ヘッダー・PC）
----------------------------------------------------- */
.ex-lnav-wrap a[target="_blank"].text-link:after{
  display: inline-block;
  width: 12px;
  height: 14px;
  position: relative;
  left: 4px;
  background-image: url(/common2022/img/icon_blank-blue.svg);
  transform: none;
}
@media screen and (min-width: 768px) {
  .service-header,
  .ex-lnav-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    position: fixed;
    width: 100%;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .service-header {
    z-index: 99;
    background-color: #ffffff;
  }
  .ex-lnav-wrap{
    top: 70px;
    left: 0;
    z-index: 90;
    font-family: source-han-sans-japanese, 'Noto Sans JP', 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "游明朝", YuMincho, sans-serif !important;
    background-color: #FFF;
    border-bottom: 1px solid #0D57A7;
  }
  .ex-lnav-wrap .lnav > li:hover {
    background-color: transparent;
  }
  .ex-lnav-wrap .lnav__item-name {
    position: relative;
  }
  .ex-lnav-wrap .lnav__item-name > a,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link {
    color: #000;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8;
    text-decoration: none;
    padding: 15px 10px;
  }
  .ex-lnav-wrap .lnav__item-name > a,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link,
  .ex-lnav-wrap .lnav__category-name a {
    font-weight: 700;
  }
  .ex-lnav-wrap .lnav__item-name.lnav__item-name--haschild {
    padding-right: 26px;
  }
  .ex-lnav-wrap .lnav__item-name > a:hover,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link:hover,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link.hover {
    color: #0D57A7;
  }
  .ex-lnav-wrap .lnav__item-name > a::before,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link::before,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link.hover::before {
    content: "";
    background-color: #0D57A7;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    pointer-events: none;
    opacity: 0;
  }
  .ex-lnav-wrap .lnav__item-name > a:hover::before,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link:hover::before,
  .ex-lnav-wrap .lnav__item-name.lnav__no-link.hover::before {
    opacity: 1;
  }
  .ex-lnav-wrap .lnav__item-name.lnav__item-name--haschild::after {
    content: "";
    position: absolute;
    right: 11px;
    top: 23.5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0D57A7;
    border-right: 2px solid #0D57A7;
    transform: rotate(135deg);
  }
  .ex-lnav-wrap .lnav-second__list li {
    font-size: 1.5rem;
  }
  .ex-lnav-wrap .lnav__category-name {
    padding-right: 0;
    margin-right: 30px;
    /* font-weight: normal; */
    font-size: 1.4rem;
    color: #333333;
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
  }
  .ex-lnav-wrap .lnav__category-name > a {
    font-size: 1.5rem;
  }
  .ex-lnav-wrap .lnav-second__list:last-child .lnav__category-name {
    margin-right: 0;
  }
  .ex-lnav-wrap .lnav-second--hascategory .lnav-second__list li {
    padding-left: 0;
  }
  .ex-lnav-wrap .lnav-second--hascategory .lnav-second__list li:before {
    content: none;
  }
  .ex-lnav-wrap .lnav-second__list li a,
  .ex-lnav-wrap .lnav__category-name a {
    text-decoration: none;
    color: #0D57A7;
  }
  .lnav-second__list li a{
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .ex-lnav-wrap .lnav-second__list li a span,
  .ex-lnav-wrap .lnav__category-name a span {
    position: relative;
    display: inline-block;
  }
  .ex-lnav-wrap .lnav-second__list li a span::after,
  .ex-lnav-wrap .lnav__category-name a span::after {
    content: "";
    position: absolute;
    right: -13px;
    top: 32%;
    top: calc(50% - 8px / 2);
    width: 8px;
    height: 8px;
    border-top: 2px solid #0D57A7;
    border-right: 2px solid #0D57A7;
    transform: rotate(45deg);
    transition: all .3s;
  }
  .ex-lnav-wrap .lnav-second__list li a:hover,
  .ex-lnav-wrap .lnav-second__list li a:hover span,
  .ex-lnav-wrap .lnav__category-name a:hover span {
    text-decoration: underline;
  }
  .ex-lnav-wrap .lnav-second__list li a:hover span::after,
  .ex-lnav-wrap .lnav__category-name a:hover span::after {
    right: -18px;
  }
}

/* -----------------------------------------------------
  グローバルナビ（ヘッダー・SP）
----------------------------------------------------- */
@media screen and (max-width: 767px) {
  .service-header header.l-header{
    border-bottom: 1px solid #E5E5E5;
  }
  .lnav{
    padding-bottom: 0;
    color: #000;
    background-color: #FFF;
    border-top: 1px solid #E5E5E5;
  }
  .lnav > li{
    border-bottom: 1px solid #CCC;
  }
  .lnav__title{
    color: #000;
    background-color: #FFF;
  }
  .lnav__back-btn{
    width: 98%;
    position: relative;
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    background-image: url(/common2022/img/icon_chevron-left.svg);
  }
  .lnav__back-btn::after{
    content: "";
    display: block;
    width: 101vw;
    height: 0;
    position: absolute;
    top: 100%;
    right: -3.2vw;
    z-index: 0;
    border-top: 1px solid #CCC;
  }
  .lnav__btn span{
    background-color: #0D57A7;
  }
  
  .lnav__item-name{
    font-weight: 700;
  }
  .lnav__item-name--second{
    width: 91%;
    margin-right: 0;
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 700;
    color: #989898;
    border-bottom: 1px solid #CCC;
  }
  .lnav__item-name > a,
  .lnav__item-name.lnav__no-link{
    font-size: 1.4rem;
    font-weight: 700;
    color: #000;
    background-image: url(/common2022/img/icon_chevron-right.svg);
  }
  .lnav__category-name,
  .lnav__category-name a{
    font-weight: 700;
    color: #989898;
  }
  .lnav-second__wrap__inner{
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #FFF;
  }
  .lnav-second--hascategory .lnav-second__list{
    border-top: 1px solid #CCC;
  }
  .lnav-second__list{
    width: 91%;
    margin-right: 0;
    margin-left: auto;
  }
  .lnav-second__list li{
    font-weight: 700;
    background-color: #FFF;
    border-bottom: none;
  }
  .lnav-second--hascategory .lnav-second__list li:before{
    color: #000;
  }
  .lnav-second__list li a{
    width: 100%;
    font-size: 1.4rem;
    color: #000;
    background: url(/common2022/img/icon_chevron-right.svg) no-repeat top 50% right 15px / 6px auto;
  }
}

/* -----------------------------------------------------
  #top
----------------------------------------------------- */
#top .mainvisual.mainvisual--top {
  background-image: url(/service/nps/images/mainvisual2024_pc.jpg);
}
#top .mainvisual.mainvisual--top .mainvisual__inner {
  text-align: left;
  align-items: flex-start;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/service/nps/images/mainvisual2024_img.png);
}
#top .mainvisual.mainvisual--top .mainvisual__title {
  margin-bottom: 18px;
  text-shadow: 0px 0px 15px #00000080;
}
#top .mainvisual.mainvisual--top .mainvisual__title span {
  display: block;
  line-height: 1;
  font-size: 2.4rem;
  margin-bottom: 12px;
}
#top .mainvisual.mainvisual--top .mainvisual__lead {
  margin-bottom: 35px;
  text-shadow: 0px 0px 15px #00000080;
}
#top .mainvisual.mainvisual--top .btn {
  display: inline-block !important;
}
#top .mainvisual.mainvisual--top .btn + .btn {
  margin-left: 24px;
}
#top .mainvisual.mainvisual--top .btn span.sb {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 7px;
}
#top .mainvisual.mainvisual--top .btn span.sb:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFF transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  z-index: 1;
}
#top .mainvisual.mainvisual--top .btn span.sb + a {
}
#top .mainvisual.mainvisual--top .btn a {
  border: 2px solid #F0781E;
  background: #fff;
  color: #F0781E;
  min-width: 250px;
  margin: 0 3px;
  padding: 7.76px 20px;
}
#top .mainvisual.mainvisual--top .btn.whitepaper a {
  position: relative;
  border: none;
  background: transparent linear-gradient(90deg, #FFA100 0%, #F0781E 100%) 0% 0% no-repeat padding-box;
  color: #FFF;
  padding: 9.76px 20px;
}
#top .mainvisual.mainvisual--top .btn.whitepaper a .icon--whitepaper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  background-image: url(/service/nps/images/icon_whitepaper.png);
  right: 20px;
  width: 20px;
  height: 41px;
}
#top .logo-slider-area {
  overflow: hidden;
}
#top .js-logo-slider--top {
  display: flex;
  width: max-content;
  overflow: hidden;
}
#top .js-logo-slider--top .logo-slider__list {
  display: inline-flex;
  flex-wrap: nowrap;
  column-gap: 11px;
  width: auto;
  margin-right: 11px;
}
#top .js-logo-slider--top.slider-initialized {
  animation: logoSliderTop 48s linear infinite forwards 0s;
}
#top .logo-slider-area .logo-slider__list-item {
  width: 188px;
  height: 100px;
}
#top .logo-slider-area .logo-slider__list-item > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes logoSliderTop {
  0% {
    transform: translateX(0%);
  }
  100%{
    transform: translateX(calc(-50%));
  }
}
#top .column-menu__title {
  font-size: 2.1rem;
}
#top section.about .column-menu__title {
  height: 6.2rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#top section.about .column-menu__pic {
  min-height: 150px;
}
#top section.news {
  padding: 80px 0;
}
#top section.news .column-menu__pic {
  min-height: 150px;
}
#top section.news dd {
  margin-bottom: 20px;
}
#top section.news dd a {
  text-decoration: none;
}
#top section.news dd a.text-link {
  color:#333333;
}
#top .c-inq {
  background-color: #F5F7F8;
  padding: 60px 0;
}
#top .c-inq__title {
  font-size: 3rem;
  line-height: 1.3;
  color: #1473E6;
  text-align: center;
  margin-bottom: 40px;
}
#top .c-inq ul {
  height: auto;
  justify-content: space-between;
  align-items: end;
}
#top .c-inq ul li {
  width: auto;
}
#top .c-inq .btn span.sb {
  display: block;
  position: relative;
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  background: #fff;
  padding: 4px;
  border: 1px solid #999;
  border-radius: 5px;
  width: 276px;
  margin: 0 auto 15px;
}
#top .c-inq .btn span.sb:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10.5px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #999 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
#top .c-inq .btn span.sb:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #FFF transparent transparent transparent;
  border-width: 10px 10px 0 10px;
  z-index: 1;
}
#top .c-inq .btn a {
  font-size: 1.8rem;
  border: 2px solid #F0781E;
  background: #fff;
  color: #F0781E;
  min-width: 298px;
  padding: 16.5px 20px;
}
#top .c-inq .btn.whitepaper a {
  position: relative;
  border: none;
  background: transparent linear-gradient(90deg, #FFA100 0%, #F0781E 100%) 0% 0% no-repeat padding-box;
  color: #FFF;
  padding: 18.5px 20px;
}
#top .c-inq .btn.whitepaper a .icon--whitepaper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  top: 0;
  background-image: url(/service/nps/images/icon_whitepaper.png);
  right: 20px;
  width: 20px;
  height: 63px;
}
@media screen and (max-width: 767px) {
  #top .mainvisual.mainvisual--top {
    background-image: url(/service/nps/images/mainvisual2024_sp.jpg);
  }
  #top .mainvisual.mainvisual--top .mainvisual__inner {
    background-position: center bottom;
    padding: 30px 0 80vw;
    margin: 0 20px;
    text-align: center;
    width: calc(100% - 40px);
  }
  #top .mainvisual.mainvisual--top .mainvisual__title {
    width: 100%;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  #top .mainvisual.mainvisual--top .mainvisual__title span {
    display: block;
    font-size: 2.1rem;
    line-height: 1.3;
    margin-bottom: 15px;
  }
  #top .mainvisual.mainvisual--top .mainvisual__lead {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  #top .mainvisual.mainvisual--top .mainvisual__btn {
    width: 100%;
    padding: 0 10px;
  }
  #top .mainvisual.mainvisual--top .btn {
    width: inherit;
  }
  #top .mainvisual.mainvisual--top .btn + .btn {
    margin: 0;
  }
  #top .mainvisual.mainvisual--top .btn span.sb {
    width: 255px;
    text-align: left;
    margin: 0 auto 8px;
  }
  #top .mainvisual.mainvisual--top .btn span.sb:after {
    border-width: 11px 11px 0 11px;
  }
  #top .mainvisual.mainvisual--top .btn a {
    width: 100%;
    max-width: 315px;
    margin: 0 auto;
  }
  #top .mainvisual.mainvisual--top .btn.whitepaper a {
    margin: 0 auto 30px;
  }
  #top .mainvisual.mainvisual--top .btn.whitepaper a .icon--whitepaper {
    right: 30px;
    height: 42px;
  }
  #top section.about .column-menu__pic {
    min-height: initial;
    margin-bottom: 25px;
  }
  #top section.about .column-menu__title {
    height: auto;
    margin-bottom: 20px;
  }
  #top section.news {
    padding: 60px 20px;
  }
  #top section.news .column-menu__pic img {
    max-width: 50%;
  }
  #top .c-inq {
    padding: 60px 20px;
  }
  #top .c-inq ul {
    display: block;
  }
  #top .c-inq .btn {
    margin-bottom: 40px;
  }
  #top .c-inq li:last-child .btn {
    margin-bottom: 0;
  }
  #top .c-inq .btn a {
    font-size: 2rem;
    width: 100%;
    max-width: 335px;
    min-width: 280px;
    padding: 19px 5px;
  }
  #top .c-inq .btn.whitepaper a {
    padding: 21px 40px;
  }
  #top .c-inq .btn.whitepaper a .icon--whitepaper {
    right: 22px;
    height: 71px;
  }
}
@media screen and (max-width: 360px) {
  #top .c-inq .btn a {
    font-size: 1.8rem;
    padding: 17px 5px;
  }
  #top .c-inq .btn.whitepaper a {
    padding: 19px 40px;
  }
  #top .c-inq .btn.whitepaper a .icon--whitepaper {
    height: 64px;
  }
}

/* -----------------------------------------------------
  #cloud
----------------------------------------------------- */
#cloud .clearfix:after {
	clear: both;
	display: block;
	content: "";
	visibility: hidden;
}
#cloud .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	width: 100%;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
#cloud .btn a {
	background: linear-gradient(to right, #60d2a4 0%, #0b9d5e 100%);
}
#cloud .mainvisual:not(.mainvisual--top) {
	background-image: url(/service/nps/cloud/imgs/main_pic2.png);
}
#cloud .mainvisual.mainvisual--top {
  position: relative;
}
#cloud .mainvisual.mainvisual--top::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #2A4E86;
    mix-blend-mode: color-dodge;
}
@media screen and (max-width: 767px) {
	#cloud .mainvisual:not(.mainvisual--top) {
		background-image: url(/service/nps/cloud/imgs/main_pic2-sp.png);
	}
}
#cloud .mainvisual:not(.mainvisual--top) .mainvisual__inner {
	color: #fff;
}
#cloud .mainvisual:not(.mainvisual--top) .mainvisual__title {
  line-height: 1.1 !important;
}
#cloud .mainvisual:not(.mainvisual--top) .mainvisual__title,
#cloud .mainvisual:not(.mainvisual--top) .mainvisual__lead {
  color: #01824B !important;
}
#cloud .mainvisual__lead {
  letter-spacing: -0.1px;
}
#cloud .mainvisual__logo img {
	height: 22px;
}
@media screen and (max-width: 767px) {
#cloud .mainvisual__inner {
    padding: 50px 15px;
}
#cloud .mainvisual:not(.mainvisual--top) .mainvisual__btn .btn:last-child {
display:none;
}
}
#cloud .header-news {
    background-color:#0B9D5E;
}
/*
#cloud .c-inq {
	background: url("/service/nps/cloud/imgs/bg_img.jpg") top center repeat;
}
#cloud .c-inq__mail .btn a {
	background: linear-gradient(to right, #6d6d6d 0%, #000000 100%);
}
@media screen and (min-width: 768px) {
	#cloud .c-inq__mail .btn a {
		min-width: 385px;
	}
}
*/
@media screen and (max-width: 767px) {
#cloud .trouble,
#cloud .service {
padding-left:20px !important;
padding-right:20px !important;
}
#cloud .trouble h2,
#cloud .service p strong {
  font-size: 2.4rem !important;
  font-weight: normal !important;
}
}

#cloud .trouble {
	padding: 40px 0;
	background: #e9eaec;
	text-align: center;
	position: relative;
}
#cloud .trouble h2 {
	font-size: 3rem;
	text-align: center;
	line-height: 1.5em;
	margin: 0 0 30px;
	padding: 0;
	border: 0;
}
#cloud .trouble:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 95%;
	margin-left: -50px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #e9eaec transparent transparent transparent;
}
@media screen and (min-width: 768px) {
#cloud .trouble .check-list {
    width: 930px;
    margin: 0 auto;
    text-align: left;
}
#cloud .trouble .check-list .check-list__item {
    margin-bottom: 20px;
}
}
#cloud #trouble .box_two .box_inner h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: center;
	color: #FFFFFF;
	background: #75c046;
	padding: 20px 30px;
	box-sizing: border-box;
	height: 70px;
	line-height: 1.4em;
}
#cloud #trouble .box_two .box_inner:nth-child(2) h4 {
	padding: 10px 30px;
	text-align: left;
}
#cloud #trouble .box_two .box_inner ul {
	background: #f7f7f7;
	padding: 32px 20px;
}
#cloud #trouble .box_two .box_inner:nth-child(2) ul {
	padding: 20px;
}
#cloud #trouble .box_two .box_inner ul li {
	text-indent: -1em;
	margin-left: 1em;
}
#cloud #trouble .box_two .box_inner h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0fa661;
	text-align: center;
	border: 2px solid #0fa661;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 10px;
	margin: 20px;
}
#cloud #trouble .box_two .box_inner p {
	text-align: center;
	padding: 12px 0;
}
#cloud #trouble .box_two .box_inner:nth-child(2) p {
	padding: 0px;
}
#cloud #trouble .box_two .box_inner .image_icon {
	text-align: center;
	margin: 20px 0;
}
#cloud #trouble .box_two .box_inner p.button {
	background: #0fa661;
	padding: 0;
	margin: 10px auto;
}
#cloud #trouble .box_two .box_inner h4 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
	text-align: center;
	color: #FFFFFF;
	background: #75c046;
	padding: 20px 30px;
	box-sizing: border-box;
	height: 70px;
	line-height: 1.4em;
}
#cloud #trouble .box_two .box_inner:nth-child(2) h4 {
	padding: 10px 30px;
	text-align: left;
}
#cloud #trouble .box_two .box_inner ul {
	background: #f7f7f7;
	padding: 32px 20px;
}
#cloud #trouble .box_two .box_inner:nth-child(2) ul {
	padding: 20px;
}
#cloud #trouble .box_two .box_inner ul li {
	text-indent: -1em;
	margin-left: 1em;
}
#cloud #trouble .box_two .box_inner h5 {
	font-size: 1.0em;
	font-weight: bold;
	color: #0fa661;
	text-align: center;
	border: 2px solid #0fa661;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 10px;
	margin: 20px;
}
#cloud #trouble .box_two .box_inner p {
	text-align: center;
	padding: 12px 0;
}
#cloud #trouble .box_two .box_inner:nth-child(2) p {
	padding: 0px;
}
#cloud #trouble .box_two .box_inner .image_icon {
	text-align: center;
	margin: 20px 0;
}
#cloud #trouble .box_two .box_inner p.button {
	background: #0fa661;
	padding: 0;
	margin: 10px auto;
}
#cloud .caseLogoArea {
	background: #FFF !important;
	margin: 0;
	overflow: hidden;
	position: relative;
	padding: 0 !important;
	height: 100px;
}
#cloud .caseLogoArea ul {
	float: left;
	font-size: 0;
}
#cloud .caseLogoArea ul li {
	display: inline-block;
	padding: 0 15px;
}
#cloud .caseLogoArea ul li img {
	width: auto;
	padding: 10px 0;
}
#cloud .service {
  background:#0B9D5E;
  padding-bottom: 10px;
}
#cloud .service p {
  color: #FFFFFF;
  text-align: center;
  padding-bottom: 30px;
}
#cloud .service p strong {
  display: block;
  font-size: 3.0rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  padding-top: 50px;
}
#cloud .service ul.navi {
	padding-top: 20px;
}
#cloud .ex-function {
    position: relative;
}
#cloud .ex-function:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 98%;
  margin-left: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #f5f7f8 transparent transparent transparent;
}
@media screen and (max-width: 767px) {
#cloud .ex-function:after {
  top: 99%;
}
}
#cloud .ex-support {
  background: #0B9D5E;
}
#cloud .ex-support h2 {
  color: #fff;
}
#cloud .ex-support .single-photo img {
  width: 100%;
}
#cloud section.case ul.small {
	text-align: left;
}
#cloud section.case ul.small li {
	font-size: 16px;
	display: inline-block;
	width: 14.9%;
	padding: 1%;
	text-align: center;
	margin: 10px 2.1% 10px 0;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#cloud section.case ul.small li:nth-child(6n) {
	margin: 10px 0;
}
@media (max-width: 768px) {
	#cloud section.case ul.small {
		padding-top: 0;
	}
	#cloud section.case ul.small li {
		display: inline-block;
		width: 45%;
		margin: 10px 2%;
	}
	#cloud section.case ul.small li:nth-child(6n) {
		margin: 10px 2%;
	}
}
#cloud #industry {
	background: #FFFFFF;
	text-align: center;
	padding: 10px 0;
}
#cloud #industry .box_two {
	padding: 15px 10px 0;
}
#cloud #industry .box_two .box_inner {
	width: 47.9%;
	float: left;
	border: none;
	box-shadow: none;
	padding-bottom: 0;
	text-align: left;
}
#cloud #industry .box_two .box_inner:nth-child(2) {
	float: right;
}
#cloud #industry .box_two .box_inner {
	background: #000000;
}
#cloud #industry .box_two .box_inner a {
	display: block;
	color: #333333;
}
#cloud #industry .box_two .box_inner a:hover img {
	opacity: 0.85;
}
#cloud #industry .box_two .box_inner a p {
	background: #ffffff;
	margin: 0;
	padding: 15px 0;
}
#cloud #industry h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 15px 0;
	padding: 0;
	border-bottom: 0;
	line-height: 1.3;
}
@media (max-width: 768px) {
	#cloud #industry .box_two .box_inner {
		width: 100%;
		float: none;
	}
	#cloud #industry .box_two .box_inner a img {
		width: 100%;
	}
}

/*--- 機能 ---*/
#cloud .ex-enquete_flow {
display: flex;
justify-content: center;
align-items: center;
margin-bottom:60px;
}
#cloud .ex-enquete_flow img {
padding:0px 25px 0px;
}
@media screen and (max-width: 767px) {
#cloud .ex-enquete-step {
padding-top:40px;
}
#cloud .ex-enquete_flow {
flex-wrap: wrap;
flex-direction: column;
}
#cloud .ex-enquete_flow img {
padding:0px 0px 10px;
}
}
#cloud .ex-enquete-list__item {
  position: relative;
  margin-bottom: 30px;
  padding-left: 95px;
}
#cloud .ex-enquete-list__heading {
  font-size: 2.4rem;
  margin-bottom: 10px;
}
#cloud .ex-enquete-list__num {
  font-size: 2.8rem;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #0b9d5e;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}
#cloud .ex-enquete-list__num__title {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #cloud .ex-enquete-list {
    width: 100%;
  }
  #cloud .ex-enquete-list__item {
    padding: 0;
  }
  #cloud .ex-enquete-list__heading {
    display: flex;
    padding-left: 0;
    align-items: center;
  }
  #cloud .ex-enquete-list__num {
    position: static;
  }
  #cloud .ex-enquete-list__title {
    padding-left: 15px;
    flex: 1;
  }
}
#cloud .ex-enquete-finish {
position: relative;
padding-top: 100px;
}
#cloud .ex-enquete-finish:before {
position: absolute;
top: 30px;
left: calc(50% - 160px);
width: 0;
height: 0;
content: '';
border-width: 40px 160px 0 160px;
border-style: solid;
border-color:#0b9d5e transparent transparent transparent;
}

#cloud .number-list__num {
background-color: #0b9d5e;
color:#fff;
}
@media screen and (min-width: 768px) {
#cloud .number-list__num.ex-number-list__num-position {
top:5px;
}
}

#cloud .flow-list.ex-npx-flow-list li:after{
    top: 30%;
}
#cloud .ex-npx-flow-list__text {
    text-align: center;
    margin-top: 15px;
}
@media screen and (max-width: 767px) {
.flow-list ol {
    justify-content: flex-start;
}
#cloud .flow-list li {
    width: 36%;
    margin-right: 12%;
}
#cloud .ex-npx-flow-list__text {
    text-align: center;
    margin-top: 15px;
}
}

/* -----------------------------------------------------
  #case
----------------------------------------------------- */
#case .ex-with-logo__image {
	width: 200px;
	height: 200px;
	border: 1px solid #000;
	padding: 20px;
	align-items: center;
	display: flex;
}
#case .ex-case-article .block__inner p {
  margin-bottom: 20px;
  line-height: 1.7;
}
#case .ex-case-article .case-with-photo {
  position: relative;
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}

#case .ex-case-article .case-with-photo__txt {
  padding-right: 10px;
  flex: 1;
}

#case .ex-case-article .case-with-photo__image {
  width: 350px;
}

#case .ex-case-article .case-with-photo__image img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  #case .ex-case-article .case-with-photo__image {
    display: inline;
  }
  #case .ex-case-article .case-with-photo__image--img_l {
    float: left;
    margin: 0 20px 20px 0;
  }
  #case .ex-case-article .case-with-photo__image--img_r {
    float: right;
    margin: 0 0 20px 20px;
  }
}
@media screen and (max-width: 767px) {
  #case .ex-case-article .case-with-photo {
    flex-direction: column-reverse;
  }
  #case .ex-case-article .case-with-photo__txt {
    padding-right: 0;
  }
  #case .ex-case-article .case-with-photo__image {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  #case .ex-cta-case .c-inq__lead-text {
    width: 990px;
    margin: 0 auto;
  }
  #case .ex-cta-case .c-inq__mail .btn {
    max-width: 450px;
  }
}
@media screen and (max-width: 767px) {
  #case .ex-cta-case .c-inq__mail .btn {
    max-width: 350px;
  }
}


/* -----------------------------------------------------
  #case_industry
----------------------------------------------------- */
/*--- index --*/
#case_industry .column3 .off .card__img {
  background-color: #000000;
}
#case_industry .card__img img {
  vertical-align: top;
}
#case_industry .off .card__img img {
  opacity: 0.5;
}
#case_industry .off .card__title {
  color: #c1c1c1;
}

/*--- メインビジュアル */
@media screen and (min-width: 768px) {
  #case_industry.travel .mainvisual {
    background-image: url(/service/nps/industry/travel/images/mainvisual.jpg) !important;
  }
  #case_industry.retail .mainvisual {
    background-image: url(/service/nps/industry/retail/images/mainvisual.jpg) !important;
  }
  #case_industry.finance .mainvisual {
    background-image: url(/service/nps/industry/finance/images/mainvisual.jpg) !important;
  }
  #case_industry.sports-fitness .mainvisual {
    background-image: url(/service/nps/industry/sports-fitness/images/mainvisual.jpg) !important;
  }
  #case_industry.medical .mainvisual {
    background-image: url(/service/nps/industry/medical/images/mainvisual.jpg) !important;
  }
  #case_industry.software .mainvisual {
    background-image: url(/service/nps/industry/software/images/mainvisual.jpg) !important;
  }
  #case_industry.human-resource .mainvisual {
    background-image: url(/service/nps/industry/human-resource/images/mainvisual.jpg) !important;
  }
  #case_industry.contact-center .mainvisual {
    background-image: url(/service/nps/industry/contact-center/images/mainvisual.jpg) !important;
  }
  #case_industry.energy .mainvisual {
    background-image: url(/service/nps/industry/energy/images/mainvisual.jpg) !important;
  }
  #case_industry.b2b-manufacturing .mainvisual {
    background-image: url(/service/nps/industry/b2b-manufacturing/images/mainvisual.jpg) !important;
  }
  #case_industry.real-estate .mainvisual {
    background-image: url(/service/nps/industry/real-estate/images/mainvisual.jpg) !important;
  }
  #case_industry.ecommerce .mainvisual {
    background-image: url(/service/nps/industry/ecommerce/images/mainvisual.jpg) !important;
  }
  #case_industry.b2c .mainvisual {
    background-image: url(/service/nps/industry/b2c/images/mainvisual.jpg) !important;
  }
  #case_industry.communication-service .mainvisual {
    background-image: url(/service/nps/industry/communication-service/images/mainvisual.jpg) !important;
  }
}
@media screen and (max-width: 767px) {
  #case_industry.travel .mainvisual {
    background-image: url(/service/nps/industry/travel/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.retail .mainvisual {
    background-image: url(/service/nps/industry/retail/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.finance .mainvisual {
    background-image: url(/service/nps/industry/finance/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.sports-fitness .mainvisual {
    background-image: url(/service/nps/industry/sports-fitness/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.medical .mainvisual {
    background-image: url(/service/nps/industry/medical/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.software .mainvisual {
    background-image: url(/service/nps/industry/software/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.human-resource .mainvisual {
    background-image: url(/service/nps/industry/human-resource/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.contact-center .mainvisual {
    background-image: url(/service/nps/industry/contact-center/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.energy .mainvisual {
    background-image: url(/service/nps/industry/energy/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.b2b-manufacturing .mainvisual {
    background-image: url(/service/nps/industry/b2b-manufacturing/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.real-estate .mainvisual {
    background-image: url(/service/nps/industry/real-estate/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.ecommerce .mainvisual {
    background-image: url(/service/nps/industry/ecommerce/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.b2c .mainvisual {
    background-image: url(/service/nps/industry/b2c/images/mainvisual_sp.jpg) !important;
  }
  #case_industry.communication-service .mainvisual {
    background-image: url(/service/nps/industry/communication-service/images/mainvisual_sp.jpg) !important;
  }
}

/* problem */
.ex-f-green {
  color: #0B9D5E;
}
.ex-problem {
  position: relative;
  background: url(/service/nps/industry/images/img_problem.png) no-repeat center bottom;
  padding-bottom: 220px;
}
.ex-problem .box {
  display: flex;
  justify-content: space-between;
  width: 852px;
  margin: auto;
}
.ex-problem .box__item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 264px;
  height: 186px;
  background: url(/service/nps/industry/images/bg_bubble01.png) no-repeat center center;
  background-size: cover;
  padding-bottom: 20px;
  color: #ffffff;
  font-weight: bold;
}
.ex-problem .box__item:nth-child(even) {
  background: url(/service/nps/industry/images/bg_bubble02.png) no-repeat center center;
  background-size: cover;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .ex-problem {
    background-size: contain;
  }
  .ex-problem .box {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
  .ex-problem .box__item {
    margin-bottom: 10px;
  }
  .ex-problem .box__item:nth-child(even) {
    margin-left: auto;
  }
}
@media screen and (max-width: 480px) {
  .ex-problem {
    padding-bottom: 17.73vh;
  }
}
.ex-problem::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 0;
  border-color: transparent transparent #0B9D5E #0B9D5E;
  border-style: solid;
  border-width: 0 40px 40px 40px;
}
.ex-problem::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 50%;
  height: 0;
  border-color: transparent #0B9D5E #0B9D5E transparent;
  border-style: solid;
  border-width: 0 40px 40px 40px;
}
.ex-solution {
  background-color: #0B9D5E;
  padding-top: 10px;
  padding-bottom: 50px;
}
.ex-solution .section__title span {
  padding-left: 56px;
  background: url(/service/nps/industry/images/icon_idea.png) no-repeat left center;
  background-size: auto 100%;
}
@media screen and (max-width: 767px) {
  .ex-page-success .ex-solution .section__title span {
    display: block;
    padding-top: 65px;
    padding-left: 0;
    background-position: center top;
    background-size: 60px 60px;
  }
}
@media screen and (max-width: 480px) {
  .ex-problem::before {
    border-width: 0 20px 20px 20px;
  }
  .ex-problem::after {
    border-width: 0 20px 20px 20px;
  }
  .ex-solution {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}

/* list */
#case_industry .ex-icon-checkbox {
  background: url(/service/common/images/img-checkbox.png) no-repeat left center;
  background-size: auto 35px;
}

/*--- cta industry --*/
@media screen and (min-width: 768px) {
  #case_industry .ex-cta-industry .c-inq__lead-text {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
  #case_industry .ex-cta-industry .c-inq__mail .btn {
    max-width: 400px;
  }
  #case_industry .ex-cta-industry .c-inq__mail .btn a {
    font-size: 2.6rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  #case_industry .ex-cta-industry .c-inq__mail .btn {
    max-width: 350px;
  }
}


/* -----------------------------------------------------
  #download
----------------------------------------------------- */
#download .ex-inner-link__wrap {
  justify-content: flex-start;
}
#download .ex-inner-link__wrap .inner-link__item a {
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
#download .ex-inner-link__wrap .inner-link__item a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #2B9AF3;
  border-right: 2px solid #2B9AF3;
  transform: translateY(75%) rotate(135deg);
}
#download .ex-inner-link__wrap:last-child .inner-link__item a::after {
  transform: translateY(100%) rotate(45deg);
}
#download .ex-section__title{ 
  margin-bottom: 20px;
  font-size: 3.0rem;
  font-weight: normal;
  text-align: left;
}
#download .ex-section__title span{
  border-left: 4px solid #0C357F;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  #download .ex-section__title{
    padding-top: 50px;
      margin-top: -50px;
  }
}
#download .ex-sub-category {
  margin-bottom: 20px;
  font-size: 2.1rem;
  border-left: 3px solid #0C357F;
  padding-left: 10px;
}
#download .column3.box-list + .ex-sub-category {
  margin-top: 40px;
}
#download .box-list {
  display: flex;
  width: 990px;
  margin: auto;
  flex-wrap: wrap;
  gap: 40px 48px;
}
#download .box-list__item {
  text-align: center;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  box-shadow: 0px 0px 6px #0000001A;
  overflow: hidden;
}
#download .column3 .box-list__item {
  width: 298px;
}
#download .box-list__item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#download .box-list__image {
  margin: auto;
  overflow: hidden;
}
#download .column3 .box-list__image {
  width: 100%;
  height: 200px;
}
#download .box-list__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}
#download a:hover .box-list__image img {
  transform: scale(1.1);
}
#download .box-list__title {
  font-size: 2.0rem;
  text-align: left;
  flex-grow: 1;
  margin-top: 10px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333;
}
#download .box-list__sub-title {
  font-size: 1.4rem;
}
#download a:hover .box-list__title {
  color: #2b9af3;
}
#download .box-list__btn {
  padding: 15px 20px 20px;
}
#download .box-list__btn .btn {
  font-size: 1.5rem;
  font-weight: bold;
  display: inline-block;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  color: #1473E6;
  border: 1px solid #1473E6;
  border-radius: 23px;
  background: #ffffff;
  min-height: 40px;
}
#download a:hover .box-list__btn .btn {
  opacity: .8;
}
#download .box-list__btn .btn span {
  position: relative;
  display: block;
  padding-right: 26px;
}
#download .box-list__btn .btn span::after {
  content: "";
  position: absolute;
  right: 0;
  /* bottom: 0; */
  background: url(/service/nps/whitepaper/images/icon_download.png) no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #download .box-list {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    gap: 40px 48px;
  }
  #download .column3 .box-list__item {
    width: 100%;
    border-radius: 1.6vw;
  }
  #download .column3 .box-list__image {
    height: 100%;
  }
}

/*  form */
#download .with-form .ex-topics {
	margin-top: 15px;
	padding: 5px 10px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
#download .with-form .ex-topics p {
	font-weight: bold;
	margin-bottom: 5px;
}
#download .with-form .ex-topics .u-ol-list .u-ul-list li {
	list-style: disc;
}
/*#download .with-form .ex-topics ol li {
  list-style-type: decimal;
  list-style-position: inside;
  text-indent: -1em;
  margin-left: 1em;
}
#download .with-form .ex-topics ol li ul li {
  list-style-type: none;
}
#download .with-form .ex-topics ol li ul li:before {
  content: "・";
}*/
/* -----------------------------------------------------
  #ranking
----------------------------------------------------- */
@media screen and (max-width: 767px) {
	#ranking .mainvisual {
		background-image: url(/service/nps/images/mainvisual2_sp.png) !important;
	}
	#ranking .mainvisual__inner {
		padding: 70px 15px 60px;
	}
	#ranking .inner-link__list {
		display: block;
	}
}
#ranking a {
	text-decoration: none;
}
#ranking .nps_ranking {
	text-align: center;
	padding: 40px 20px;
	position: relative;
	box-sizing: border-box;
}
#ranking .nps_ranking.gold {
	background: url(/service/nps/imgs/ranking_bg_gold.png) top center;
	background-size: cover;
}
#ranking .nps_ranking.silver {
	background: url(/service/nps/imgs/ranking_bg_silver.png) top center;
	background-size: cover;
}
#ranking .nps_ranking.special {
	background: url(/service/nps/imgs/ranking_bg_blue.png) top center;
	background-size: cover;
}
#ranking .nps_ranking h2 {
	font-size: 230%;
	border-bottom: none;
	margin: 0 0 20px;
	padding: 0;
}
#ranking .nps_ranking .box {
	position: relative;
	width: 100%;
	height: 122px;
	background: #FFFFFF;
	border: 2px solid #CCCCCC;
	box-shadow: 1px 1px #CCCCCC;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 15px 0;
	display: table;
}
#ranking .nps_ranking .box .ribbon {
	width: 60px;
	position: absolute;
	top: -8px;
	left: 15px;
	margin: 0;
}
#ranking .nps_ranking .box .name {
	display: table-cell;
	font-size: 150%;
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #CCC;
	padding-left: 12%;
	box-sizing: border-box;
}
#ranking .nps_ranking .box .name > span {
	display: block;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 5px;
}
#ranking .nps_ranking .box .name > span.ex-name_others {
  display: inline-block;
  margin-top: 10px;
	font-size: 16px;
  font-weight: normal;
}
#ranking .nps_ranking .box .point {
	display: table-cell;
	/* width: 18%; */
  width: 170px;
	vertical-align: middle;
	font-size: 120%;
	font-weight: bold;
	color: #bf2027;
	border-right: 1px solid #CCC;
}
#ranking .nps_ranking .box .name .ex-top_company {
	display: flex;
  flex-wrap: wrap;
  padding-right: 20px;
  font-size: 2.8rem;
}
#ranking .nps_ranking .box .name .ex-top_company .ex-top_company__name {
  display: block;
	width: calc(100% - 92px);
  margin-left: 15px;
}
#ranking .nps_ranking .box .point > span {
	font-size: 0.7em;
	font-weight: normal;
	color: #505050;
	display: block;
	margin-top: 3px;
}
@media only screen and (max-width: 768px) {
  #ranking .nps_ranking .box .name .ex-top_company {
    display: block;
    padding-right: 0;
  }
  #ranking .nps_ranking .box .name .ex-top_company .ex-top_company__name {
    width: 100%;
    margin-left: 0;
  }
}
#ranking .nps_ranking .box .link_btn {
	display: table-cell;
	/* width: 28%; */
  width: 265px;
	vertical-align: middle;
	padding: 0 10px;
	box-sizing: border-box;
}
#ranking .nps_ranking .box .link_btn .ex-download_btn {
	display: block;
	width: 95%;
  height: 40px;
  line-height: 40px;
	color: #505050;
  font-size: 1.5rem;
	font-weight: bold;
	border: 1px solid #505050;
	border-radius: 20px;
	margin: 8px auto 20px;
	padding: 0 20px;
	transition: 0.3s;
	box-sizing: border-box;
}
#ranking .nps_ranking .box .link_btn .ex-download_btn:hover {
	color: #FFFFFF;
	background: #505050;
}
#ranking .nps_ranking .box .link_btn a.none {
	color: #CCCCCC;
	font-weight: bold;
	border: 1px solid #CCCCCC;
}
#ranking .nps_ranking .box .link_btn a.none:hover {
	color: #CCCCCC;
	background: #FFFFFF;
}
#ranking .nps_ranking p.btn_more-this_year a:hover, #ranking .nps_ranking p.btn_close-this_year a:hover, #ranking .nps_ranking p.btn_more-last_year a:hover, #ranking .nps_ranking p.btn_close-last_year a:hover {
	background: #FFFFFF;
	color: #505050;
}
@media only screen and (max-width: 768px) {
	#ranking .nps_ranking {
		padding: 40px 5%;
		/* max-height: 1150px; */
		overflow: hidden;
	}
	#ranking .nps_ranking.silver {
		background: url(/service/nps/imgs/ranking_bg_silver.png) top center repeat-y;
		background-size: 100%;
	}
	#ranking .nps_ranking h2 {
		font-size: 200%;
	}
	#ranking .nps_ranking .box {
		height: auto;
	}
	#ranking .nps_ranking .box .ribbon {
		left: 50%;
		margin-left: -30px;
	}
	#ranking .nps_ranking .box .name {
		display: block;
		text-align: center;
		padding: 55px 0 0;
		border-right: none;
	}
	#ranking .nps_ranking .box .name span {
		margin-bottom: 0;
	}
	#ranking .nps_ranking .box .point {
		width: 100%;
		display: block;
		border-right: none;
	}
	#ranking .nps_ranking .box .link_btn {
		width: 100%;
		display: block;
		margin-top: 15px;
	}
	#ranking .nps_ranking .box .link_btn a {
		width: 90%;
		padding: 8px 0;
	}
	#ranking .nps_ranking p.btn_more-this_year, #ranking .nps_ranking p.btn_more-last_year {
		display: block;
	}
}
/* ランキング 複数行、リンクひとつ */
#ranking .nps_ranking .ex-box_multiindustry{
  padding-left: 12%;
}
#ranking .nps_ranking .ex-box_multiindustry__section{
  font-size: 1.8rem;
}
#ranking .nps_ranking .ex-box_multiindustry__row{
  display: flex;
}
#ranking .nps_ranking .ex-box_multiindustry__row .name{
  flex-grow: 1;
  padding-left: 0;
}
#ranking .nps_ranking .box .ex-box_multiindustry__row .ex-top_company{
  font-size: 1.6rem;
}
#ranking .nps_ranking .ex-box_multiindustry__row .point{
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  #ranking .nps_ranking .ex-box_multiindustry{
    padding-left: 0;
  }
  #ranking .nps_ranking .ex-box_multiindustry__section{
    padding-top: 55px;
  }
  #ranking .nps_ranking .ex-box_multiindustry__row{
    flex-direction: column;
  }
  #ranking .nps_ranking .ex-box_multiindustry__row .name{
    padding-top: 30px;
  }
  #ranking .nps_ranking .box .ex-box_multiindustry__row .ex-top_company{
    font-size: 2.8rem;
  }
}

#ranking .this_year {
	/* max-height: 1200px; */
	overflow: hidden;
}
#ranking .this_year p.btn_more-this_year {
	display: block;
}
#ranking .last_year {
	/* max-height: 1200px; */
	overflow: hidden;
}
#ranking .last_year p.btn_more-last_year {
	display: block;
}
#ranking .interview-link {
	display: block;
	font-weight: normal !important;
	margin-bottom: 0 !important;
}
#ranking .interview-link .text-link {
	margin: auto;
	text-decoration: none;
	color: #2b9af3;
	font-size: 14px;
}
#ranking .interview-link .text-link:hover {
	color: #3cf;
}
#ranking .interview-link .text-link--arrow:after {
	content: '＞';
}
@media only screen and (min-width: 769px) {
	#ranking .this_year {
		max-height: 100% !important;
	}
	/* #ranking .nps_ranking p.btn_more-this_year, #ranking .nps_ranking p.btn_close-this_year {
		display: none !important;
	} */
	#ranking .last_year h2 {
		z-index: 2;
		position: relative;
	}
	#ranking .last_year p.btn_more-last_year {
		background: url(/service/nps/imgs/ranking_bg_silver.png) top center !important;
		background-size: cover !important;
		z-index: 1;
		position: absolute !important;
		padding: 120px 0 65px !important;
	}
}
#ranking .nps_ranking p.btn_more-this_year, #ranking .nps_ranking p.btn_more-last_year {
	display: block;
	width: 100%;
	position: absolute;
	bottom: -20px;
	left: 0;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	padding: 80px 0 30px;
	cursor: pointer;
}
#ranking .nps_ranking p.btn_close-this_year, #ranking .nps_ranking p.btn_close-last_year {
	width: 100%;
	margin: 30px 0 0;
}
#ranking .nps_ranking p.btn_more-this_year a,
#ranking .nps_ranking p.btn_close-this_year a,
#ranking .nps_ranking p.btn_more-last_year a,
#ranking .nps_ranking p.btn_close-last_year a {
	display: block;
	width: 29%;
	background: #505050;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 auto;
	padding: 8px 0;
	border: 2px solid #505050;
	border-radius: 40px;
	box-sizing: border-box;
	transition: 0.3s;
	}
@media only screen and (max-width: 768px) {
	#ranking .nps_ranking p.btn_more-this_year {
		padding: 80px 0 30px;
	}
	#ranking .nps_ranking p.btn_more-last_year {
		padding: 50px 0 30px;
	}
	#ranking .nps_ranking p.btn_more-this_year a,
	#ranking .nps_ranking p.btn_close-this_year a,
	#ranking .nps_ranking p.btn_more-last_year a,
	#ranking .nps_ranking p.btn_close-last_year a {
		width: 45%;
		background: rgba(255, 255, 255, 0);
		color: #000000;
		border: 1px solid #505050;
	}		
}
#ranking .industry ul {
  display: flex;
  flex-wrap: wrap;
	margin: 0 auto;
	width: 95%;
}
#ranking .industry ul li {
	display: inline-block;
	width: 23.3%;
  height: 63px;
	text-align: center;
	margin-right: 16px;
	margin-bottom: 25px;
}
#ranking .industry ul li:nth-child(4n) {
	margin-right: 0;
}
#ranking .industry ul li a {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding: 17px 10px;
	transition: 0.1s;
	box-sizing: border-box;
	border: 1px solid #333;
	border-radius: 35px;
}
#ranking .industry ul li a:hover {
	text-decoration: none;
	color: #505050;
	background-color: #F6F6F6;
}
#ranking section ul.featurea {
	margin: 30px 0;
}
#ranking section ul.featurea li {
	display: inline-block;
	width: 32%;
	margin-right: 1.4%;
	vertical-align: top;
	text-align: center;
}
#ranking section ul.featurea li:last-child {
	margin-right: 0%
}
#ranking section ul.featurea li dl dt {
	background: #17375e;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: table;
	width: 100%;
}
#ranking section ul.featurea li dl dt span {
	display: table-cell;
	height: 65px;
	vertical-align: middle;
}
#ranking section ul.featurea li dl dd {
	text-align: left;
	padding: 15px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
#ranking section ul.featurea li dl dd img {
	border: 1px solid #bbbbbb;
}
#ranking section ul.featurea li dl dd p {
	min-height: 192px;
}
#ranking section dl.offer dt {
	background: #999999;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 15px;
	box-sizing: border-box;
}
#ranking section dl.offer dd {
	background: #eeeeee;
	padding: 5px 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
	min-height: 58px;
}
#ranking section dl.offer dd a {
	color: #505050;
	text-decoration: underline;
}
#ranking section dl.offer dd a:hover {
	text-decoration: none;
}
@media only screen and (max-width: 768px) {
	#ranking .industry ul {
		margin: 0;
		width: 100%;
	}
	#ranking .industry ul li {
		width: 100%;
		margin: 7px auto;
	}
	#ranking .industry ul li a {
		padding: 7px 15px;
		text-decoration: none;
	}
	#ranking .industry ul li a img {
		width: 20%;
		vertical-align: middle;
		margin-right: 10px;
	}
	#ranking .industry ul li a br {
		display: none;
	}
	#ranking section ul.featurea li {
		display: block;
		width: 98%;
		margin: 15px auto;
	}
	#ranking section ul.featurea li:last-child {
		margin: 15px auto;
	}
	#ranking section ul.featurea li dl dd p {
		min-height: 0px;
		margin-top: 10px;
	}
}
#ranking .ex-c-inq ul li {
	width: 90%;
}
#ranking .ex-c-inq .c-inq__mail .btn {
	max-width: 100%;
}
@media only screen and (max-width: 768px) {
	#ranking .ex-c-inq .c-inq__mail .btn a {
		padding: 20px;
	}
}
/* -----------------------------------------------------
  #report
----------------------------------------------------- */
/* 転職 */
#report.agent .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_agent_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.agent .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_agent_sp.png) !important;
    }   
}

/* 銀行 */
#report.bank .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_bank_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.bank .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_bank_sp.png) !important;
    }   
}

/* 自動車 */
#report.car .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_car_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.car .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_car_sp.png) !important;
    }   
}

/* 自動車保険 */
#report.carinsurance .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_carinsurance_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.carinsurance .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_carinsurance_sp.png) !important;
    }   
}

/* 通販化粧品 */
#report.cosmetic .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_cosmetic_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.cosmetic .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_cosmetic_sp.png) !important;
    }   
}

/* プレステージ化粧品 */
#report.cosmetic_p .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_cosmetic_p_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.cosmetic_p .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_cosmetic_p_sp.png) !important;
    }   
}

/* クレジットカード */
#report.creditcard .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_creditcard_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.creditcard .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_creditcard_sp.png) !important;

    }   
}

/* QRコード決済 */
#report.qr-code-payment .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_qr-code-payment_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.qr-code-payment .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_qr-code-payment_sp.png) !important;

    }   
}

/* 不動産ディベロッパー */
#report.developer .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_developer_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.developer .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_developer_sp.png) !important;
    }   
}

/* ECサイト */
#report.ec .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_ec_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.ec .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_ec_sp.png) !important;
    }   
}

/* 生命保険 */
#report.lifeinsurance .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.lifeinsurance .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_sp.png) !important;
    }   
}

/* 生命保険（請求体験） */
#report.lifeinsurance_t .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_t_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.lifeinsurance_t .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_t_sp.png) !important;
    }   
}

/* 生命保険（アフターフォロー） */
#report.lifeinsurance_a .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_a_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.lifeinsurance_a .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_lifeinsurance_a_sp.png) !important;
    }   
}

/* モバイル通信サービス */
#report.mobile-service .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_mobile-service_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.mobile-service .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_mobile-service_sp.png) !important;
    }   
}

/* 不動産情報サイト */
#report.real_estate .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_real_estate_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.real_estate .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_real_estate_sp.png) !important;
    }   
}

/* 対面証券・ネット証券 */
#report.sec .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_sec_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.sec .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_sec_sp.png) !important;
    }   
}

/* セキュリティソフト */
#report.securitysoft .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_securitysoft_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.securitysoft .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_securitysoft_sp.png) !important;
    }   
}

/* 総合型旅行会社 */
#report.travel .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_travel_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.travel .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_travel_sp.png) !important;
    }   
}

/* ネット専業型旅行会社 */
#report.net-travel .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_net-travel_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.net-travel .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_net-travel_sp.jpg) !important;
    }   
}

/* 動画配信サービス */
#report.video-service .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_video-service_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.video-service .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_video-service_sp.png) !important;
    }   
}

/* 航空会社 */
#report.airline .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_airline_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.airline .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_airline_sp.png) !important;
    }   
}

/* カーシェアリング */
#report.carsharing .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_carsharing_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.carsharing .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_carsharing_sp.png) !important;
    }   
}

/* 不動産管理会社（マンション） */
#report.r-management .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_r-management_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.r-management .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_r-management_sp.png) !important;
    }   
}

/* 電力 */
#report.energy .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_energy_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.energy .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_energy_sp.png) !important;
    }   
}

/* 都市ガス */
#report.gas .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_gas_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.gas .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_gas_sp.png) !important;
    }   
}

/* ネットスーパー */
#report.netsuper .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_netsuper_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.netsuper .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_netsuper_sp.png) !important;
    }   
}

/* 人材派遣 */
#report.staffing .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_staffing_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.staffing .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_staffing_sp.png) !important;
    }   
}

/* ネット証券 */
#report.net-sec .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_net-sec_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.net-sec .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_net-sec_sp.png) !important;
    }   
}

/* 製薬（消化器系） */
#report.pharma .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_pharma_pc.png) !important;
}
@media screen and (max-width: 767px) {
    #report.pharma .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_pharma_sp.png) !important;
    }   
}

/* ブランド */
#report.brand .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_brand_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.brand .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_brand_sp.jpg) !important;
    }   
}

/* 製薬（循環器系） */
#report.pharma_j .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_pharma_j_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.pharma_j .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_pharma_j_sp.jpg) !important;
    }   
}

/* 業界横断分析 */
#report.cross-industry .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_cross-industry_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.cross-industry .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_cross-industry_sp.jpg) !important;
    }   
}

/* CX */
#report.cx-specialreport .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_CX_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.cx-specialreport .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_CX_sp.jpg) !important;
    }   
}

/* eNPS従業員エンゲージメント */
#report.enps .mainvisual {
    background-image: url(/service/nps/report/images/mainvisual_enps_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
    #report.enps .mainvisual {
        background-image: url(/service/nps/report/images/mainvisual_enps_sp.jpg) !important;
    }   
}

/* 金融業界 カスタマーサポート */
#report.finance_cs .mainvisual {
  background-image: url(/service/nps/report/images/mainvisual_finance_cs_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  #report.finance_cs .mainvisual {
      background-image: url(/service/nps/report/images/mainvisual_finance_cs_sp.jpg) !important;
  }   
}

/* 住まい */
#report.home .mainvisual {
  background-image: url(/service/nps/report/images/mainvisual_home_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  #report.home .mainvisual {
      background-image: url(/service/nps/report/images/mainvisual_home_sp.jpg) !important;
  }   
}
/* リフォーム */
#report.reform .mainvisual {
  background-image: url(/service/nps/report/images/mainvisual_reform_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  #report.reform .mainvisual {
      background-image: url(/service/nps/report/images/mainvisual_reform_sp.jpg) !important;
  }   
}

/* 自動車(2024) */
#report.car2 .mainvisual {
  background-image: url(/service/nps/report/images/mainvisual_car2_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  #report.car2 .mainvisual {
      background-image: url(/service/nps/report/images/mainvisual_car2_sp.jpg) !important;
  }   
}

/* 白物家電 */
#report.home-appliances .mainvisual {
  background-image: url(/service/nps/report/images/mainvisual_home-appliances_pc.jpg) !important;
}
@media screen and (max-width: 767px) {
  #report.home-appliances .mainvisual {
      background-image: url(/service/nps/report/images/mainvisual_home-appliances_sp.jpg) !important;
  }   
}

#report .mainvisual__title {
    font-size: 3.8rem;
}
#report .mainvisual__inner {
    padding: 70px 15px 60px;
}
@media screen and (min-width: 768px) {
    #report .inner-link__wrap {
        width: auto;
    }
}
#report .inner-link__list {
    border-left: none;
}
#report .others-industry ul {
  display: flex;
  flex-wrap: wrap;
	margin: 0 auto;
}
#report .others-industry ul li {
	display: inline-block;
	width: 23.3%;
  height: 63px;
	text-align: center;
	margin-right: 16px;
	margin-bottom: 25px;
}
#report .others-industry ul li:nth-child(4n) {
	margin-right: 0;
}
#report .others-industry ul li a {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  padding: 0 10px;
  transition: 0.1s;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 35px;
}
#report .others-industry ul li a:hover {
	text-decoration: none;
	color: #505050;
	background-color: #F6F6F6;
}
#report .ex-c-inq .btn a {
	padding: 20px 120px;
}
.ex-c-inq-v2 .btn a {
	padding: 20px 35px;
	font-size: 2.4rem;
}
.ex-c-inq-v2 .txt {
	margin-top: 15px;
	font-size: 2.4rem;
	font-weight: bold;
}
.ex-c-inq-v2 ul {
  padding: 40px 0;
	height: auto;
}
.ex-c-inq-v2 .c-inq__mail .btn {
	max-width: 400px;
}
.ex-c-inq-v2 .c-inq__mail:nth-of-type(n+3) {
	margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .ex-inq-v3 .c-inq__mail .btn a {
    min-width: 380px;
  }
}
.ex-inq-v3 .txt {
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ex-inq-v3 .txt::before,
.ex-inq-v3 .txt::after {
  content: '';
  width: 2px;
  height: 25px;
  background-color: #1473e6;
}
.ex-inq-v3 .txt::before {
  margin-right: 15px;
  transform: rotate(-40deg)
}
.ex-inq-v3 .txt::after {
  margin-left: 15px;
  transform: rotate(40deg)
}
@media screen and (max-width: 767px) {
#report .inner-link__item {
    width: auto;
    margin: 5px 15px 5px 0;
    padding-right: 15px;
    text-align: left;
    border-right: 1px solid #333;
}
#report .inner-link__item.no-border {
    margin-right: 0;
    padding-right: 0;
    border: none;
}
#report .others-industry ul li {
    width: 100%;
margin: 0 0 20px !important;
}
#report .others-industry ul li a {
    padding: 10px 25px;
}
}

/* -----------------------------------------------------
  #interview
----------------------------------------------------- */
#interview .ex-column-archive__wrap .column-archive__item {
	display: block;
}
@media screen and (min-width: 768px) {
#interview .ex-column-archive__wrap .column-archive__image img {
    min-height: 100%;
}
}
#interview .column-article h2 {
	font-weight: normal;
}
#interview .column-article .column-comment {
	border: 1px solid #d9d8d7;
	background-color: #f6f6f6;
}
#interview .column-article p em {
	background: #fff3b8;
	font-weight: normal;
	font-style: normal;
}
#interview .column-article p.interview__question em {
	font-weight: bold;
}
@media screen and (max-width: 767px) {
#interview .column-article #subtitle_01,
#interview .column-article #subtitle_02,
#interview .column-article #subtitle_03,
#interview .column-article #subtitle_04,
#interview .column-article #subtitle_05 {
margin-top:-50px;
padding-top:50px;
}
}

/* -----------------------------------------------------
  #seminar-report
----------------------------------------------------- */
#seminar-report .ex-c-inq sup {
	vertical-align: top;
}
#seminar-report .ex-c-inq .block__title {
	font-size: 3.6rem;
}
#seminar-report .ex-c-inq .btn a {
	padding: 20px 120px;
}

/* -----------------------------------------------------
  #seminar-archive
----------------------------------------------------- */
#seminar-archive .ex-common-table--list tbody tr:nth-child(-n+20) {
  display: table-row;
}
@media screen and (max-width: 767px) {
  #seminar-archive .ex-common-table--list .common-table--list__title {
    padding-bottom: 15px;
  }
}

/* -----------------------------------------------------
  #seminar-archive-form
----------------------------------------------------- */
#seminar-archive-form .ex-with-form__title {
  padding-left: 14px;
  border-left: 9px solid #1571DA;
}

/* -----------------------------------------------------
  #column
----------------------------------------------------- */
#column .ex-column-archive__wrap .column-archive__item {
	display: block;
}
@media screen and (max-width: 767px) {
#column .column-article #subtitle_01,
#column .column-article #subtitle_02,
#column .column-article #subtitle_03,
#column .column-article #subtitle_04,
#column .column-article #subtitle_05 {
margin-top:-50px;
padding-top:50px;
}
}
#column .column-article h2 {
  border-bottom: 4px solid #0C357F;
  margin-bottom: 20px;
}
#column .column-article h2 + h3 {
  margin-top: 40px;
}
#column .column-article h3 {
  border-left: 4px solid #0C357F;
  padding-left: 10px;
  margin-bottom: 20px;
}
#column .column-article h4 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 20px;
}
#column .column-article h5 {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 15px;
  color: #0C357F;
}
@media screen and (max-width: 767px) {
  #column .column-article h2 {
    padding-top: 50px;
    margin-top: -50px;
  }
}

/* -----------------------------------------------------
  #e-learning
----------------------------------------------------- */
#e-learning .mainvisual,
#inquiry.e-learning .mainvisual {
    background-image: url(/service/nps/e-learning/images/mainvisual_pc.png) !important;
}
@media screen and (max-width: 767px) {
  #e-learning .mainvisual,
  #inquiry.e-learning .mainvisual {
      background-image: url(/service/nps/e-learning/images/mainvisual_sp.png) !important;
  }
}
/* box */
#e-learning .ex-box2 {
  display: flex;
  margin: auto;
  justify-content: space-between;
  flex-wrap: wrap;
}
#e-learning .ex-box2 .ex-box {
  width: 450px;
  text-align:center;
  border:1px solid #d9d8d7;
  padding:20px 25px;
}
#e-learning .ex-box2 .ex-box img {
width:70%;
}
#e-learning .ex-box2 .ex-box .ex-box-text {
font-weight:bold;
margin-bottom:20px;
}
#e-learning .ex-box2 .ex-box .ex-box-text span {
font-size:1.8rem;
}
@media screen and (max-width: 767px) {
#e-learning .ex-box2 .ex-box:first-child {
  margin-bottom:20px;
}
}
#e-learning .ex-box2 .ex-box .ex-box__title {
  font-size: 3.0rem;
  margin-bottom:10px;
}
@media screen and (max-width: 767px) {
#e-learning .ex-box2 {
    width: 100%;
}
#e-learning .ex-box2 .ex-box {
    width: 100%;
    padding:20px 20px;
}
}
/* table */
#e-learning .common-table.ex-table {
  table-layout: fixed;
}
@media screen and (min-width: 768px) {
#e-learning .common-table.ex-table tbody td {
  width: 364px;
}
}
#e-learning .common-table.ex-table tbody td ol {
    width: auto;
    margin: auto;
    display: inline-block;
}
#e-learning .common-table.ex-table thead th:first-child {
  width: 250px;
}
@media screen and (max-width: 767px) {
#e-learning .common-table.ex-table thead th:first-child {
  width: 180px;
}
}

/* -----------------------------------------------------
  .cx_knowledge 
----------------------------------------------------- */
#download.cx_knowledge .ex-btn-box{
  display: flex;
  flex-wrap: wrap;
}
#download.cx_knowledge .ex-btn-box .btn{
  margin-right: 55px;
}
@media screen and (max-width: 767px) {
	#download.cx_knowledge .ex-btn-box .btn{
		margin: 0 auto 48px;
	}
}
#download.cx_knowledge .btn a {
  min-width: 175px;
}

.ex-seminar-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.ex-seminar-box--item {
  width: 460px;
}
.ex-seminar-col2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.ex-seminar-ttl {
  margin-left: 12px;
  width: 283px;
}
.ex-seminar-img {
  width: 165px;
}
@media screen and (min-width: 768px) {
  .ex-seminar-box--item:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .ex-seminar-box--item:nth-of-type(2n) {
    margin-left: 70px;
  }
}
@media screen and (max-width: 767px) {
  .ex-seminar-box--item {
    width: 100%;
  }
  .ex-seminar-box--item + .ex-seminar-box--item {
    margin-top: 20px;
  }
  .ex-seminar-img {
    width: 100px;
  }
  .ex-seminar-ttl {
    width: calc(100% - 112px);
  }
}

.ex-industry-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.ex-industry-list li {
  margin-right: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ex-industry-list li {
    margin-bottom: 8px;
  }
}

.ex-download-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .ex-download-list {
    display: block;
  }
  .ex-download-list li {
    text-align: center;
  }
  .ex-download-list li + li {
    margin-top: 15px;
  }
}

.ex-btn-colbox {
  display: flex;
  justify-content: space-around;
  margin-top: 60px;
}
.ex-btn-colbox .btn {
  width: 380px;
}
.ex-btn-colbox .btn a {
  width: 100%;
  padding: 0 20px!important;
  height: 85px;
  line-height: 85px;
}
@media screen and (max-width: 767px) {
  #download.cx_knowledge .ex-btn-box .btn {
    margin-bottom: 20px;
  }
  .ex-btn-colbox {
    display: block;
    margin-top: 30px;
  }
  .ex-btn-colbox .btn {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .ex-btn-colbox .btn + .btn {
    margin-top: 24px;
  }
  .ex-btn-colbox .btn a {
    height: 76px;
    line-height: 76px;
  }
}
.mainvisual .btn .ex-btn--white {
    border: 2px solid #1473E6;
    background: #FFFFFF;
    color: #1473E6;
}
#cx_knowledge .ex-icon-list__industry {
    justify-content: flex-start;
    margin-top: 16px;
}
#cx_knowledge .ex-icon-list__industry .icon-list__item {
    margin: 0;
    margin-left: 48px;
}
#cx_knowledge .ex-icon-list__industry .icon-list__item:nth-of-type(7n+1) {
    margin-left: 0;
}
#cx_knowledge .ex-icon-list__industry .icon-list__pic {
    width: auto;
    height: auto;
    align-items: center;
    margin-bottom: 10px;
}
#cx_knowledge .ex-icon-list__industry .icon-list__pic__inner img {
    position: initial;
    transform: none;
}
#cx_knowledge .ex-icon-list__industry .icon-list__item:nth-of-type(n+8) {
    margin-top: 40px;
}
#cx_knowledge .ex-icon-list__industry .icon-list__title {
    font-weight: bold;
    line-height: 1.5;
    min-height: 48px;
}
#cx_knowledge .ex-icon-list__industry .block__text {
    text-align: center;
    margin-bottom: 0;
}
@media screen and (max-width: 767px){
    #cx_knowledge .ex-icon-list__industry{
        justify-content: space-between;
    }
    #cx_knowledge .ex-icon-list__industry .icon-list__item {
        margin: 0 0 30px 0;
    }
    #cx_knowledge .ex-icon-list__industry .icon-list__item:nth-of-type(n+8) {
        margin-top: 0;
    }
}


/* -----------------------------------------------------
  #member 
----------------------------------------------------- */
#member .ex-report-archive > ul {
    display: flex;
    flex-wrap: wrap;
}
#member .ex-report-archive > ul > li {
    width: 320px;
    margin-left: 15px;
}
#member .ex-report-archive > ul > li > a {
    position: relative;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    line-height: 1.4;
    color: #fff;
    border-radius: 28px;
    border: 1px solid #333333;
    background: linear-gradient(to right, #197df5 0%, #1ca0c2 100%);
    font-size: 1.8rem;
    font-weight: bold;
}
#member .ex-report-archive > ul > li > a:hover {
    background-color: #F6F6F6;
}
#member .ex-report-archive > ul > li > a::after {
    content: "";
    position: absolute;
    right: 23px;
    top: 32%;
    top: calc(50% - 8px / 2);
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    transition: all .3s;
}
#member .ex-report-archive > ul > li > a:hover::after {
    right: 13px;
}
#member .ex-report-archive > ul > li > p {
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: -0.7px;
}
#member .ex-report-archive > ul > li .u-ul-list li {
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
#member .ex-report-archive > ul > li:nth-of-type(3n-2) {
    margin-left: 0;
}
#member .ex-report-archive > ul > li:nth-of-type(n+4) {
    margin-top: 25px;
}
}

@media screen and (max-width: 767px) {
#member .ex-report-archive > ul {
    display: block;
}
#member .ex-report-archive > ul > li {
    margin: 0 auto;
}
#member .ex-report-archive > ul > li:nth-of-type(n+2) {
    margin-top: 25px;
}
}


#member #interview .ex-column-archive__wrap .ex-column-archive__subtitle--l {
    text-align: left;
    font-size: 1.8rem;
    font-weight: bold;
}
#member #interview .ex-column-archive__wrap .column-archive__title {
    font-size: 2.4rem;
}

#member .c-inq__mail .btn {
    max-width: 90%;
}
@media screen and (max-width: 767px) {
#member .c-inq__mail .btn a {
    padding: 20px 30px;
}
}

#member .ex-inner-link__wrap {
  margin-bottom: 20px;
}
#member .ex-inner-link__wrap .inner-link__item a {
  position: relative;
  display: inline-block;
  padding-right: 16px;
}
#member .ex-inner-link__wrap .inner-link__item a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #2B9AF3;
  border-right: 2px solid #2B9AF3;
  transform: translateY(75%) rotate(135deg);
}
#member .ex-lower-section__title {
  margin-bottom: 20px;
  font-size: 3.0rem;
  font-weight: normal;
  text-align: left;
}
#member .ex-lower-section__title span{
  border-left: 4px solid #0C357F;
  padding-left: 15px;
}
#member .ex-sub-category {
  margin-bottom: 20px;
  font-size: 2.1rem;
  border-left: 3px solid #0C357F;
  padding-left: 10px;
}
#member .column3.box-list + .ex-sub-category {
  margin-top: 40px;
}
#member .column3.box-list {
  display: flex;
  width: 990px;
  margin: auto;
  flex-wrap: wrap;
  gap: 40px 48px;
}
#member .column3 .box-list__item {
  text-align: center;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  box-shadow: 0px 0px 6px #0000001A;
  overflow: hidden;
  width: 298px;
}
#member .column3 .box-list__item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#member .column3 .box-list__image {
  margin: auto;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
#member .column3 .box-list__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}
#member .column3 a:hover .box-list__image img {
  transform: scale(1.1);
}
#member .column3 .box-list__title {
  font-size: 2.0rem;
  text-align: left;
  flex-grow: 1;
  margin-top: 10px;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333;
}
#member .column3 .box-list__sub-title {
  font-size: 1.4rem;
}
#member .column3 a:hover .box-list__title {
  color: #2b9af3;
}
#member .column3 .box-list__btn {
  padding: 15px 20px 20px;
}
#member .column3 .box-list__btn .btn {
  font-size: 1.5rem;
  font-weight: bold;
  display: inline-block;
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  color: #1473E6;
  border: 1px solid #1473E6;
  border-radius: 23px;
  background: #ffffff;
  min-height: 40px;
}
#member .column3 a:hover .box-list__btn .btn {
  opacity: .8;
}
#member .column3 .box-list__btn .btn span {
  position: relative;
  display: block;
  padding-right: 26px;
}
#member .column3 .box-list__btn .btn span::after {
  content: "";
  position: absolute;
  right: 0;
  background: url(/service/nps/cx_knowledge/archive/download/documentarchive/images/icon_download.png) no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 18px;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #member .column3.box-list {
    width: 100%;
    justify-content: center;
    flex-direction: column;
    gap: 40px 48px;
  }
  #member .column3 .box-list__item {
    width: 100%;
    border-radius: 1.6vw;
  }
  #member .column3 .box-list__image {
    height: 100%;
  }
}

.ex-icon-list__PAreport .icon-list__title {
    color: #2B9AF3;
}
@media screen and (min-width: 768px) {
.ex-icon-list__PAreport.icon-list {
    margin-bottom: 60px;
}
.ex-icon-list__PAreport .icon-list__item {
    width: 174px;
}
.ex-icon-list__PAreport .icon-list__item:nth-of-type(n+6) {
    margin-top: 60px;
}
.ex-icon-list__PAreport .icon-list__item a:hover .icon-list__title {
    color: #3cf;
    text-decoration: underline;
}
}
@media screen and (max-width: 767px) {
.ex-icon-list__PAreport .icon-list__title {
    font-size: 2.0rem;
}
}
/* -----------------------------------------------------
    フローティングデモバナー
----------------------------------------------------- */
.floating-demo-bnr {
  position: relative;
  margin: 0 auto;
  width: 100%;
  z-index: 99;
}
.floating-demo-bnr .floating-demo-bnr__img {
  position: fixed;
  right: 0;
  bottom: 320px;
  z-index: 999;
}
.floating-demo-bnr .floating-demo-bnr__img a {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: block;
}
.floating-demo-bnr .floating-demo-bnr__img a:hover {
  opacity: 0.9;
}
.floating-demo-bnr .floating-demo-bnr__img a img {
  vertical-align: bottom;
  width: 50px;
}
@media screen and (max-width: 767px) {
  .floating-demo-bnr {
    display: none;
  }
}

/* -----------------------------------------------------
    新ダウンロードCTA
----------------------------------------------------- */
.ex-dlcta {
  position: relative;
  width: 86%;
  margin: 50px auto 0;
  background-color: #1473E6;
  border: 1px solid #FFFFFF;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .ex-dlcta {
    width: 100%;
    margin-top: 60px;
  }
}
.ex-dlcta::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 314px 284px 0 0;
  border-color: #000000 transparent transparent transparent;
  opacity: 0.08;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .ex-dlcta::before {
    border-width: 302px 96vw 0 0;
  }
}
.ex-dlcta__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 10px;
}
.ex-dlcta--imgwide .ex-dlcta__inner {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .ex-dlcta__inner {
    padding: 20px;
  }
}
.ex-dlcta__left {
  text-align: center;
  width: 165px;
}
@media screen and (max-width: 767px) {
  .ex-dlcta__left {
    width: 100%;
  }
}
.ex-dlcta__right {
  width: calc(100% - 165px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ex-dlcta__right {
    width: 100%;
    margin-top: 14px;
  }
}
.ex-dlcta__img {
  text-align: center;
  padding: 0 10px;
}
.ex-dlcta__img img {
  vertical-align: bottom;
  max-width: 145px;
}
.ex-dlcta--imgwide .ex-dlcta__left {
  text-align: left;
  width: 250px;
}
@media screen and (max-width: 767px) {
  .ex-dlcta--imgwide .ex-dlcta__left {
    text-align: center;
    width: 100%;
  }
}
.ex-dlcta--imgwide .ex-dlcta__right {
  width: calc(100% - 280px);
}
@media screen and (max-width: 767px) {
  .ex-dlcta--imgwide .ex-dlcta__right {
    width: 100%;
  }
}
.ex-dlcta--imgwide .ex-dlcta__img {
  padding: 0;
}
.ex-dlcta--imgwide .ex-dlcta__img img {
  max-width: 100%;
}
.ex-dlcta__text {
  margin-bottom: 14px;
  color: #FFFFFF;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .ex-dlcta__text {
    margin-bottom: 20px;
  }
}
.ex-dlcta__title {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 2.6rem;
  font-weight: bold;
}
.ex-dlcta__subtitle {
  margin-bottom: 14px;
  color: #FFFFFF;
  font-size: 1.4rem;
}
.ex-dlcta__subtitle span {
  display: inline-block;
  margin-right: 8px;
  padding: 0 4px;
  color: #0F59AC;
  background-color: #FFFFFF;
  border-radius: 2px;
}
.ex-dlcta__downline {
  position: relative;
  width: 60%;
  margin: 0 auto 18px;
  padding: 6px 10px 8px;
  color: #FFFFFF;
  border-top: 1px solid #A5C4EB;
  border-bottom: 1px solid #A5C4EB;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .ex-dlcta__downline {
    width: 100%;
  }
}
.ex-dlcta__downline::before, .ex-dlcta__downline::after {
  position: absolute;
  right: 50%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: transparent;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.ex-dlcta__downline::before {
  bottom: -9px;
  border-top-color: #A5C4EB;
}
.ex-dlcta__downline::after {
  bottom: -8px;
  border-top-color: #1472e6;
}
.ex-dlcta .btn a.small {
  padding: 12px 40px;
  color: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(#FFA200), to(#F16000));
  background: linear-gradient(to right, #FFA200 0%, #F16000 100%);
}

.btn .ex-btn--orange {
  color: #FFFFFF!important;
  background: -webkit-gradient(linear, left top, right top, from(#FFA200), to(#F16000))!important;
  background: linear-gradient(to right, #FFA200 0%, #F16000 100%)!important;
}
.btn .ex-btn--orange:hover {
  color: #FFFFFF!important;
  opacity: 0.8!important;
}

/* ----------------------------------
NPX改修20230524
----------------------------------- */
.ex-npx-mv {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 767px) {
  .ex-npx-mv {
    display: block;
  }
}
.ex-npx-mv__left {
  width: calc(100% - 460px);
}
@media screen and (max-width: 767px) {
  .ex-npx-mv__left {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .ex-npx-mv__left .mainvisual__title {
    font-size: 3.8rem;
  }
}
.ex-npx-mv__left .mainvisual__btn .btn a {
  color: #0D57A7;
  border: 1px solid #0D57A7;
  background: #FFFFFF !important;
}
@media screen and (max-width: 767px) {
  .ex-npx-mv__left .mainvisual__btn .btn a {
    width: 200px;
    margin: 0 auto 15px;
  }
}
.ex-npx-mv__right {
  width: 424px;
}
@media screen and (max-width: 767px) {
  .ex-npx-mv__right {
    max-width: 454px;
    width: 100%;
    margin: 30px auto 0;
  }
}
.ex-npx-mv__right img {
  width: 100%;
}

.ex-feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 110px;
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .ex-feature-list {
    display: block;
    margin-top: 95px;
    margin-bottom: 40px;
  }
}
.ex-feature-list__item {
  position: relative;
  max-width: 320px;
}
@media screen and (max-width: 767px) {
  .ex-feature-list__item {
    max-width: 100%;
  }
}
.ex-feature-list__item + .ex-feature-list__item {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .ex-feature-list__item + .ex-feature-list__item {
    margin-top: 100px;
    margin-left: 0;
  }
}
.ex-feature-list__icon {
  position: absolute;
  top: 0;
  right: 50%;
  width: 120px;
  height: 120px;
  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;
  background-color: #FFFFFF;
  border: 3px solid #0B9D5E;
  border-radius: 50%;
  -webkit-transform: translateX(50%) translateY(-50%);
          transform: translateX(50%) translateY(-50%);
}
.ex-feature-list__title {
  padding: 75px 30px 15px;
  color: #FFFFFF;
  text-align: center;
  background-color: #0B9D5E;
  font-size: 2rem;
  font-weight: bold;
}
.ex-feature-list__textarea {
  padding: 25px 30px;
  background-color: #F7F7F7;
}
.ex-cta-npx {
  padding-top: 50px;
  padding-bottom: 60px;
  background-color: #F7F7F7;
}
@media screen and (max-width: 767px) {
  .ex-cta-npx {
    padding: 40px 20px 60px;
  }
}
.ex-cta-npx-list {
  max-width: 990px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ex-cta-npx-list {
    display: block;
  }
}
.ex-cta-npx-list__item {
  text-align: center;
}
.ex-cta-npx-list__item + .ex-cta-npx-list__item {
  margin-left: 50px;
}
@media screen and (max-width: 767px) {
  .ex-cta-npx-list__item + .ex-cta-npx-list__item {
    margin-top: 40px;
    margin-left: 0;
  }
}
.ex-cta-npx-list__icon img {
  vertical-align: bottom;
}
.ex-cta-npx-list__title {
  margin-top: 10px;
  font-size: 2.4rem;
  font-weight: bold;
}
.ex-cta-npx-list__text {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .ex-cta-npx-list__text {
    margin-top: 10px;
  }
}
.ex-cta-npx-list .btn {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .ex-cta-npx-list .btn {
    margin-top: 20px;
  }
}
.ex-cta-npx-list .btn a {
  background: #1473e6 !important;
}
/*
.ex-anchorlink-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list {
    display: block;
  }
}
.ex-anchorlink-list__item {
  width: 25%;
  padding: 0 24px;
  border-left: 1px solid #459E5B;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__item {
    width: 100%;
    padding: 15px 5px;
    border-top: 1px solid #459E5B;
    border-left: 0;
  }
}
.ex-anchorlink-list__item:last-of-type {
  border-right: 1px solid #459E5B;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__item:last-of-type {
    border-right: 0;
    border-bottom: 1px solid #459E5B;
  }
}
.ex-anchorlink-list__item a {
  text-decoration: none;
  display: block;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 30px;
}
.ex-anchorlink-list__item a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }
}
.ex-anchorlink-list__item a::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #459e5b transparent transparent transparent;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__item a::after {
    right: 5px;
    bottom: 50%;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent #459e5b;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.ex-anchorlink-list__icon {
  width: 50px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__icon {
    width: 40px;
    margin: 0;
  }
}
.ex-anchorlink-list__icon img {
  max-width: 100%;
}
.ex-anchorlink-list__number {
  color: #333333;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__number {
    font-size: 1.4rem;
  }
}
.ex-anchorlink-list__number span {
  margin-left: 4px;
  color: #459E5B;
  line-height: 1.0;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__number span {
    font-size: 3.0rem;
  }
}
.ex-anchorlink-list__title {
  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;
  min-height: 3em;
  margin-top: 12px;
  color: #459E5B;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .ex-anchorlink-list__title {
    min-height: 0;
    margin-top: 0;
    margin-left: 10px;
    font-size: 1.6rem;
  }
}
*/
.ex-inner-link-icon-list .inner-link-icon-list__item {
  border-left-color: #459E5B;
}
@media screen and (max-width: 767px) {
  .ex-inner-link-icon-list .inner-link-icon-list__item {
    border-top-color: #459E5B;
  }
}
.ex-inner-link-icon-list .inner-link-icon-list__item:last-of-type {
  border-right-color: #459E5B;
}
@media screen and (max-width: 767px) {
  .ex-inner-link-icon-list .inner-link-icon-list__item:last-of-type {
    border-bottom-color: #459E5B;
  }
}
@media screen and (min-width: 768px) {
.ex-inner-link-icon-list .inner-link-icon-list__item a::after {
    border-top-color: #459e5b;
  }
}
@media screen and (max-width: 767px) {
  .ex-inner-link-icon-list .inner-link-icon-list__item a::after {
    border-left-color: #459e5b;
  }
}
.ex-inner-link-icon-list .inner-link-icon-list__title {
  color: #459E5B;
}
.ex-inner-link-icon-list .inner-link-icon-list__number {
  color: #333333;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .ex-inner-link-icon-list .inner-link-icon-list__number {
    font-size: 1.4rem;
  }
}
.ex-inner-link-icon-list .inner-link-icon-list__number span {
  margin-left: 4px;
  color: #459E5B;
  line-height: 1.0;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .ex-inner-link-icon-list .inner-link-icon-list__number span {
    font-size: 3.0rem;
  }
}


.ex-npx-function__icon {
  text-align: center;
  margin-bottom: 30px;
}
.ex-npx-function .ex-npx-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .ex-npx-function .ex-npx-btn {
    display: block;
    text-align: center;
  }
}
.ex-npx-function .ex-npx-btn .btn a {
  background: -webkit-gradient(linear, left top, right top, from(#197df5), to(#1ca0c2)) !important;
  background: linear-gradient(to right, #197df5 0%, #1ca0c2 100%) !important;
}
.ex-npx-function .ex-npx-btn .btn + .btn {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .ex-npx-function .ex-npx-btn .btn + .btn {
    margin-top: 20px;
    margin-left: 0;
  }
}

.ex-npx-dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .ex-npx-dl {
    display: block;
  }
}
.ex-npx-dl__item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__item {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
  }
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__item + .ex-npx-dl__item {
    margin-top: 10px;
  }
}
.ex-npx-dl__title {
  position: relative;
  padding-top: 40px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__title {
    padding-top: 0;
    padding-right: 35px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__title::before, .ex-npx-dl__title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 2px;
    background-color: #459E5B;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .ex-npx-dl__title::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .ex-npx-dl__title.open::after {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.ex-npx-dl__cate {
  position: absolute;
  top: 0;
  right: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #459E5B;
  font-size: 1.5rem;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__cate {
    top: -1.5em;
    right: auto;
    left: 0;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    -webkit-transform: none;
            transform: none;
  }
}
.ex-npx-dl__cate--num {
  line-height: 1;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__cate--num {
    font-size: 2rem;
  }
}
.ex-npx-dl__inner {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .ex-npx-dl__inner {
    display: none;
    margin-top: 20px;
    padding-right: 35px;
  }
}
.ex-npx-dl__inner .block__text {
  text-align: left;
}
.ex-npx-dl--col2 .ex-npx-dl__item {
  width: calc(50% - 30px);
}
@media screen and (max-width: 767px) {
  .ex-npx-dl--col2 .ex-npx-dl__item {
    width: 100%;
  }
}
.ex-npx-dl--col3 .ex-npx-dl__item {
  width: calc(33.3333333333% - 32px);
}
@media screen and (max-width: 767px) {
  .ex-npx-dl--col3 .ex-npx-dl__item {
    width: 100%;
  }
}
.ex-npx-dl--col4 .ex-npx-dl__item {
  width: calc(25% - 22.5px);
}
@media screen and (max-width: 767px) {
  .ex-npx-dl--col4 .ex-npx-dl__item {
    width: 100%;
  }
}

.ex-npx-support {
  background-color: #459E5B;
}
.ex-npx-support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .ex-npx-support-list {
    display: block;
  }
}
.ex-npx-support-list__item {
  text-align: center;
  position: relative;
  max-width: 300px;
  padding: 30px 15px;
  border: 2px solid #FFFFFF;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .ex-npx-support-list__item {
    max-width: 100%;
    padding: 30px;
  }
}
.ex-npx-support-list__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .ex-npx-support-list__item + .ex-npx-support-list__item {
    margin-top: 54px;
  }
}
.ex-npx-support-list__item + .ex-npx-support-list__item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(100% + 15px);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 13px;
  border-color: transparent transparent transparent #ffffff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .ex-npx-support-list__item + .ex-npx-support-list__item::before {
    top: -27px;
    right: 50%;
    border-width: 13px 13px 0 13px;
    border-color: #ffffff transparent transparent transparent;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
  }
}
.ex-npx-support-list__icon {
  margin-bottom: 20px;
}
.ex-npx-support-list__title {
  margin-bottom: 30px;
  color: #FFFFFF;
  font-size: 2rem;
}
.ex-npx-support-list__title--logo {
  height: 30px;
  padding: 2px;
  background-color: #FFFFFF;
  border-radius: 15px;
}
.ex-npx-support-list__title--logo img {
  height: 100%;
}
.ex-npx-support-list__title--logo img + img {
  margin-left: 10px;
}
.ex-npx-support-list .block__text {
  text-align: left;
  color: #FFFFFF;
}
.ex-npx-support .section__sub-title {
  color: #FFFFFF;
}
.ex-npx-support .text-link {
  color: #FFFFFF;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .ex-npx-support .text-link {
    font-size: 1.6rem;
  }
}

.ex-npx-case .column-menu__title a {
  text-decoration: none;
  display: block;
  text-align: left;
  color: #2B9AF3;
  font-size: 1.6rem;
  font-weight: normal;
}
.ex-npx-case .column-menu__title a:hover {
  text-decoration: underline;
  color: #3cf;
}
.ex-npx-case .column-menu__text {
  font-size: 1.4rem;
}

.ex-triarrow--green {
  position: relative;
}
.ex-triarrow--green::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #459e5b transparent transparent transparent;
  -webkit-transform: translateX(50%) translateY(70%);
          transform: translateX(50%) translateY(70%);
  z-index: 1;
}

.ex-triarrow--gray {
  position: relative;
}
.ex-triarrow--gray::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 50px;
  border-color: #F7F7F7 transparent transparent transparent;
  -webkit-transform: translateX(50%) translateY(70%);
          transform: translateX(50%) translateY(70%);
  z-index: 1;
}

.ex-bg--gray {
  background-color: #F7F7F7;
}

.ex-text-link--white {
  color: #FFFFFF;
  font-size: 1.8rem;
  font-weight: bold;
}
.ex-text-link--white:hover {
  text-decoration: none;
}

/* 20230627NPS4つの秘訣ページ改修 */
.mainvisual--top.ex-success-mv .mainvisual__inner {
  padding-bottom: 0;
}

.ex-success-mv {
  position: relative;
}
.ex-success-mv::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #2A4E86;
  mix-blend-mode: color-dodge;
}
.ex-success-mv .mainvisual__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 767px) {
  .ex-success-mv .mainvisual__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ex-success-mv__left {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .ex-success-mv__left {
    margin-right: 0;
  }
}
.ex-success-mv__left .mainvisual__title span {
  display: block;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .ex-success-mv__left .mainvisual__lead {
    text-align: left;
  }
}
.ex-success-mv__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .ex-success-mv__right img {
    max-width: 100%;
  }
}

.ex-problem .box.ex-box-col4 {
  width: auto;
}
.ex-problem .box.ex-box-col4 .box__item {
  width: 225px;
  height: 180px;
}
.ex-problem .box.ex-box-col4 .box__item:nth-of-type(1) {
  background-image: url(/service/nps/images/bg-bubble-green01.png);
}
.ex-problem .box.ex-box-col4 .box__item:nth-of-type(2) {
  background-image: url(/service/nps/images/bg-bubble-gray01.png);
}
.ex-problem .box.ex-box-col4 .box__item:nth-of-type(3) {
  background-image: url(/service/nps/images/bg-bubble-green02.png);
}
.ex-problem .box.ex-box-col4 .box__item:nth-of-type(4) {
  background-image: url(/service/nps/images/bg-bubble-gray02.png);
}
.with-photo__wrap .with-photo.ex-voice {
  margin-bottom: 30px;
}
.with-photo__wrap .with-photo.ex-voice .with-photo__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
}
.with-photo__wrap .with-photo.ex-voice .with-photo__image img {
  background-color: #FFFFFF;
}
.with-photo__wrap .with-photo.ex-voice .ex-voice__name {
  font-size: 1.4rem;
}

.ex-sec_numbering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .ex-sec_numbering {
    display: block;
  }
}
.ex-sec_numbering--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;

}
.ex-sec_numbering__text {
  width: 460px;
}
@media screen and (max-width: 767px) {
  .ex-sec_numbering__text {
    width: 100%;
  }
}
.ex-sec_numbering__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 495px);
}
@media screen and (max-width: 767px) {
  .ex-sec_numbering__img {
    width: 100%;
    margin-top: 35px;
  }
}
.ex-sec_numbering__number {
  text-align: center;
  font-size: 2.1rem;
}
.ex-sec_numbering__number span {
  margin-left: 8px;
  line-height: 1;
  color: #459E5B;
  font-size: 4.8rem;
}
.ex-sec_numbering__title {
  text-align: center;
  margin-top: 20px;
  font-size: 1.8rem;
}
.ex-sec_numbering__action {
  margin-top: 30px;
  margin-bottom: 24px;
  line-height: 1.3125;
  color: #459E5B;
  font-size: 2.4rem;
}
.ex-sec_numbering__action span {
  position: relative;
  text-align: center;
  display: block;
  margin-bottom: 20px;
  padding: 4px 20px;
  color: #FFFFFF;
  background-color: #459E5B;
  font-size: 1.6rem;
}
.ex-sec_numbering__action span::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -8px;
  display: block;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #459e5b transparent transparent transparent;
}

.ex-point-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 130px;
  margin-top: 40px;
  padding: 30px 30px 30px 115px;
  background-image: url("/service/nps/images/ic-point.png");
  background-repeat: no-repeat;
  background-position: left 24px center;
}
@media screen and (max-width: 767px) {
  .ex-point-area {
    padding: 20px 20px 20px 80px;
    background-position: left 10px top 20px;
  }
}

.ex-border-area {
  position: relative;
  margin: 80px 25px 0;
  padding: 50px 30px 30px;
  border: 2px solid #459E5B;
}
@media screen and (max-width: 767px) {
  .ex-border-area {
    margin: 70px 0 0;
    padding: 55px 20px 35px;
  }
}
.ex-border-area::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  display: block;
  width: 48px;
  height: 42px;
  background: url("/service/nps/images/ic-quotation-double.png") no-repeat right bottom/39px 32px #FFFFFF;
}
.ex-border-area__tag {
  position: absolute;
  top: 0;
  left: -12.5px;
  width: 200px;
  height: 100px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #FFFFFF;
}
.ex-border-area__tag--voice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 74px;
  letter-spacing: 1px;
  line-height: 1.2;
  color: #459E5B;
  background: url("/service/nps/images/ic-person.png") no-repeat left center;
  font-size: 2rem;
}

.section.ex-bg--gray .ex-border-area__tag {
  background-color: #F7F7F7;
}

.section.ex-bg--gray .ex-border-area::after {
  background-color: #F7F7F7;
}

/* -----------------------------------------------------
  #consultation-trial
----------------------------------------------------- */
.ex-page-trial .ex-trial-mv {
  position: relative;
}
.ex-page-trial .ex-trial-mv::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #2A4E86;
  mix-blend-mode: color-dodge;
}
.ex-page-trial .ex-trial-mv .mainvisual__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 767px) {
  .ex-page-trial .ex-trial-mv .mainvisual__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ex-page-trial .ex-trial-mv__left {
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .ex-page-trial .ex-trial-mv__left {
    margin-right: 0;
  }
}
.ex-page-trial .ex-trial-mv__left .mainvisual__title span {
    display: block;
    font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .ex-page-trial .ex-trial-mv__left .mainvisual__lead {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .ex-page-trial .ex-trial-mv__right img {
    max-width: 100%;
  }
}
.ex-page-trial .ex-trial-mv .mainvisual__title{
    font-size: 3.6rem;
    line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-trial-mv .mainvisual__title{
	    font-size: 3.2rem;
	}
}
.ex-page-trial .ex-trial-mv .mainvisual__lead{
    font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-trial-mv .mainvisual__lead{
	    font-size: 1.6rem;
		text-align: center;
	}
}
.ex-page-trial .ex-inquiry__text{
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 2.4rem;
    text-align: center;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-inquiry__text{
	    font-size: 1.8rem;
	}
}
.ex-page-trial .ex-worries .check-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 40px;
}
.ex-page-trial .ex-worries .check-list .check-list__li{
    width: 50%;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-worries .check-list .check-list__li{
	    width: 100%;
	}
}
.ex-page-trial .ex-flow .ex-flow__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__list{
	    -ms-flex-wrap: wrap;
            flex-wrap: wrap;
	}
}
.ex-page-trial .ex-flow .ex-flow__item{
    width: 320px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__item{
	    position: relative;
		margin-bottom: 20px;
		width: 100%;
	}
	.ex-page-trial .ex-flow .ex-flow__item::after {
	    position: absolute;
	    content: '';
	    bottom: -10px;
	    left: 50%;
	    width: 0;
	    height: 0;
	    -webkit-transform: translateX(-50%);
	        -ms-transform: translateX(-50%);
	            transform: translateX(-50%);
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-top: 10px solid #459E5B;
	}
}
.ex-page-trial .ex-flow .ex-flow__step{
    font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__step{
	    text-align: center;
	}
}
.ex-page-trial .ex-flow .ex-flow__step span{
    padding-left: 5px;
    font-size: 3.4rem;
    color: #459E5B;
}
.ex-page-trial .ex-flow .ex-flow__title{
    position: relative;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__title{
	    position: static;
		background-color: #459E5B;
		text-align: center;
		height: 70px;
		line-height: 70px;
	}
}
.ex-page-trial .ex-flow .ex-flow__title span{
    position: absolute;
    width: 230px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-55%);
        -ms-transform: translateY(-50%) translateX(-55%);
            transform: translateY(-50%) translateX(-55%);
    text-align: center;
    font-size: 3.2rem;
    color: #459E5B;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__title span{
	    position: static;
		font-size: 2.0rem;
		color: #fff;
	}
}
.ex-page-trial .ex-flow .ex-flow__item:nth-child(3) .ex-flow__title span{
    color: #fff;
}
.ex-page-trial .ex-flow .ex-flow__text{
    width: 280px;
    margin-top: 20px;
    padding-left: 8px;
    border-left: 2px solid #459E5B;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-flow .ex-flow__text{
		width: 100%;
	    margin-top: 0px;
	    padding: 10px;
	    border: 2px solid #459E5B;
	}
}
.ex-page-trial .ex-flow .ex-flow__block{
    padding: 30px;
    background-color: #E6E6E6;
}
@media screen and (max-width: 767px) {
    .ex-page-trial .ex-flow .ex-flow__block .block__sub-title{
        font-size: 1.6rem;
    }
}
.ex-page-trial .ex-consult{
    position: relative;
    background: url(/service/nps/consultation/trial/images/consult_bg.png);
    color: #fff;
    padding-bottom: 40px;
}
.ex-page-trial .ex-consult::after{
    position: absolute;
    content: '';
    bottom: -30px;
    left: 50%;
    width: 0;
    height: 0;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #459E5B;
}
.ex-page-trial .ex-consult .ex-consult__item{
    display: flex;
    margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-consult .ex-consult__item{
	    -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
	}
}
.ex-page-trial .ex-consult .ex-consult__item--left{
    width: 160px;
    margin-right: 30px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-consult .ex-consult__item--left{
	    width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
}
.ex-page-trial .ex-consult .ex-consult__item--right{
    width: 760px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-consult .ex-consult__item--right{
	    width: 100%;
	}
}
.ex-page-trial .ex-consult .ex-consult__item{
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 20px;
}
.ex-page-trial .ex-consult .ex-consult__name{
    font-size: 3.0rem;
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
	.ex-page-trial .ex-consult .ex-consult__name{
	    font-size: 2.4rem;
	    text-align: center;
	}
}
@media screen and (max-width: 767px) {
    .ex-page-trial .ex-btn--orange{
        padding: 20px 30px;
        min-width: 335px;
    }
}

.ex-new-tag {
    position: relative;
    padding-left: 60px;
}
@media screen and (max-width: 767px) {
	.ex-new-tag {
	    padding-top: 28px;
	    padding-left: 0;
	}
}
.ex-new-tag::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "NEW";
    line-height: 1.0;
    padding: 6px;
    color: #FFFFFF;
    background-color: #EA6552;
    font-size: 1.6rem;
    font-weight: bold;
}

/* ====================================================
  Qualtrics XM（クアルトリクス XM）
==================================================== */
/* メインビジュアル */
.ex-qualtrics-mv.mainvisual {
  position: relative;
}
.ex-qualtrics-mv.mainvisual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 78, 134, 0.8);
  mix-blend-mode: color;
}
.ex-qualtrics-mv .mainvisual__lead {
  margin-bottom: 10px;
  font-size: 2.0rem;
}
.ex-qualtrics-mv .mainvisual__lead span {
  display: inline-block;
  margin-left: 15px;
  padding: 4px 8px;
  border: 1px solid #FFFFFF;
}
.ex-qualtrics-mv .mainvisual__title {
  font-size: 6.0rem;
}
.ex-qualtrics-mv .mainvisual__title span {
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .ex-qualtrics-mv .mainvisual__lead span {
    margin-top: 10px;
    margin-left: 0;
  }
  .ex-qualtrics-mv .mainvisual__title {
    font-size: 4.8rem;
  }
  .ex-qualtrics-mv .mainvisual__title span {
    display: block;
    font-size: 2.4rem;
  }
}

/* ex-problem-area */
.ex-problem-area {
  padding-bottom: 0;
}
.ex-problem-area .section__title {
  color: #0D57A7;
}
.ex-voice-list {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-bottom: 315px;
  background: url("/service/nps/qualtrics/images/img_problem.png") no-repeat center bottom;
}
.ex-voice-list__item {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 182px;
  padding: 20px 20px 40px;
  background: no-repeat center;
  font-size: 1.7rem;
  font-weight: bold;
  clip-path: polygon(100% 0, 95% 90%, 48% 90%, 48% 100%, 35% 90%, 5% 90%, 0 0);
}
.ex-voice-list__item--dark {
  color: #FFFFFF;
  background-image: url("/service/nps/qualtrics/images/ic-question--dark.png");
  background-color: #038FEB;
}
.ex-voice-list__item--light {
  background-image: url("/service/nps/qualtrics/images/ic-question--light.png");
  background-color: rgba(3, 143, 235, 0.2);
  transform: translateY(60px);
}
@media screen and (max-width: 767px) {
  .ex-voice-list {
    align-items: center;
    flex-direction: column;
    padding-bottom: 130px;
    background-size: contain;
  }
  .ex-voice-list__item {
    width: 292px;
    padding-bottom: 50px;
    background-position: center top 15px;
  }
  .ex-voice-list__item--dark {
    transform: translateX(-20px);
    clip-path: polygon(100% 0, 97.5% 85%, 27% 85%, 27% 100%, 18% 85%, 2.5% 85%, 0 0);
  }
  .ex-voice-list__item--light {
    transform: translateX(20px) translateY(0);
    clip-path: polygon(100% 0, 97.5% 85%, 73% 85%, 73% 100%, 82% 85%, 2.5% 85%, 0 0);
  }
}

/* ex-solution-area */
.ex-solution-area {
  position: relative;
  padding-top: 20px;
  background-color: #F7F7F7;
}
.ex-solution-area::before,
.ex-solution-area::after {
  content: "";
  position: absolute;
  top: -40px;
  width: 50%;
  height: 0;
  border-width: 0 40px 40px 40px;
  border-style: solid;
}
.ex-solution-area::before {
  left: 0;
  border-color: transparent transparent #F7F7F7 #F7F7F7;
}
.ex-solution-area::after {
  right: 0;
  border-color: transparent #F7F7F7 #F7F7F7 transparent;
}
.ex-solution-area .section__title {
  color: #0D57A7;
  font-weight: bold;
}
.ex-solution-area .section__title span {
  padding-left: 56px;
  background: url("/service/nps/industry/images/icon_idea.png") no-repeat left center;
  background-size: auto 100%;
}
.ex-solution-area .section__inner::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 100px;
  height: 50px;
  background-color: #F7F7F7;
  transform: translate(50%, 50%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ex-solution-list {
  display: flex;
  justify-content: center;
  gap: 45px;
}
.ex-solution-list__item {
  text-align: center;
  width: 300px;
  border-radius: 0 0 10px 10px;
  background-color: #FFFFFF;
}
.ex-solution-list__title {

}
.ex-solution-list__img {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  .ex-solution-area::before,
  .ex-solution-area::after {
    top: -20px;
    border-width: 0 20px 20px 20px;
  }
  .ex-solution-area .section__title {
    padding-top: 60px;
    background: url("/service/nps/industry/images/icon_idea.png") no-repeat center top / 60px;
    font-weight: bold;
  }
  .ex-solution-area .section__title span {
    padding-left: 0;
    background: none;
  }
  .ex-solution-list {
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .ex-solution-list__item img {
    max-width: 100%;
  }
}

/* ex-support-content */
.ex-support-content {
  padding-top: 20px;
}
.ex-support-content .section__inner {
  padding: 60px 45px;
}
.ex-support-content .with-photo {
  justify-content: center;
  gap: 40px;
}
.ex-support-content__title {
  color: #0D57A7;
  font-size: 3.0rem;
  font-weight: bold;
}
.ex-support-content .with-photo__txt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .ex-support-content {
    padding-top: 0;
  }
  .ex-support-content .section__inner {
    padding: 60px 0;
  }
  .ex-support-content .ex-bg--gray {
    margin-right: -20px;
    margin-left: -20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .ex-support-content .with-photo {
    gap: 30px;
  }
  .ex-support-content__title {
    font-size: 2.4rem;
  }
}

/* ex-consal-area */
.ex-consal-area .section__title  {
  color: #0D57A7;
  font-weight: bold;
}
.ex-arrow-text {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
  padding: 8px 20px;
  color: #FFFFFF;
  border-radius: 5px;
  background-color: #0D57A7;
  font-size: 2.2rem;
}
.ex-arrow-text::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 16px;
  height: 10px;
  background-color: #0D57A7;
  transform: translate(50%, 100%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ex-consal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.ex-consal-list__item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: calc((100% - 40px) / 2);
  padding: 20px 30px 30px;
  background-color: #FFFFFF;
  border: 2px solid #0D57A7;
  border-radius: 10px;
}
.ex-consal-list__profile {
  display: flex;
  align-items: center;
  gap: 20px;
}
.ex-consal-list__name {
  color: #0D57A7;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .ex-arrow-text {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.6rem;
  }
  .ex-consal-list {
    gap: 20px;
  }
  .ex-consal-list__item {
    width: 100%;
    padding: 20px;
  }
}

/* ex-about-qualtrics */
.ex-about-qualtrics .section__title {
  color: #0D57A7;
}
.ex-about-qualtrics .block__inner {
  display: flex;
  flex-direction: column;
  gap: 70px;
}
.ex-qualtrics-function {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 50px 40px 40px;
  background-color: #F7F7F7;
}
.ex-qualtrics-function__point {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 45px;
  padding: 8px 20px;
  color: #FFFFFF;
  background-color: #0D57A7;
  border-radius: 5px;
  letter-spacing: 2px;
  font-size: 2.0rem;
}
.ex-qualtrics-function__point::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 1px;
  width: 16px;
  height: 10px;
  background-color: #0D57A7;
  transform: translate(50%, 100%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ex-qualtrics-function__point span {
  display: inline-block;
  line-height: 1.0;
  letter-spacing: 3.2px;
  font-size: 3.2rem;
}
.ex-qualtrics-function__title {
  font-size: 2.8rem;
}
.ex-qualtrics-function__marker {
  background: linear-gradient(to bottom, transparent 59%,rgba(3, 143, 235, 0.25) 60%,rgba(3, 143, 235, 0.25) 100%);
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ex-about-qualtrics .block__title {
    margin-bottom: 20px;
    font-size: 3.0rem;
  }
  .ex-about-qualtrics .block__inner {
    gap: 64px;
  }
  .ex-qualtrics-function {
    padding: 50px 20px 30px;
  }
  .ex-qualtrics-function__point {
    letter-spacing: 1.8px;
    font-size: 1.8rem;
  }
  .ex-qualtrics-function__point span {
    letter-spacing: 2.8px;
    font-size: 2.8rem;
  }
  .ex-qualtrics-function__title {
    text-align: center;
    font-size: 2.4rem;
  }
}

/* ex-feature-qualtrics */
.ex-feature-qualtrics {
  position: relative;
}
.ex-feature-qualtrics::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 100px;
  height: 50px;
  background-color: #F7F7F7;
  transform: translate(50%, 50%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 1;
}
.ex-button-area {
  text-align: center;
  margin-top: 60px;
}
.ex-button-area__text {
  margin-bottom: 20px;
  font-size: 2.4rem;
  font-weight: bold;
}
.ex-button-area__text span {
  color: #0D57A7;
}
@media screen and (max-width: 767px) {
  .ex-feature-qualtrics .section__title {
    font-size: 2.4rem;
  }
  .ex-feature-qualtrics .column-menu__title {
    font-size: 2.0rem;
  }
  .ex-button-area__text {
    font-size: 1.8rem;
  }
  .ex-button-area {
    margin-top: 0;
  }
  .ex-button-area .btn a {
    font-size: 1.5rem;
  }
}

/* ex-case-qualtrics */
.ex-case-qualtrics {
  position: relative;
}
.ex-case-qualtrics::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 100px;
  height: 50px;
  background-color: #FFFFFF;
  transform: translate(50%, 50%);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ex-case-qualtrics__title {
  text-align: center;
  color: #0D57A7;
  font-size: 3.0rem;
  font-weight: bold;
}
.ex-case-qualtrics__card {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 40px;
  padding: 30px;
  border-radius: 10px;
  border: 2px solid #0D57A7;
}
.ex-case-qualtrics__img {
  width: 300px;
}
.ex-case-qualtrics__text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  width: calc(100% - 330px);
}
.ex-case-qualtrics__card-title {
  color: #0D57A7;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .ex-case-qualtrics__title {
    font-size: 2.4rem;
    font-weight: normal;
  }
  .ex-case-qualtrics__card {
    flex-direction: column;
    gap: 20px;
    margin-top: 35px;
    padding: 20px 20px 30px;
  }
  .ex-case-qualtrics__img {
    text-align: center;
    width: 100%;
  }
  .ex-case-qualtrics__text {
    width: 100%;
  }
}

/* ex-more-qualtrics */
.ex-more-qualtrics {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 90px;
  padding-bottom: 60px;
}
.ex-more-qualtrics__title {
  font-size: 2.4rem;
}
.ex-more-qualtrics .btn a.ex-icon-dl {
  padding: 14px 20px;
  background-image: url("/service/nps/qualtrics/images/ic-download--white.png");
  background-repeat: no-repeat;
  background-position: right 50px center;
  font-size: 2.2rem;
}
@media screen and (max-width: 767px) {
  .ex-more-qualtrics {
    padding-top: 60px;
  }
  .ex-more-qualtrics .btn {
    width: 100%;
    padding: 0 20px;
  }
  .ex-more-qualtrics .btn a.ex-icon-dl {
    width: 100%;
    padding: 18px 80px 16px 56px;
    background-position: right 35px center;
    font-size: 1.5rem;
  }
}

/* ex-nps-cta */
.ex-nps-cta {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url("/service/nps/qualtrics/images/bg_green-tri-pc.png") no-repeat center / cover;
}
.ex-service-list {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.ex-nps-cta__title {
  text-align: center;
  color: #FFFFFF;
  font-size: 3.0rem;
  font-weight: bold;
}
.ex-service-list__item {
  width: 277.5px;
}
.ex-service-list__item a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 2.4rem;
}
.ex-service-list__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #FFFFFF;
}
@media screen and (max-width: 767px) {
  .ex-nps-cta {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url("/service/nps/qualtrics/images/bg_green-tri-sp.png");
  }
  .ex-nps-cta__title {
  }
  .ex-service-list {
    align-items: center;
    flex-direction: column;
  }
  .ex-service-list__item a {
  }
  .ex-service-list__img {
  }
}
/* ====================================================
  // Qualtrics XM（クアルトリクス XM）
==================================================== */

/* ====================================================
  /industry/ CTA
============================================= */
.ex-nps-tools{
  display: flex;
  justify-content: center;
}
.ex-nps-tool{
  flex-basis: 360px;
  margin: 0 20px;
}

.ex-nps-tool-inner{
  display: block;
  text-decoration: none;
  border: 1px solid #505050;
}
.ex-nps-tool-img > img{
  width: 100%;
  max-width: 100vw;
  vertical-align: bottom;
}
.ex-nps-tool-text{
  padding: 20px 30px;
  color: #fff;
  background-color: #505050;
}
.ex-nps-tool-title{
  font-size: 22px;
  font-weight: bold;
}
.ex-btn--contents{
  width: 616px;
  padding-bottom: 80px;
}
.ex-btn--contents a{
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .ex-cta-industry.c-inq.c-inq__lead .c-inq__lead-text  .c-inq__lead-title{
    font-size: 24px;
  }
  .ex-nps-tools{
    display: block;
    max-width: 475px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .ex-nps-tool{
    margin: 0;
  }
  .ex-nps-tool + .ex-nps-tool{
    margin-top: 30px;
  }
  .ex-nps-tool-text{
    padding: 20px 15px;
  }
  .ex-btn--contents{
    width: min(100% - 40px, 475px);
    padding-bottom: 0;
  }
}

/* ====================================================
 NPS調査データ購入
==================================================== */
/* タブ切り替え */
.ex-tab__block {
  width: 100%;
  background: #f0f0f0;
  padding: 18px 20px;
}
.ex-tab_index {
  display: flex;
  flex-wrap: wrap;
}
.ex-tab_index__label {
  border-radius: 15px;
  /*border: 1px solid #333333;*/
  font-size: 1.6rem;
  display: inline-block;
  padding: 2px 20px;
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
}
.ex-tab_index__label:hover {
  background-color: #0D57A7;
  color: #ffffff;
  cursor: pointer;
}
.ex-tab_index__label.active {
  background-color: #0D57A7;
  color: #ffffff;
}
.ex-tab_content__panel {
  display: none;
}
.ex-tab_content__panel.active {
  display: block;
}
.ex-tab_content__panel .u-ul-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .ex-tab_index {
    padding-bottom: 30px;
  }
  .ex-tab_index__label {
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .ex-tab_content__panel {
    min-height: 72px;
  }
  .ex-tab_content__panel .u-ul-list li {
    min-width: 215px;
  }
}
@media screen and (max-width: 767px) {
  .ex-tab_index {
    padding-bottom: 20px;
  }
  .ex-tab_index__label {
    margin-right: 15px;
    margin-bottom: 10px;
  }
  .ex-tab_content__panel .u-ul-list li {
    padding-right: 20px;
  }
}