@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
/* ----------------------------------------------------------------
* reset *
----------------------------------------------------------------- */
hrml, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, footer {
  margin: 0;
  padding: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

object, embed {
  vertical-align: top;
}

legend {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

img, abbr, acronym, fieldset {
  border: 0;
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}

a {
  text-decoration: none;
}

a:active, a:focus, input:active, input:focus {
  outline: 0;
}

section {
  width: 100%;
}

.wrap {
  overflow: hidden;
  position: relative;
}

/* リセット */
/* Scss Document */
/* ----------------------------------------------------------------
ブレークポイント設定
----------------------------------------------------------------- */
/* mixin */
/* Scss Document */
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
html {
  font-size: 62.5%;
}

body {
  background: url(../img/background-img.jpg) bottom center/cover no-repeat fixed;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

body::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

article {
  animation-name: fade-in;
  animation-duration: 0.5s;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 0.5s;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

.pcClass {
  display: block;
}

.spClass {
  display: none;
}

p {
  font-size: 1.3rem;
  line-height: 2;
}

a {
  color: #000000;
}

::selection {
  background: #004ea2;
  color: #FFFFFF;
}

/* for Firefox */
::-moz-selection {
  background: #004ea2;
  color: #FFFFFF;
}

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

.t-left {
  text-align: left;
}

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

/* 右サイドバナー */
#bnr__pc, .bnr__pc {
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 49;
  width: 100px;
}
#bnr__pc__inner, .bnr__pc__inner {
  text-align: center;
}
#bnr__pc__inner__item, .bnr__pc__inner__item {
  margin-bottom: 15px;
  transition: all 0.3s ease 0s;
  border-radius: 5px 0 0 5px;
}
#bnr__pc__inner__item:hover, .bnr__pc__inner__item:hover {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.5em);
  opacity: 0.9;
}
#bnr__pc__inner__item:last-of-type, .bnr__pc__inner__item:last-of-type {
  margin-bottom: 0px;
}
#bnr__sp, .bnr__sp {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 49;
  width: 100%;
  height: 113px;
  display: none;
}
#bnr__sp .bnr_seminar a, .bnr__sp .bnr_seminar a {
  display: block;
}
#bnr__sp .bnr_seminar img, .bnr__sp .bnr_seminar img {
  width: 100%;
  height: 53px;
  object-fit: cover;
}
#bnr__sp__inner, .bnr__sp__inner {
  display: flex;
}
#bnr__sp__inner__item, .bnr__sp__inner__item {
  width: 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
}
#bnr__sp__inner__item__warapper, .bnr__sp__inner__item__warapper {
  position: relative;
  font-size: 1.1rem;
}
#bnr__sp__inner__item__warapper a, .bnr__sp__inner__item__warapper a {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bnr__sp__inner__item__warapper__item, .bnr__sp__inner__item__warapper__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
#bnr__sp__inner__item__warapper__item__img, .bnr__sp__inner__item__warapper__item__img {
  width: 25px;
}
#bnr__sp__inner__item__warapper__item__text, .bnr__sp__inner__item__warapper__item__text {
  text-align: left;
  margin: 0 0 0 6px;
  font-weight: bold;
  line-height: 1.2;
}
#bnr__sp__inner__item__warapper__item__text--small, .bnr__sp__inner__item__warapper__item__text--small {
  font-size: 0.8rem;
  display: block;
}
#bnr__sp__inner__item .login, .bnr__sp__inner__item .login {
  background-color: #e8a42a;
}
#bnr__sp__inner__item .online, .bnr__sp__inner__item .online {
  background-color: #0396a6;
}
#bnr__sp__inner__item .contact, .bnr__sp__inner__item .contact {
  background-color: #003245;
}

/* 右サイドバナー */
/* 共通パーツCSS */
/* ----------------------------------------------------------------
header
----------------------------------------------------------------- */
.header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  transition: 0.15s;
}
.header__inner {
  width: 600px;
  padding: 30px 100px 0 0;
  margin-left: auto;
  transition: 0.15s;
}
.header__inner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.header__inner__list__menu {
  font-size: 1.3rem;
}
.header__inner__list__menu a {
  color: #000000;
  line-height: 5;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu a::after {
  border-bottom: solid 1px #000000;
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu a:hover::after {
  width: 100%;
}
.header__inner__list__menu .no-link {
  color: #000000;
  line-height: 5;
  display: block;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu .no-link::after {
  border-bottom: solid 1px #000000;
  position: absolute;
  bottom: 20px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu .no-link:hover::after {
  width: 100%;
}
.header__inner__list__menu .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 760px;
  background-color: #003245;
  padding: 0 0 0 25px;
}
.header__inner__list__menu .sub-menu__list {
  font-size: 1.2rem;
  box-sizing: border-box;
}
.header__inner__list__menu .sub-menu__list .link-mask {
  color: #929292;
  line-height: 4;
  position: relative;
  transition: color 0.3s;
}
.header__inner__list__menu .sub-menu__list a {
  line-height: 4;
  transition: color 0.3s;
  position: relative;
  display: inline-block;
  color: #FFFFFF;
}
.header__inner__list__menu .sub-menu__list a::after {
  border-bottom: solid 1px #FFFFFF;
  position: absolute;
  bottom: 10px;
  content: "";
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  width: 0;
}
.header__inner__list__menu .sub-menu__list a:hover::after {
  width: 100%;
}
.header__inner__list__menu .sub-menu .col-s {
  flex-basis: 150px;
}
.header__inner__list__menu .sub-menu .col-m {
  flex-basis: 200px;
}
.header__inner__list__menu .sub-menu .col-l {
  flex-basis: 220px;
}

.header.header-change {
  background-color: #FFFFFF;
}
.header.header-change .header__inner__list__menu a {
  color: #000000;
}
.header.header-change .header__inner__list__menu a::after {
  border-bottom: solid 1px #003245;
}
.header.header-change .no-link {
  color: #000000;
}
.header.header-change .no-link::after {
  border-bottom: solid 1px #003245;
}
.header.header-change .header__inner {
  padding: 0 100px 0 0;
}
.header.header-change .sub-menu__list a::after {
  border-bottom: solid 1px #FFFFFF;
}
.header.header-change .slide_btn {
  top: 0px;
}
.header.header-change .slide_btn .topBar, .header.header-change .slide_btn .middleBar, .header.header-change .slide_btn .bottomBar {
  background: #7d7d7d;
}
.header.header-change .sub-menu {
  top: 65px;
}
.header.header-change .sub-menu__list a {
  color: #FFFFFF;
}

.header ul > li > a {
  display: block;
}

.header ul li ul.sub-menu {
  position: absolute;
  top: 95px;
  right: 80px;
}

.header ul li ul.sub-menu {
  height: 0;
  overflow: hidden;
}

.header ul li:hover ul {
  height: auto;
  /*サブメニューの高さ*/
  overflow: visible;
}

/*ハンバーガーメニュー CSS ここから
------------------------*/
.slide_btn {
  position: fixed;
  top: 25px;
  right: 20px;
  display: block;
  width: 70px;
  height: 70px;
  z-index: 99999;
  cursor: pointer;
  transition: 0.15s;
}

.topBar {
  background: #000000;
  height: 2px;
  width: 50%;
  position: absolute;
  top: 30%;
  left: 25%;
}

.middleBar {
  background: #000000;
  height: 2px;
  width: 40%;
  position: absolute;
  top: 47%;
  left: 25%;
}

.bottomBar {
  background: #000000;
  height: 2px;
  width: 30%;
  position: absolute;
  top: 64%;
  left: 25%;
}

.slide_btn.non-active {
  background: #FFFFFF;
}
.slide_btn.active {
  position: fixed;
}
.slide_btn.active .topBar, .slide_btn.active .middleBar, .slide_btn.active .bottomBar {
  width: 50%;
  background: #7d7d7d;
}

.category_list {
  display: none;
  position: fixed;
  z-index: 50;
  top: 0px;
  height: 100vh;
  left: 0px;
  width: 100%;
  font-size: 16px;
  background: #FFFFFF;
  z-index: 9999;
}
.category_list__wrapper {
  max-width: 650px;
  width: 90%;
  margin: 0 auto;
  padding: 60px 0 20px 0;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category_list__wrapper__menu {
  text-align: center;
  border-bottom: 2px solid #b4c2c7;
  font-size: 1.3rem;
  padding: 15px 0px 15px 0px;
}
.category_list__wrapper__menu a {
  transition: all 0.3s;
}
.category_list__wrapper__menu a:hover {
  opacity: 0.6;
}
.category_list__wrapper .js-accordion-title {
  position: relative;
}
.category_list__wrapper .js-accordion-title::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 7px;
  height: 7px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.category_list__wrapper .js-accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}
.category_list__wrapper .accordion-content {
  display: none;
  padding: 30px 0px 30px 0px;
  font-size: 1.3rem;
  text-align: center;
  background-color: #ebeff0;
}
.category_list__wrapper .accordion-content__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category_list__wrapper .accordion-content__list__sub {
  width: 50%;
  margin: 0 10px;
}
.category_list__wrapper .accordion-content__list__sub__menu {
  text-align: left;
}
.category_list__wrapper .accordion-content__list__sub__menu .link-mask {
  width: 100%;
  border-bottom: dotted 2px #b4c2c7;
  color: #929292;
  display: block;
  padding: 10px 0 10px 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
  line-height: 1.5;
}
.category_list__wrapper .accordion-content__list__sub__menu .link-mask::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 40%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 4px;
  height: 4px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.category_list__wrapper .accordion-content__list__sub__menu a {
  width: 100%;
  border-bottom: dotted 2px #b4c2c7;
  color: #003245;
  display: block;
  padding: 10px 0 10px 20px;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
}
.category_list__wrapper .accordion-content__list__sub__menu a:hover {
  opacity: 0.6;
}
.category_list__wrapper .accordion-content__list__sub__menu a::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 40%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 4px;
  height: 4px;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.category_list__wrapper__bottom {
  padding: 20px 0;
  display: flex;
  justify-content: center;
}
.category_list__wrapper__bottom__list {
  margin: 0 10px;
  font-size: 1.3rem;
  line-height: 2;
}
.category_list__wrapper__bottom__list a {
  color: #787878;
  transition: all 0.3s;
}
.category_list__wrapper__bottom__list a:hover {
  opacity: 0.6;
}
.category_list__wrapper__bnr {
  display: flex;
}
.category_list__wrapper__bnr__item {
  width: 33.3333333333%;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.category_list__wrapper__bnr__item a {
  color: #FFFFFF;
}
.category_list__wrapper__bnr__item__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  transition: all 0.3s;
  margin: 5px;
}
.category_list__wrapper__bnr__item__wrap__img {
  width: 30px;
}
.category_list__wrapper__bnr__item__wrap__text {
  text-align: left;
  margin: 0 0 0 6px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.4rem;
}
.category_list__wrapper__bnr .login {
  background-color: #e8a42a;
}
.category_list__wrapper__bnr .login:hover {
  background-color: #b37e20;
}
.category_list__wrapper__bnr .online {
  background-color: #0396a6;
}
.category_list__wrapper__bnr .online:hover {
  background-color: #23838e;
}
.category_list__wrapper__bnr .contact {
  background-color: #003245;
}
.category_list__wrapper__bnr .contact:hover {
  background-color: #05242f;
}

/*ハンバーガーメニュー CSS ここまで
------------------------*/
/* ヘッダーCSS */
/* ----------------------------------------------------------------
下層ページ CSS
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
共通パーツ
----------------------------------------------------------------- */
.contents-title_h2 {
  font-size: 3rem;
  color: #003245;
  margin: 0 0 20px 0;
  position: relative;
  overflow: hidden;
}
.contents-title_h2::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: #003245;
  position: absolute;
  top: 45%;
}
.contents-title_h2 span {
  padding: 0 10px 0 0;
}

.contents-title_h3 {
  font-size: 2.2rem;
  color: #003245;
  padding: 0 0 0 10px;
  margin: 30px 0 15px 0;
  border-left: solid 3px #003245;
}

.contents-title_h4 {
  color: #003245;
  font-size: 1.8rem;
  margin: 0 0 15px 0;
}

.contents-text {
  font-size: 1.3rem;
  color: #000000;
  line-height: 2;
  margin: 0 0 5px 0;
  word-break: break-all;
}
.contents-text a {
  color: #003245;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
}
.contents-text a:hover {
  opacity: 0.6;
  border: none;
}

.contents-middle-title {
  font-size: 1.6rem;
  margin: 0 0 10px 0;
  font-weight: bold;
}

/*  フェードイン  */
.fadein-item_x {
  animation-name: fadein_X;
  animation-duration: 0.5s;
  animation-delay: 0s;
}

@keyframes fadein_X {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadein-item_y {
  animation-name: fadein_Y;
  animation-duration: 1s;
  animation-delay: 0s;
}

@keyframes fadein_Y {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.text-area {
  margin: 0 0 45px 0;
}
.text-area .img-margin {
  margin: 0 0 20px 0;
}

.text-area-w {
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  margin: 0 0 30px 0;
}
.text-area-w__title {
  font-size: 1.4rem;
  color: #003245;
  margin: 0 0 10px 0;
}

.link-arrow {
  font-size: 1.3rem;
  position: relative;
  display: inline-block;
  margin: 10px 0 10px 0;
}
.link-arrow a {
  padding: 0 5px 5px 25px;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
  color: #003245;
}
.link-arrow a:hover {
  opacity: 0.6;
  border: none;
}
.link-arrow::before {
  content: "";
  width: 18px;
  height: 18px;
  background: #003245;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  left: 3px;
  margin-top: -9px;
}
.link-arrow::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 0;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  position: absolute;
  top: 14px;
  left: 7px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.contents-table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 1.3rem;
}
.contents-table__tr__th {
  background: rgba(228, 232, 235, 0.6);
  color: #003245;
  border-top: 2px solid #003245;
  border-bottom: 2px solid #003245;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  width: 25%;
}
.contents-table__tr__td {
  padding: 10px 10px 10px 20px;
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
  box-sizing: border-box;
  width: 75%;
  border-bottom: 2px solid #90a7af;
  border-top: 2px solid #90a7af;
  word-break: break-all;
}
.contents-table__tr__td a {
  color: #003245;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
}
.contents-table__tr__td a:hover {
  opacity: 0.6;
  border: none;
}

.btn-back {
  margin-top: 50px;
  font-size: 1.4rem;
  max-width: 160px;
  color: #FFFFFF;
  width: 100%;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  transition: all 0.3s;
  font-weight: bold;
  background-color: #0396a6;
}
.btn-back:hover {
  background-color: #006e81;
}

/* ----------------------------------------------------------------
メインビジュアル

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
コンテンツ
----------------------------------------------------------------- */
#underlayer {
  width: 100%;
}
#underlayer #content,
#underlayer .content {
  height: 100%;
  /* --どこどこad ギャラリー ここから-- */
  /* --どこどこad ギャラリー ここまで-- */
  /* --どこどこad 導入事例 ここから-- */
  /* --どこどこad 導入事例 ここまで-- */
  /* --どこどこad 導入事例個別ページここから-- */
  /* --どこどこad 導入事例個別ページここまで-- */
  /* --どこどこad IPアドレスターゲティングページここから-- */
  /* --どこどこad IPアドレスターゲティングページここまで-- */
}
#underlayer #content__wrapper,
#underlayer .content__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* --キービジュアル ここから-- */
  /* --キービジュアル ここまで-- */
  /* --どこどこad お問い合わせ 資料ダウンロード ここから-- */
  /* --どこどこad お問い合わせ 資料ダウンロード ここまで-- */
  /* --どこどこad オンライン商談 ここから-- */
  /* --どこどこad オンライン商談 ここまで-- */
}
#underlayer #content__wrapper #keyvisual,
#underlayer #content__wrapper .keyvisual,
#underlayer .content__wrapper #keyvisual,
#underlayer .content__wrapper .keyvisual {
  width: 40%;
  margin: 0 0 0 70px;
}
#underlayer #content__wrapper #keyvisual__inner,
#underlayer #content__wrapper .keyvisual__inner,
#underlayer .content__wrapper #keyvisual__inner,
#underlayer .content__wrapper .keyvisual__inner {
  position: fixed;
  top: calc(45% - 22.5px);
}
#underlayer #content__wrapper #keyvisual__inner__title,
#underlayer #content__wrapper .keyvisual__inner__title,
#underlayer .content__wrapper #keyvisual__inner__title,
#underlayer .content__wrapper .keyvisual__inner__title {
  font-size: 4.8rem;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #FFFFFF;
  line-height: 1;
  text-align: left;
  padding: 0 0 0 20px;
  transition: all 0.3s;
}
#underlayer #content__wrapper #keyvisual__inner__title--br,
#underlayer #content__wrapper .keyvisual__inner__title--br,
#underlayer .content__wrapper #keyvisual__inner__title--br,
#underlayer .content__wrapper .keyvisual__inner__title--br {
  display: block;
}
#underlayer #content__wrapper #keyvisual__inner__title--jp,
#underlayer #content__wrapper .keyvisual__inner__title--jp,
#underlayer .content__wrapper #keyvisual__inner__title--jp,
#underlayer .content__wrapper .keyvisual__inner__title--jp {
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  margin: 10px 0 0 0;
  font-family: "Noto Sans JP";
}
#underlayer #content__wrapper__inner,
#underlayer .content__wrapper__inner {
  background: rgba(255, 255, 255, 0.8);
  padding: 150px 0 0 0;
  transition: all 0.3s;
  width: 100%;
  /* --BtoBターゲティングページここから-- */
  /* --BtoBターゲティングページここまで-- */
  /* --どこどこad プラットフォームページここから-- */
  /* --どこどこad プラットフォームページここまで-- */
  /* --どこどこad FAQページここから-- */
  /* --どこどこad FAQページここまで-- */
  /* --どこどこad 広告配信ソリューションページここから-- */
  /* --どこどこad 広告配信ソリューションページここまで-- */
  /* --どこどこad 広告掲載基準ページここから-- */
  /* --どこどこad 広告掲載基準ページここまで-- */
  /* --どこどこad 運営会社概要ページここから-- */
  /* --どこどこad 運営会社概要ページここまで-- */
  /* --どこどこad お知らせ一覧ページここから-- */
  /* --どこどこad お知らせ一覧ページここまで-- */
  /* --どこどこad お知らせ個別ページここから-- */
  /* --どこどこad お知らせ個別ページここまで-- */
  /* --どこどこad クリエイティブページここから-- */
  /* --どこどこad クリエイティブページここまで-- */
  /* --どこどこad 広告運用代行ページここから-- */
  /* --どこどこad 広告運用代行ページここまで-- */
  /* --どこどこad 404ページここから-- */
  /* --どこどこad 404ページここまで-- */
}
#underlayer #content__wrapper__inner__unit,
#underlayer .content__wrapper__inner__unit {
  padding: 0 120px 50px 50px;
}
#underlayer #content__wrapper__inner .targeting-img_pc,
#underlayer .content__wrapper__inner .targeting-img_pc {
  display: block;
}
#underlayer #content__wrapper__inner .targeting-img_sp,
#underlayer .content__wrapper__inner .targeting-img_sp {
  display: none;
}
#underlayer #content__wrapper__inner .targeting-menu,
#underlayer .content__wrapper__inner .targeting-menu {
  display: flex;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  margin: 0 0 30px 0;
}
#underlayer #content__wrapper__inner .targeting-menu__wrap,
#underlayer .content__wrapper__inner .targeting-menu__wrap {
  width: 33.3333333333%;
  text-align: left;
  line-height: 2;
}
#underlayer #content__wrapper__inner .targeting-menu__wrap__item,
#underlayer .content__wrapper__inner .targeting-menu__wrap__item {
  font-size: 1.1rem;
}
#underlayer #content__wrapper__inner .targeting-menu *::-ms-backdrop, #underlayer #content__wrapper__inner .targeting-menu__wrap,
#underlayer .content__wrapper__inner .targeting-menu *::-ms-backdrop,
#underlayer .content__wrapper__inner .targeting-menu__wrap {
  width: 33.33%;
  /* IE11 */
}
#underlayer #content__wrapper__inner .targeting-menu__wrap-row,
#underlayer .content__wrapper__inner .targeting-menu__wrap-row {
  width: 100%;
  text-align: left;
  line-height: 2;
}
#underlayer #content__wrapper__inner .targeting-menu__wrap-row__item,
#underlayer .content__wrapper__inner .targeting-menu__wrap-row__item {
  font-size: 1.1rem;
}
#underlayer #content__wrapper__inner .targeting-menu-split,
#underlayer .content__wrapper__inner .targeting-menu-split {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#underlayer #content__wrapper__inner .targeting-menu-split__wrap,
#underlayer .content__wrapper__inner .targeting-menu-split__wrap {
  width: 48%;
  margin: 0 0 30px 0;
}
#underlayer #content__wrapper__inner .targeting-menu-split__wrap__text,
#underlayer .content__wrapper__inner .targeting-menu-split__wrap__text {
  background: rgba(255, 255, 255, 0.7);
  padding: 20px;
  font-size: 1.1rem;
}
#underlayer #content__wrapper__inner .targeting-menu-link,
#underlayer .content__wrapper__inner .targeting-menu-link {
  display: flex;
  justify-content: center;
  margin: 0 0 30px 0;
}
#underlayer #content__wrapper__inner .targeting-menu-link li,
#underlayer .content__wrapper__inner .targeting-menu-link li {
  margin: 15px;
}
#underlayer #content__wrapper__inner .case,
#underlayer .content__wrapper__inner .case {
  background: rgba(3, 114, 166, 0.3);
  padding: 20px 120px 20px 30px;
  margin: 0 0 30px 0;
}
#underlayer #content__wrapper__inner .case__title,
#underlayer .content__wrapper__inner .case__title {
  font-size: 2.2rem;
  color: #003245;
  border-bottom: solid 1px #003245;
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
}
#underlayer #content__wrapper__inner .case__title span,
#underlayer .content__wrapper__inner .case__title span {
  border-left: solid 3px #003245;
  padding: 0 0 0 10px;
}
#underlayer #content__wrapper__inner .case__wrap,
#underlayer .content__wrapper__inner .case__wrap {
  display: flex;
}
#underlayer #content__wrapper__inner .case__wrap__img,
#underlayer .content__wrapper__inner .case__wrap__img {
  margin: 0 0 15px 0;
  text-align: center;
}
#underlayer #content__wrapper__inner .case__wrap__img img,
#underlayer .content__wrapper__inner .case__wrap__img img {
  width: 200px;
  display: inline-block;
}
#underlayer #content__wrapper__inner .case__wrap__text,
#underlayer .content__wrapper__inner .case__wrap__text {
  padding: 0 25px 0 0;
}
#underlayer #content__wrapper__inner .case__wrap__text__title,
#underlayer .content__wrapper__inner .case__wrap__text__title {
  margin: 0 0 15px 0;
  font-size: 1.8rem;
  color: #003245;
}
#underlayer #content__wrapper__inner .case__wrap__text__title span,
#underlayer .content__wrapper__inner .case__wrap__text__title span {
  font-size: 1.3rem;
  display: flex;
}
#underlayer #content__wrapper__inner .iso,
#underlayer .content__wrapper__inner .iso {
  display: flex;
}
#underlayer #content__wrapper__inner .iso__img,
#underlayer .content__wrapper__inner .iso__img {
  text-align: center;
}
#underlayer #content__wrapper__inner .iso__img img,
#underlayer .content__wrapper__inner .iso__img img {
  width: 160px;
  display: inline-block;
}
#underlayer #content__wrapper__inner .iso__text,
#underlayer .content__wrapper__inner .iso__text {
  padding: 0 25px 0 0;
}
#underlayer #content__wrapper__inner .dsp-targeting,
#underlayer .content__wrapper__inner .dsp-targeting {
  display: flex;
  flex-wrap: wrap;
}
#underlayer #content__wrapper__inner .dsp-targeting__item,
#underlayer .content__wrapper__inner .dsp-targeting__item {
  width: 33.3333333333%;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap {
  background: rgba(255, 255, 255, 0.7);
  padding: 20px 10px;
  transition: all 0.3s;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap:hover,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap:hover {
  background: rgb(255, 255, 255);
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap__img,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap__img {
  margin: 0 0 5px 0;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap__img img,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap__img img {
  width: 50px;
  display: inline-block;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap__text,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap__text {
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  color: #003245;
  padding: 0 0 0 25px;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap__text::before,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap__text::before {
  content: "";
  width: 18px;
  height: 18px;
  background: #003245;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0px;
  margin-top: -9px;
}
#underlayer #content__wrapper__inner .dsp-targeting__item__wrap__text::after,
#underlayer .content__wrapper__inner .dsp-targeting__item__wrap__text::after {
  content: "";
  width: 5px;
  height: 5px;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  top: 10px;
  left: 4px;
  margin-top: -4px;
  transform: rotate(45deg);
}
#underlayer #content__wrapper__inner .dsp-reporting,
#underlayer .content__wrapper__inner .dsp-reporting {
  display: flex;
}
#underlayer #content__wrapper__inner .dsp-reporting__text,
#underlayer .content__wrapper__inner .dsp-reporting__text {
  padding: 0 25px 0 0;
}
#underlayer #content__wrapper__inner .dsp-reporting__img,
#underlayer .content__wrapper__inner .dsp-reporting__img {
  text-align: center;
}
#underlayer #content__wrapper__inner .dsp-reporting__img img,
#underlayer .content__wrapper__inner .dsp-reporting__img img {
  width: 230px;
  display: inline-block;
}
#underlayer #content__wrapper__inner .faq__list__title,
#underlayer .content__wrapper__inner .faq__list__title {
  font-size: 1.3rem;
  background: rgba(255, 255, 255, 0.5);
  border-top: solid 1px #003245;
  padding: 15px 45px;
  cursor: pointer;
  position: relative;
}
#underlayer #content__wrapper__inner .faq__list__title::before,
#underlayer .content__wrapper__inner .faq__list__title::before {
  content: "";
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border-radius: 50%;
  position: absolute;
  top: 24px;
  right: 18px;
  margin-top: -10px;
}
#underlayer #content__wrapper__inner .faq__list__title::after,
#underlayer .content__wrapper__inner .faq__list__title::after {
  content: "";
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 2px #003245;
  border-right: solid 2px #003245;
  position: absolute;
  transition: all 0.2s ease-in-out;
  top: 25px;
  right: 25px;
  margin-top: -4px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#underlayer #content__wrapper__inner .faq__list__title span,
#underlayer .content__wrapper__inner .faq__list__title span {
  position: relative;
}
#underlayer #content__wrapper__inner .faq__list__title span::before,
#underlayer .content__wrapper__inner .faq__list__title span::before {
  content: "Q.";
  position: absolute;
  font-family: "Lato", sans-serif;
  font-style: italic;
  left: -25px;
  top: -3px;
  font-size: 1.8rem;
  color: #003245;
}
#underlayer #content__wrapper__inner .faq__list .js-accordion-title.open:after,
#underlayer #content__wrapper__inner .faq__list .js-accordion-title.open:before,
#underlayer .content__wrapper__inner .faq__list .js-accordion-title.open:after,
#underlayer .content__wrapper__inner .faq__list .js-accordion-title.open:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#underlayer #content__wrapper__inner .faq__list .qa-accordion-content,
#underlayer .content__wrapper__inner .faq__list .qa-accordion-content {
  font-size: 1.3rem;
  display: none;
  padding: 30px 15px;
}
#underlayer #content__wrapper__inner .faq__list .qa-accordion-content a,
#underlayer .content__wrapper__inner .faq__list .qa-accordion-content a {
  color: #003245;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
}
#underlayer #content__wrapper__inner .faq__list .qa-accordion-content a:hover,
#underlayer .content__wrapper__inner .faq__list .qa-accordion-content a:hover {
  opacity: 0.6;
  border: none;
}
#underlayer #content__wrapper__inner .features-title,
#underlayer .content__wrapper__inner .features-title {
  font-size: 1.8rem;
  text-align: center;
  color: #003245;
  border-top: 2px solid #003245;
  border-bottom: 2px solid #003245;
  padding: 5px 0 5px 0;
  margin: 30px 0 15px 0;
}
#underlayer #content__wrapper__inner .features-wrap,
#underlayer .content__wrapper__inner .features-wrap {
  display: flex;
  flex-wrap: wrap;
}
#underlayer #content__wrapper__inner .features-wrap__item,
#underlayer .content__wrapper__inner .features-wrap__item {
  width: 50%;
  padding: 10px 10px 10px 10px;
  box-sizing: border-box;
}
#underlayer #content__wrapper__inner .features-wrap__item span,
#underlayer .content__wrapper__inner .features-wrap__item span {
  font-size: 2.5rem;
  color: #003245;
}
#underlayer #content__wrapper__inner .features-wrap__item__title,
#underlayer .content__wrapper__inner .features-wrap__item__title {
  font-size: 1.8rem;
  margin: 0 0 10px 0;
  padding: 0 0 0 5px;
  border-left: solid 18px #003245;
  line-height: 1;
}
#underlayer #content__wrapper__inner .guideline-title,
#underlayer .content__wrapper__inner .guideline-title {
  margin: 0 0 15px 0;
  font-size: 2.8rem;
  color: #003245;
}
#underlayer #content__wrapper__inner .guideline-table,
#underlayer .content__wrapper__inner .guideline-table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 1.3rem;
}
#underlayer #content__wrapper__inner .guideline-table__tr__th-bg,
#underlayer .content__wrapper__inner .guideline-table__tr__th-bg {
  background-color: #003245;
  color: #FFFFFF;
  text-align: center;
  padding: 5px 0;
}
#underlayer #content__wrapper__inner .guideline-table__tr__th,
#underlayer .content__wrapper__inner .guideline-table__tr__th {
  width: 40%;
  background: rgba(228, 232, 235, 0.6);
  color: #003245;
  border-bottom: 2px solid #003245;
  padding: 10px;
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
}
#underlayer #content__wrapper__inner .guideline-table__tr__td,
#underlayer .content__wrapper__inner .guideline-table__tr__td {
  width: 60%;
  padding: 10px 10px 10px 20px;
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #90a7af;
}
#underlayer #content__wrapper__inner .company-table,
#underlayer .content__wrapper__inner .company-table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 1.3rem;
}
#underlayer #content__wrapper__inner .company-table__tr__th,
#underlayer .content__wrapper__inner .company-table__tr__th {
  border-bottom: 2px solid #003245;
  padding: 10px 10px;
  text-align: center;
  color: #003245;
  box-sizing: border-box;
}
#underlayer #content__wrapper__inner .company-table__tr__th--small,
#underlayer .content__wrapper__inner .company-table__tr__th--small {
  font-size: 0.8rem;
}
#underlayer #content__wrapper__inner .company-table__tr__td,
#underlayer .content__wrapper__inner .company-table__tr__td {
  border-bottom: 2px solid #90a7af;
  box-sizing: border-box;
  padding: 10px 10px 10px 20px;
}
#underlayer #content__wrapper__inner .company-table__tr__td a,
#underlayer .content__wrapper__inner .company-table__tr__td a {
  color: #003245;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
}
#underlayer #content__wrapper__inner .company-table__tr__td a:hover,
#underlayer .content__wrapper__inner .company-table__tr__td a:hover {
  opacity: 0.6;
}
#underlayer #content__wrapper__inner .info-wrap .tab-list,
#underlayer .content__wrapper__inner .info-wrap .tab-list {
  display: flex;
  width: 250px;
}
#underlayer #content__wrapper__inner .info-wrap .tab-list__item,
#underlayer .content__wrapper__inner .info-wrap .tab-list__item {
  color: #4d4d4d;
  font-size: 1.6rem;
  cursor: pointer;
  border-right: 1px solid #000;
  padding: 0 15px 0 0;
}
#underlayer #content__wrapper__inner .info-wrap .tab-list__item:last-child,
#underlayer .content__wrapper__inner .info-wrap .tab-list__item:last-child {
  border-right: none;
  padding: 0 0 0 15px;
}
#underlayer #content__wrapper__inner .info-wrap .tab-list .active,
#underlayer .content__wrapper__inner .info-wrap .tab-list .active {
  color: #003245;
}
#underlayer #content__wrapper__inner .info-wrap .content,
#underlayer .content__wrapper__inner .info-wrap .content {
  margin: 30px 0 0 0;
}
#underlayer #content__wrapper__inner .info-wrap .content__wrap,
#underlayer .content__wrapper__inner .info-wrap .content__wrap {
  display: none;
}
#underlayer #content__wrapper__inner .info-wrap .content__wrap__item__list,
#underlayer .content__wrapper__inner .info-wrap .content__wrap__item__list {
  background: rgba(255, 255, 255, 0.3);
  font-size: 1.3rem;
  margin: 0 0 10px 0;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
}
#underlayer #content__wrapper__inner .info-wrap .content__wrap__item__list a:hover,
#underlayer .content__wrapper__inner .info-wrap .content__wrap__item__list a:hover {
  border-bottom: dotted 1px #003245;
}
#underlayer #content__wrapper__inner .info-wrap .content__wrap__item__list--date,
#underlayer .content__wrapper__inner .info-wrap .content__wrap__item__list--date {
  color: #7d7d7d;
  margin: 0 15px 0 0;
}
#underlayer #content__wrapper__inner .info-wrap .show,
#underlayer .content__wrapper__inner .info-wrap .show {
  display: block;
  animation-name: fade-in;
  animation-duration: 1s;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#underlayer #content__wrapper__inner .info-contents,
#underlayer .content__wrapper__inner .info-contents {
  margin: 0 0 50px 0;
}
#underlayer #content__wrapper__inner .info-contents__title,
#underlayer .content__wrapper__inner .info-contents__title {
  font-size: 2.4rem;
  margin: 15px 0 15px 0;
  color: #003245;
  padding: 0 0 5px 5px;
  border-bottom: solid 2px #90a7af;
  position: relative;
}
#underlayer #content__wrapper__inner .info-contents__title::after,
#underlayer .content__wrapper__inner .info-contents__title::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #003245;
  bottom: -2px;
  left: 0;
  width: 90px;
}
#underlayer #content__wrapper__inner .info-contents__date,
#underlayer .content__wrapper__inner .info-contents__date {
  color: #787878;
  text-align: right;
}
#underlayer #content__wrapper__inner .info-contents__inner,
#underlayer .content__wrapper__inner .info-contents__inner {
  margin: 30px 0 0 0;
}
#underlayer #content__wrapper__inner .info-contents__inner h3,
#underlayer .content__wrapper__inner .info-contents__inner h3 {
  font-size: 2rem;
  color: #003245;
  padding: 0 0 0 10px;
  margin: 30px 0 15px 0;
  border-left: solid 3px #003245;
}
#underlayer #content__wrapper__inner .info-contents__inner h4,
#underlayer .content__wrapper__inner .info-contents__inner h4 {
  color: #003245;
  font-size: 1.8rem;
  margin: 30px 0 15px 0;
  padding: 0 0 0 10px;
  border-left: solid 22px #003245;
  line-height: 1.2;
}
#underlayer #content__wrapper__inner .info-contents__inner h5,
#underlayer .content__wrapper__inner .info-contents__inner h5 {
  font-size: 1.8rem;
  color: #003245;
  margin: 30px 0 15px 0;
}
#underlayer #content__wrapper__inner .info-contents__inner ul,
#underlayer .content__wrapper__inner .info-contents__inner ul {
  margin: 15px 0 15px 0;
  line-height: 2;
  padding: 0 0 0 30px;
}
#underlayer #content__wrapper__inner .info-contents__inner ul li,
#underlayer .content__wrapper__inner .info-contents__inner ul li {
  font-size: 1.3rem;
  list-style-type: disc;
}
#underlayer #content__wrapper__inner .info-contents__inner a,
#underlayer .content__wrapper__inner .info-contents__inner a {
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
  color: #003245;
}
#underlayer #content__wrapper__inner .info-contents__inner a:hover,
#underlayer .content__wrapper__inner .info-contents__inner a:hover {
  opacity: 0.6;
  border: none;
}
#underlayer #content__wrapper__inner .info-contents__inner p,
#underlayer .content__wrapper__inner .info-contents__inner p {
  margin-bottom: 10px;
}
#underlayer #content__wrapper__inner .info-contents__inner table,
#underlayer .content__wrapper__inner .info-contents__inner table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 1.3rem;
}
#underlayer #content__wrapper__inner .info-contents__inner table th,
#underlayer .content__wrapper__inner .info-contents__inner table th {
  background: rgba(228, 232, 235, 0.6);
  color: #003245;
  border-top: 2px solid #003245;
  border-bottom: 2px solid #003245;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
#underlayer #content__wrapper__inner .info-contents__inner table td,
#underlayer .content__wrapper__inner .info-contents__inner table td {
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #90a7af;
  border-top: 2px solid #90a7af;
  word-break: break-all;
  text-align: center;
}
#underlayer #content__wrapper__inner .cbnr-wrap,
#underlayer .content__wrapper__inner .cbnr-wrap {
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 30px 0 30px 0;
  margin: 0 0 10px 0;
}
#underlayer #content__wrapper__inner .cbnr-wrap__item,
#underlayer .content__wrapper__inner .cbnr-wrap__item {
  max-width: 250px;
  padding: 10px;
}
#underlayer #content__wrapper__inner .sns-list,
#underlayer .content__wrapper__inner .sns-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 0 20px 0;
  line-height: 2;
}
#underlayer #content__wrapper__inner .sns-list__item,
#underlayer .content__wrapper__inner .sns-list__item {
  width: 50%;
  font-size: 1.3rem;
}
#underlayer #content__wrapper__inner .sns-list__item a,
#underlayer .content__wrapper__inner .sns-list__item a {
  color: #003245;
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
}
#underlayer #content__wrapper__inner .sns-list__item a:hover,
#underlayer .content__wrapper__inner .sns-list__item a:hover {
  opacity: 0.6;
  border: none;
}
#underlayer #content__wrapper__inner .procedure,
#underlayer .content__wrapper__inner .procedure {
  padding: 10px 0 0 0;
}
#underlayer #content__wrapper__inner .procedure__title,
#underlayer .content__wrapper__inner .procedure__title {
  font-size: 1.8rem;
  color: #003245;
  padding: 20px 0 10px 35px;
  margin: -25px 0 -20px 0;
  position: relative;
}
#underlayer #content__wrapper__inner .procedure__title__icon,
#underlayer .content__wrapper__inner .procedure__title__icon {
  position: absolute;
  top: 20px;
  left: 0px;
}
#underlayer #content__wrapper__inner .procedure__title__icon img,
#underlayer .content__wrapper__inner .procedure__title__icon img {
  width: 30px;
  height: 30px;
}
#underlayer #content__wrapper__inner .procedure__text-area,
#underlayer .content__wrapper__inner .procedure__text-area {
  padding: 20px 0 30px 20px;
  border-left: 2px solid #003245;
  margin-left: 15px;
}
#underlayer #content__wrapper__inner .procedure__text-area:last-child,
#underlayer .content__wrapper__inner .procedure__text-area:last-child {
  border: none;
}
#underlayer #content__wrapper__inner .procedure__text-area img,
#underlayer .content__wrapper__inner .procedure__text-area img {
  max-width: 425px;
}
#underlayer #content__wrapper__inner .wrap-long,
#underlayer .content__wrapper__inner .wrap-long {
  height: 100vh;
}
#underlayer #content__wrapper .iframe-wrap,
#underlayer .content__wrapper .iframe-wrap {
  width: 95%;
  max-width: 400px;
  margin: 0 auto;
}
#underlayer #content__wrapper .dl-tuanks,
#underlayer .content__wrapper .dl-tuanks {
  color: #FFFFFF;
  background-color: #003245;
  border: solid 3px #003245;
  width: 248px;
  margin: 20px 0 20px 0;
  border-radius: 5px;
  line-height: 43px;
  display: inline-block;
  transition: all 0.3s;
}
#underlayer #content__wrapper .dl-tuanks:hover,
#underlayer .content__wrapper .dl-tuanks:hover {
  color: #003245;
  background-color: #FFFFFF;
}
#underlayer #content__wrapper .online-area,
#underlayer .content__wrapper .online-area {
  background: rgba(255, 255, 255, 0.7);
}
#underlayer #content__gallery,
#underlayer .content__gallery {
  display: flex;
  flex-direction: column;
  /* --キービジュアル ここから-- */
  /* --キービジュアル ここまで-- */
}
#underlayer #content__gallery #keyvisual,
#underlayer #content__gallery .keyvisual,
#underlayer .content__gallery #keyvisual,
#underlayer .content__gallery .keyvisual {
  width: 100%;
  /*margin: 0 0 0 70px;*/
}
#underlayer #content__gallery #keyvisual__inner,
#underlayer #content__gallery .keyvisual__inner,
#underlayer .content__gallery #keyvisual__inner,
#underlayer .content__gallery .keyvisual__inner {
  padding: 100px 0 0 0;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#underlayer #content__gallery #keyvisual__inner__title,
#underlayer #content__gallery .keyvisual__inner__title,
#underlayer .content__gallery #keyvisual__inner__title,
#underlayer .content__gallery .keyvisual__inner__title {
  font-size: 4.8rem;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  transition: all 0.3s;
}
#underlayer #content__gallery #keyvisual__inner__title--br,
#underlayer #content__gallery .keyvisual__inner__title--br,
#underlayer .content__gallery #keyvisual__inner__title--br,
#underlayer .content__gallery .keyvisual__inner__title--br {
  display: block;
}
#underlayer #content__gallery #keyvisual__inner__title--jp,
#underlayer #content__gallery .keyvisual__inner__title--jp,
#underlayer .content__gallery #keyvisual__inner__title--jp,
#underlayer .content__gallery .keyvisual__inner__title--jp {
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  margin: 5px 0 0 0;
}
#underlayer #content__gallery__inner,
#underlayer .content__gallery__inner {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 0 0 70px;
  padding: 30px 0 30px 0;
}
#underlayer #content__gallery__inner__unit,
#underlayer .content__gallery__inner__unit {
  padding: 0 170px 0 0;
  text-align: center;
  /*  ページネーションここから  */
  /*  ページネーションここまで  */
}
#underlayer #content__gallery__inner__unit #size-select,
#underlayer .content__gallery__inner__unit #size-select {
  border-radius: 5px;
  padding: 10px;
  width: 170px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #bbbbbb 50%), linear-gradient(135deg, #bbbbbb 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  margin: 0 0 20px 0;
}
#underlayer #content__gallery__inner__unit select,
#underlayer .content__gallery__inner__unit select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#underlayer #content__gallery__inner__unit select::-ms-expand,
#underlayer .content__gallery__inner__unit select::-ms-expand {
  display: none;
}
#underlayer #content__gallery__inner__unit .size-contents,
#underlayer .content__gallery__inner__unit .size-contents {
  margin: 30px 0 0 0;
}
#underlayer #content__gallery__inner__unit__bnr,
#underlayer .content__gallery__inner__unit__bnr {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
  /*  モーダルの設定  */
  /*  モーダルの設定  */
}
#underlayer #content__gallery__inner__unit__bnr__list,
#underlayer .content__gallery__inner__unit__bnr__list {
  width: 25%;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.3s;
}
#underlayer #content__gallery__inner__unit__bnr__list__outer,
#underlayer .content__gallery__inner__unit__bnr__list__outer {
  background: rgba(255, 255, 255, 0.3);
  padding: 15px;
  margin: 10px;
}
#underlayer #content__gallery__inner__unit__bnr__list__outer__img,
#underlayer .content__gallery__inner__unit__bnr__list__outer__img {
  background-color: #f2f2f2;
  background-image: none;
  height: 180px;
  vertical-align: middle;
}
#underlayer #content__gallery__inner__unit__bnr__list__outer__img img,
#underlayer .content__gallery__inner__unit__bnr__list__outer__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  font-family: "object-fit: contain;";
  /*IE対策*/
}
#underlayer #content__gallery__inner__unit__bnr__list__outer__text,
#underlayer .content__gallery__inner__unit__bnr__list__outer__text {
  margin: 10px 0 0 0;
  font-size: 1.3rem;
}
#underlayer #content__gallery__inner__unit__bnr .modal,
#underlayer .content__gallery__inner__unit__bnr .modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}
#underlayer #content__gallery__inner__unit__bnr .modal__bg,
#underlayer .content__gallery__inner__unit__bnr .modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content,
#underlayer .content__gallery__inner__unit__bnr .modal__content {
  background: #fff;
  left: 50%;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content__outer,
#underlayer .content__gallery__inner__unit__bnr .modal__content__outer {
  text-align: center;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content__outer__img,
#underlayer .content__gallery__inner__unit__bnr .modal__content__outer__img {
  height: 300px;
  vertical-align: middle;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content__outer__img img,
#underlayer .content__gallery__inner__unit__bnr .modal__content__outer__img img {
  height: 100%;
  width: 100%;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content__outer__img .object-fit-img,
#underlayer .content__gallery__inner__unit__bnr .modal__content__outer__img .object-fit-img {
  object-fit: contain;
  font-family: "object-fit: contain;";
}
#underlayer #content__gallery__inner__unit__bnr .modal__content__outer__text,
#underlayer .content__gallery__inner__unit__bnr .modal__content__outer__text {
  margin: 30px 0 0 0;
  font-size: 1.3rem;
}
#underlayer #content__gallery__inner__unit__bnr .modal__content .js-modal-close,
#underlayer .content__gallery__inner__unit__bnr .modal__content .js-modal-close {
  position: absolute;
  top: -30px;
  right: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
#underlayer #content__gallery__inner__unit .pagenation ul,
#underlayer .content__gallery__inner__unit .pagenation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin: 50px 0;
}
#underlayer #content__gallery__inner__unit .pagenation ul li,
#underlayer .content__gallery__inner__unit .pagenation ul li {
  margin: 0 5px;
  position: relative;
}
#underlayer #content__gallery__inner__unit .pagenation ul li a,
#underlayer .content__gallery__inner__unit .pagenation ul li a {
  display: block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  background-color: #7293ad;
  transition: all 0.3s;
}
#underlayer #content__gallery__inner__unit .pagenation ul li a:hover,
#underlayer .content__gallery__inner__unit .pagenation ul li a:hover {
  opacity: 0.5;
}
#underlayer #content__gallery__inner__unit .pagenation ul .active,
#underlayer .content__gallery__inner__unit .pagenation ul .active {
  padding: 3px 10px;
  background-color: #51697b;
  color: #ffffff;
}
#underlayer #content__case,
#underlayer .content__case {
  display: flex;
  flex-direction: column;
  /* --キービジュアル ここから-- */
  /* --キービジュアル ここまで-- */
}
#underlayer #content__case #keyvisual,
#underlayer #content__case .keyvisual,
#underlayer .content__case #keyvisual,
#underlayer .content__case .keyvisual {
  width: 100%;
  /*margin: 0 0 0 70px;*/
}
#underlayer #content__case #keyvisual__inner,
#underlayer #content__case .keyvisual__inner,
#underlayer .content__case #keyvisual__inner,
#underlayer .content__case .keyvisual__inner {
  padding: 100px 0 0 0;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#underlayer #content__case #keyvisual__inner__title,
#underlayer #content__case .keyvisual__inner__title,
#underlayer .content__case #keyvisual__inner__title,
#underlayer .content__case .keyvisual__inner__title {
  font-size: 4.8rem;
  font-family: "Lato", sans-serif;
  font-style: italic;
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  transition: all 0.3s;
}
#underlayer #content__case #keyvisual__inner__title--br,
#underlayer #content__case .keyvisual__inner__title--br,
#underlayer .content__case #keyvisual__inner__title--br,
#underlayer .content__case .keyvisual__inner__title--br {
  display: block;
}
#underlayer #content__case #keyvisual__inner__title--jp,
#underlayer #content__case .keyvisual__inner__title--jp,
#underlayer .content__case #keyvisual__inner__title--jp,
#underlayer .content__case .keyvisual__inner__title--jp {
  display: block;
  font-size: 1.4rem;
  font-style: normal;
  margin: 5px 0 0 0;
}
#underlayer #content__case__inner,
#underlayer .content__case__inner {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 0 0 70px;
  padding: 30px 0 30px 0;
}
#underlayer #content__case__inner__unit,
#underlayer .content__case__inner__unit {
  padding: 0 170px 0 0;
  text-align: center;
  /*  ページネーションここから  */
  /*  ページネーションここまで  */
}
#underlayer #content__case__inner__unit .searchandfilter,
#underlayer .content__case__inner__unit .searchandfilter {
  display: inline-block;
}
#underlayer #content__case__inner__unit .searchandfilter .postform,
#underlayer .content__case__inner__unit .searchandfilter .postform {
  border-radius: 5px;
  padding: 10px 30px 10px 10px;
  font-size: 1.4rem;
  background-color: #FFFFFF;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #bbbbbb 50%), linear-gradient(135deg, #bbbbbb 50%, transparent 50%);
  background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  margin: 0 5px 50px 0;
}
#underlayer #content__case__inner__unit .searchandfilter input[type=submit],
#underlayer .content__case__inner__unit .searchandfilter input[type=submit] {
  border-radius: 5px;
  padding: 8px;
  border: solid 1px;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.5s;
  background-color: #efefef;
  -webkit-appearance: none;
}
#underlayer #content__case__inner__unit .searchandfilter input[type=submit]:hover,
#underlayer .content__case__inner__unit .searchandfilter input[type=submit]:hover {
  background-color: #cecfd0;
}
#underlayer #content__case__inner__unit select,
#underlayer .content__case__inner__unit select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#underlayer #content__case__inner__unit select::-ms-expand,
#underlayer .content__case__inner__unit select::-ms-expand {
  display: none;
}
#underlayer #content__case__inner__unit__detail,
#underlayer .content__case__inner__unit__detail {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 0 auto;
}
#underlayer #content__case__inner__unit__detail__list,
#underlayer .content__case__inner__unit__detail__list {
  width: 25%;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.8s;
}
#underlayer #content__case__inner__unit__detail__list:hover,
#underlayer .content__case__inner__unit__detail__list:hover {
  background: rgba(255, 255, 255, 0.3);
}
#underlayer #content__case__inner__unit__detail__list__wrap,
#underlayer .content__case__inner__unit__detail__list__wrap {
  padding: 15px;
  text-align: left;
}
#underlayer #content__case__inner__unit__detail__list__wrap__img,
#underlayer .content__case__inner__unit__detail__list__wrap__img {
  margin: 0 0 10px 0;
}
#underlayer #content__case__inner__unit__detail__list__wrap__tag,
#underlayer .content__case__inner__unit__detail__list__wrap__tag {
  display: flex;
  flex-wrap: wrap;
}
#underlayer #content__case__inner__unit__detail__list__wrap__tag--cat,
#underlayer .content__case__inner__unit__detail__list__wrap__tag--cat {
  display: inline-block;
  background-color: #003245;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 0 8px;
  line-height: 2.2;
  margin: 0 5px 5px 0;
}
#underlayer #content__case__inner__unit__detail__list__wrap__text,
#underlayer .content__case__inner__unit__detail__list__wrap__text {
  display: block;
  font-size: 1.6rem;
  margin: 5px 0 0 0;
}
#underlayer #content__case__inner__unit .pagenation ul,
#underlayer .content__case__inner__unit .pagenation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  margin: 50px 0;
}
#underlayer #content__case__inner__unit .pagenation ul li,
#underlayer .content__case__inner__unit .pagenation ul li {
  margin: 0 5px;
  position: relative;
}
#underlayer #content__case__inner__unit .pagenation ul li a,
#underlayer .content__case__inner__unit .pagenation ul li a {
  display: block;
  padding: 3px 10px;
  color: #fff;
  text-decoration: none;
  background-color: #7293ad;
  transition: all 0.3s;
}
#underlayer #content__case__inner__unit .pagenation ul li a:hover,
#underlayer .content__case__inner__unit .pagenation ul li a:hover {
  opacity: 0.5;
}
#underlayer #content__case__inner__unit .pagenation ul .active,
#underlayer .content__case__inner__unit .pagenation ul .active {
  padding: 3px 10px;
  background-color: #51697b;
  color: #ffffff;
}
#underlayer #content .case-contents,
#underlayer .content .case-contents {
  margin: 0 0 50px 0;
}
#underlayer #content .case-contents__title,
#underlayer .content .case-contents__title {
  font-size: 2.4rem;
  margin: 15px 0 15px 0;
  color: #003245;
  padding: 0 0 5px 5px;
  border-bottom: solid 2px #90a7af;
  position: relative;
}
#underlayer #content .case-contents__title::after,
#underlayer .content .case-contents__title::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #003245;
  bottom: -2px;
  left: 0;
  width: 90px;
}
#underlayer #content .case-contents__tag,
#underlayer .content .case-contents__tag {
  display: flex;
  flex-wrap: wrap;
}
#underlayer #content .case-contents__tag__cat,
#underlayer .content .case-contents__tag__cat {
  display: inline-block;
  background-color: #003245;
  color: #FFFFFF;
  font-size: 1rem;
  padding: 0 8px;
  line-height: 2.2;
  margin: 0 5px 0 0;
}
#underlayer #content .case-contents__date,
#underlayer .content .case-contents__date {
  color: #787878;
  text-align: right;
}
#underlayer #content .case-contents__inner,
#underlayer .content .case-contents__inner {
  margin: 30px 0 30px 0;
}
#underlayer #content .case-contents__inner h2,
#underlayer .content .case-contents__inner h2 {
  font-size: 3rem;
  color: #003245;
  margin: 0 0 20px 0;
  position: relative;
  overflow: hidden;
}
#underlayer #content .case-contents__inner h2::after,
#underlayer .content .case-contents__inner h2::after {
  content: "";
  margin-left: 10px;
  width: 100%;
  height: 2px;
  display: inline-block;
  background-color: #003245;
  position: absolute;
  top: 45%;
}
#underlayer #content .case-contents__inner h3,
#underlayer .content .case-contents__inner h3 {
  font-size: 2rem;
  color: #003245;
  padding: 0 0 0 10px;
  margin: 30px 0 15px 0;
  border-left: solid 3px #003245;
}
#underlayer #content .case-contents__inner h4,
#underlayer .content .case-contents__inner h4 {
  color: #003245;
  font-size: 1.8rem;
  margin: 30px 0 15px 0;
  padding: 0 0 0 10px;
  border-left: solid 22px #003245;
  line-height: 1.2;
}
#underlayer #content .case-contents__inner h5,
#underlayer .content .case-contents__inner h5 {
  font-size: 1.4rem;
  color: #003245;
  margin: 30px 0 15px 0;
}
#underlayer #content .case-contents__inner ul,
#underlayer .content .case-contents__inner ul {
  margin: 15px 0 15px 0;
  line-height: 2;
  padding: 0 0 0 30px;
}
#underlayer #content .case-contents__inner ul li,
#underlayer .content .case-contents__inner ul li {
  font-size: 1.3rem;
  list-style-type: disc;
}
#underlayer #content .case-contents__inner a,
#underlayer .content .case-contents__inner a {
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
  color: #003245;
}
#underlayer #content .case-contents__inner a:hover,
#underlayer .content .case-contents__inner a:hover {
  opacity: 0.6;
  border: none;
}
#underlayer #content .case-contents__inner p,
#underlayer .content .case-contents__inner p {
  margin-bottom: 10px;
}
#underlayer #content .case-contents__inner img,
#underlayer .content .case-contents__inner img {
  width: 100%;
  margin: 0 0 10px 0;
}
#underlayer #content .case-contents__inner table,
#underlayer .content .case-contents__inner table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0 20px 0;
  font-size: 1.3rem;
}
#underlayer #content .case-contents__inner table th,
#underlayer .content .case-contents__inner table th {
  background: rgba(228, 232, 235, 0.6);
  color: #003245;
  border-top: 2px solid #003245;
  border-bottom: 2px solid #003245;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
#underlayer #content .case-contents__inner table td,
#underlayer .content .case-contents__inner table td {
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
  box-sizing: border-box;
  border-bottom: 2px solid #90a7af;
  border-top: 2px solid #90a7af;
  word-break: break-all;
  text-align: center;
}
#underlayer #content .case-contents__company,
#underlayer .content .case-contents__company {
  background: #FFFFFF;
  padding: 20px;
}
#underlayer #content .case-contents__company__wrap,
#underlayer .content .case-contents__company__wrap {
  display: flex;
}
#underlayer #content .case-contents__company__wrap--img,
#underlayer .content .case-contents__company__wrap--img {
  width: 180px;
}
#underlayer #content .case-contents__company__wrap__data,
#underlayer .content .case-contents__company__wrap__data {
  margin: 0 0 0 20px;
}
#underlayer #content .case-contents__company__wrap__data--title,
#underlayer .content .case-contents__company__wrap__data--title {
  font-size: 14px;
  margin: 0 0 10px 0;
}
#underlayer #content .case-contents__company__wrap__data__table,
#underlayer .content .case-contents__company__wrap__data__table {
  font-size: 13px;
}
#underlayer #content .case-contents__company__wrap__data__table--th,
#underlayer .content .case-contents__company__wrap__data__table--th {
  padding: 0px 15px 10px 0;
  color: #003245;
  vertical-align: top;
  width: 115px;
}
#underlayer #content .case-contents__company__wrap__data__table--td,
#underlayer .content .case-contents__company__wrap__data__table--td {
  word-break: break-all;
  vertical-align: top;
}
#underlayer #content .case-contents__company__wrap__data__table--td a,
#underlayer .content .case-contents__company__wrap__data__table--td a {
  border-bottom: dotted 1px #003245;
  transition: all 0.3s;
  color: #003245;
}
#underlayer #content .case-contents__company__wrap__data__table--td a:hover,
#underlayer .content .case-contents__company__wrap__data__table--td a:hover {
  opacity: 0.6;
  border: none;
}
#underlayer #content .comparison,
#underlayer .content .comparison {
  margin: 0 0 40px 0;
}
#underlayer #content .comparison:last-child,
#underlayer .content .comparison:last-child {
  margin: 0 0 0 0;
}
#underlayer #content .comparison__title,
#underlayer .content .comparison__title {
  font-size: 1.6rem;
  padding: 15px 0 15px 0;
  text-align: center;
  color: #FFFFFF;
}
#underlayer #content .comparison .bg-gray,
#underlayer .content .comparison .bg-gray {
  background-color: #787878;
}
#underlayer #content .comparison .bg-green,
#underlayer .content .comparison .bg-green {
  background-color: #0396a6;
}
#underlayer #content .comparison__wrap,
#underlayer .content .comparison__wrap {
  background: rgba(255, 255, 255, 0.3);
  padding: 20px 45px 45px 45px;
}
#underlayer #content .comparison__wrap .ipaddress-t_pc,
#underlayer .content .comparison__wrap .ipaddress-t_pc {
  display: block;
}
#underlayer #content .comparison__wrap .ipaddress-t_sp,
#underlayer .content .comparison__wrap .ipaddress-t_sp {
  display: none;
}
#underlayer #content .summary,
#underlayer .content .summary {
  background: rgba(3, 114, 166, 0.3);
  padding: 20px 120px 20px 180px;
  margin: 0 0 30px 0;
  position: relative;
  box-sizing: border-box;
}
#underlayer #content .summary__list,
#underlayer .content .summary__list {
  list-style-type: disc;
}
#underlayer #content .summary__list__text,
#underlayer .content .summary__list__text {
  font-size: 1.3rem;
  line-height: 1.8;
}
#underlayer #content .summary .summary-deco,
#underlayer .content .summary .summary-deco {
  width: 92px;
  position: absolute;
  top: -8px;
  left: 50px;
}

/* ----------------------------------------------------------------
コンテンツ
----------------------------------------------------------------- */
/* 下層ページCSS */
/* ----------------------------------------------------------------
footer
----------------------------------------------------------------- */
footer__pc,
.footer__pc {
  width: 70px;
  height: 100%;
  z-index: 0;
  border-right: solid 1px #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer__pc__copy,
.footer__pc__copy {
  color: #FFFFFF;
  font-size: 1rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
footer__sp,
.footer__sp {
  position: fixed;
  width: 100%;
  bottom: 130px;
  left: 0;
  text-align: center;
  display: none;
}
footer__sp__copy,
.footer__sp__copy {
  font-size: 1rem;
  color: #787878;
  line-height: 1.2;
}
footer__sp-under,
.footer__sp-under {
  width: 100%;
  text-align: center;
  height: 150px;
  padding: 35px 0 0 0;
  display: none;
}
footer__sp-under__copy,
.footer__sp-under__copy {
  font-size: 1rem;
  color: #787878;
  line-height: 1.2;
}

/* フツターCSS */

@media (max-width: 800px) {
  body {
    /*  800px  */
    /*  800px  */
    background: url(../img/background-img_sp.jpg) bottom center/cover no-repeat fixed;
  }
  .pcClass {
    /*  800px  */
    /*  800px  */
    display: none;
  }
  .spClass {
    /*  800px  */
    /*  800px  */
    display: block;
  }
  #bnr__pc, .bnr__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #bnr__sp, .bnr__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  .header__inner {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  .header.header-change .slide_btn {
    /*  800px  */
    /*  768px  */
    top: 5px;
    background-color: #FFFFFF;
  }
  .slide_btn {
    /*  800px  */
    /*  768px  */
    width: 50px;
    height: 50px;
    top: 5px;
    right: 10px;
  }
  .category_list__wrapper {
    /*  800px  */
    /*  768px  */
    padding: 40px 0 20px 0;
  }
  #underlayer #content__wrapper,
  #underlayer .content__wrapper {
    /*  800px  */
    /*  768px  */
    flex-wrap: wrap;
    margin: 0 0 0 0;
  }
  #underlayer #content__wrapper #keyvisual,
  #underlayer #content__wrapper .keyvisual,
  #underlayer .content__wrapper #keyvisual,
  #underlayer .content__wrapper .keyvisual {
    /*  800px  */
    /*  768px  */
    margin: 0 0 0 0;
    width: 100%;
  }
  #underlayer #content__wrapper #keyvisual__inner,
  #underlayer #content__wrapper .keyvisual__inner,
  #underlayer .content__wrapper #keyvisual__inner,
  #underlayer .content__wrapper .keyvisual__inner {
    /*  800px  */
    /*  768px  */
    width: 100%;
    height: 150px;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #underlayer #content__wrapper #keyvisual__inner__title,
  #underlayer #content__wrapper .keyvisual__inner__title,
  #underlayer .content__wrapper #keyvisual__inner__title,
  #underlayer .content__wrapper .keyvisual__inner__title {
    /*  800px  */
    /*  768px  */
    text-align: center;
    padding: 0 0 0 0;
  }
  #underlayer #content__wrapper #keyvisual__inner__title--br,
  #underlayer #content__wrapper .keyvisual__inner__title--br,
  #underlayer .content__wrapper #keyvisual__inner__title--br,
  #underlayer .content__wrapper .keyvisual__inner__title--br {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #underlayer #content__wrapper__inner,
  #underlayer .content__wrapper__inner {
    /*  800px  */
    /*  768px  */
    width: 100%;
    padding: 25px 0 0 0;
  }
  #underlayer #content__wrapper__inner__unit,
  #underlayer .content__wrapper__inner__unit {
    /*  800px  */
    /*  768px  */
    padding: 0 25px 25px 25px;
  }
  #underlayer #content__wrapper__inner .case,
  #underlayer .content__wrapper__inner .case {
    /*  800px  */
    /*  768px  */
    padding: 20px 30px 20px 30px;
  }
  #underlayer #content__wrapper__inner .dsp-targeting__item,
  #underlayer .content__wrapper__inner .dsp-targeting__item {
    /*  800px  */
    /*  768px  */
    width: 100%;
  }
  #underlayer #content__gallery #keyvisual,
  #underlayer #content__gallery .keyvisual,
  #underlayer .content__gallery #keyvisual,
  #underlayer .content__gallery .keyvisual {
    /*  800px  */
    /*  768px  */
    margin: 0 0 0 0;
  }
  #underlayer #content__gallery #keyvisual__inner,
  #underlayer #content__gallery .keyvisual__inner,
  #underlayer .content__gallery #keyvisual__inner,
  #underlayer .content__gallery .keyvisual__inner {
    /*  800px  */
    /*  768px  */
    padding: 0 0 0 0;
  }
  #underlayer #content__gallery #keyvisual__inner__title,
  #underlayer #content__gallery .keyvisual__inner__title,
  #underlayer .content__gallery #keyvisual__inner__title,
  #underlayer .content__gallery .keyvisual__inner__title {
    /*  800px  */
    /*  768px  */
    text-align: center;
    padding: 0 0 0 0;
  }
  #underlayer #content__gallery #keyvisual__inner__title--br,
  #underlayer #content__gallery .keyvisual__inner__title--br,
  #underlayer .content__gallery #keyvisual__inner__title--br,
  #underlayer .content__gallery .keyvisual__inner__title--br {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #underlayer #content__gallery__inner,
  #underlayer .content__gallery__inner {
    /*  800px  */
    /*  768px  */
    margin: 0 0 0 0;
  }
  #underlayer #content__gallery__inner__unit,
  #underlayer .content__gallery__inner__unit {
    /*  800px  */
    /*  768px  */
    padding: 0 0 0 0;
  }
  #underlayer #content__gallery__inner__unit__bnr__list,
  #underlayer .content__gallery__inner__unit__bnr__list {
    /*  800px  */
    /*  768px  */
    width: 50%;
  }
  #underlayer #content__gallery__inner__unit__bnr .modal__content,
  #underlayer .content__gallery__inner__unit__bnr .modal__content {
    /*  800px  */
    /*  768px  */
    width: 50%;
  }
  #underlayer #content__case #keyvisual,
  #underlayer #content__case .keyvisual,
  #underlayer .content__case #keyvisual,
  #underlayer .content__case .keyvisual {
    /*  800px  */
    /*  768px  */
    margin: 0 0 0 0;
  }
  #underlayer #content__case #keyvisual__inner,
  #underlayer #content__case .keyvisual__inner,
  #underlayer .content__case #keyvisual__inner,
  #underlayer .content__case .keyvisual__inner {
    /*  800px  */
    /*  768px  */
    padding: 0 0 0 0;
  }
  #underlayer #content__case #keyvisual__inner__title,
  #underlayer #content__case .keyvisual__inner__title,
  #underlayer .content__case #keyvisual__inner__title,
  #underlayer .content__case .keyvisual__inner__title {
    /*  800px  */
    /*  768px  */
    text-align: center;
    padding: 0 0 0 0;
  }
  #underlayer #content__case #keyvisual__inner__title--br,
  #underlayer #content__case .keyvisual__inner__title--br,
  #underlayer .content__case #keyvisual__inner__title--br,
  #underlayer .content__case .keyvisual__inner__title--br {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  #underlayer #content__case__inner,
  #underlayer .content__case__inner {
    /*  800px  */
    /*  768px  */
    margin: 0 0 0 0;
  }
  #underlayer #content__case__inner__unit,
  #underlayer .content__case__inner__unit {
    /*  800px  */
    /*  768px  */
    padding: 0 0 0 0;
  }
  #underlayer #content__case__inner__unit__detail__list,
  #underlayer .content__case__inner__unit__detail__list {
    /*  800px  */
    /*  768px  */
    width: 50%;
  }
  #underlayer #content .summary,
  #underlayer .content .summary {
    /*  800px  */
    /*  800px  */
    padding: 20px 30px 20px 150px;
  }
  #underlayer #content .summary .summary-deco,
  #underlayer .content .summary .summary-deco {
    /*  800px  */
    /*  800px  */
    left: 25px;
  }
  footer__pc,
  .footer__pc {
    /*  800px  */
    /*  768px  */
    display: none;
  }
  footer__sp,
  .footer__sp {
    /*  800px  */
    /*  768px  */
    display: block;
  }
  footer__sp-under,
  .footer__sp-under {
    /*  800px  */
    /*  768px  */
    display: block;
  }
}

@media (max-width: 1280px) {
  .pcClass {
    /*  1280px  */
    /*  1280px  */
    display: block;
  }
  .spClass {
    /*  1280px  */
    /*  1280px  */
    display: none;
  }
  #underlayer #content__wrapper #keyvisual,
  #underlayer #content__wrapper .keyvisual,
  #underlayer .content__wrapper #keyvisual,
  #underlayer .content__wrapper .keyvisual {
    /*  1280px  */
    /*  1280px  */
    width: 35%;
  }
  #underlayer #content__wrapper__inner,
  #underlayer .content__wrapper__inner {
    /*  1280px  */
    /*  1280px  */
    width: 65%;
  }
  #underlayer #content__wrapper__inner .dsp-targeting__item,
  #underlayer .content__wrapper__inner .dsp-targeting__item {
    /*  1280px  */
    /*  1280px  */
    width: 50%;
  }
}

@media (max-width: 1024px) {
  .pcClass {
    /*  1024px  */
    /*  1024px  */
    display: none;
  }
  .spClass {
    /*  1024px  */
    /*  1024px  */
    display: block;
  }
  #underlayer #content__wrapper #keyvisual,
  #underlayer #content__wrapper .keyvisual,
  #underlayer .content__wrapper #keyvisual,
  #underlayer .content__wrapper .keyvisual {
    /*  1024px  */
    /*  1024px  */
    width: 30%;
  }
  #underlayer #content__wrapper #keyvisual__inner__title,
  #underlayer #content__wrapper .keyvisual__inner__title,
  #underlayer .content__wrapper #keyvisual__inner__title,
  #underlayer .content__wrapper .keyvisual__inner__title {
    /*  1024px  */
    /*  1024px  */
    font-size: 3.4rem;
  }
  #underlayer #content__wrapper__inner,
  #underlayer .content__wrapper__inner {
    /*  1024px  */
    /*  1024px  */
    width: 100%;
  }
  #underlayer #content__gallery__inner__unit__bnr__list,
  #underlayer .content__gallery__inner__unit__bnr__list {
    /*  1024px  */
    /*  1024px  */
    width: 33.3333333333%;
  }
  #underlayer #content__case__inner__unit__detail__list,
  #underlayer .content__case__inner__unit__detail__list {
    /*  1024px  */
    /*  1024px  */
    width: 33.3333333333%;
  }
}

@media (max-width: 480px) {
  .pcClass {
    /*  480px  */
    /*  480px  */
    display: none;
  }
  .spClass {
    /*  480px  */
    /*  480px  */
    display: block;
  }
  #bnr__sp__inner__item__warapper__item__img, .bnr__sp__inner__item__warapper__item__img {
    /*  480px  */
    /*  480px  */
    width: 20px;
  }
  .category_list__wrapper__menu {
    /*  480px  */
    /*  480px  */
    padding: 10px 0px 10px 0px;
  }
  .category_list__wrapper .accordion-content {
    /*  480px  */
    /*  480px  */
    padding: 15px 0px 15px 0px;
  }
  .category_list__wrapper__bottom {
    /*  480px  */
    /*  480px  */
    padding: 10px 0;
  }
  .category_list__wrapper__bnr {
    /*  480px  */
    /*  480px  */
    flex-wrap: wrap;
  }
  .category_list__wrapper__bnr__item {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  .category_list__wrapper__bnr__item__wrap {
    /*  480px  */
    /*  480px  */
    height: 30px;
  }
  .contents-title_h2 {
    /*  480px  */
    /*  480px  */
    font-size: 2.4rem;
  }
  .contents-title_h2::after {
    /*  480px  */
    /*  480px  */
    content: none;
  }
  .contents-title_h2 span {
    /*  480px  */
    /*  480px  */
    padding: 0 0 0 0;
  }
  .contents-title_h3 {
    /*  480px  */
    /*  480px  */
    font-size: 1.8rem;
  }
  .contents-title_h4 {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  .contents-middle-title {
    /*  480px  */
    /*  480px  */
    font-size: 1.4rem;
  }
  .contents-table__tr__th {
    /*  480px  */
    /*  480px  */
    display: block;
    width: 100%;
  }
  .contents-table__tr__td {
    /*  480px  */
    /*  480px  */
    padding: 10px 10px 10px 10px;
    display: block;
    width: 100%;
    border-bottom: none;
    border-top: none;
  }
  #underlayer #content__wrapper #keyvisual__inner__title,
  #underlayer #content__wrapper .keyvisual__inner__title,
  #underlayer .content__wrapper #keyvisual__inner__title,
  #underlayer .content__wrapper .keyvisual__inner__title {
    /*  480px  */
    /*  480px  */
    font-size: 3.2rem;
  }
  #underlayer #content__wrapper__inner .targeting-img_pc,
  #underlayer .content__wrapper__inner .targeting-img_pc {
    /*  480px  */
    /*  480px  */
    display: none;
  }
  #underlayer #content__wrapper__inner .targeting-img_sp,
  #underlayer .content__wrapper__inner .targeting-img_sp {
    /*  480px  */
    /*  480px  */
    display: block;
  }
  #underlayer #content__wrapper__inner .targeting-menu__wrap,
  #underlayer .content__wrapper__inner .targeting-menu__wrap {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__wrapper__inner .targeting-menu *::-ms-backdrop, #underlayer #content__wrapper__inner .targeting-menu__wrap,
  #underlayer .content__wrapper__inner .targeting-menu *::-ms-backdrop,
  #underlayer .content__wrapper__inner .targeting-menu__wrap {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__wrapper__inner .targeting-menu-split__wrap,
  #underlayer .content__wrapper__inner .targeting-menu-split__wrap {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__wrapper__inner .targeting-menu-link,
  #underlayer .content__wrapper__inner .targeting-menu-link {
    /*  480px  */
    /*  480px  */
    flex-wrap: wrap;
  }
  #underlayer #content__wrapper__inner .case__title,
  #underlayer .content__wrapper__inner .case__title {
    /*  480px  */
    /*  480px  */
    font-size: 1.8rem;
  }
  #underlayer #content__wrapper__inner .case__wrap,
  #underlayer .content__wrapper__inner .case__wrap {
    /*  480px  */
    /*  480px  */
    flex-direction: column-reverse;
  }
  #underlayer #content__wrapper__inner .case__wrap__img img,
  #underlayer .content__wrapper__inner .case__wrap__img img {
    /*  480px  */
    /*  480px  */
    width: 75%;
  }
  #underlayer #content__wrapper__inner .case__wrap__text,
  #underlayer .content__wrapper__inner .case__wrap__text {
    /*  480px  */
    /*  480px  */
    padding: 0 0 0 0;
  }
  #underlayer #content__wrapper__inner .iso,
  #underlayer .content__wrapper__inner .iso {
    /*  480px  */
    /*  480px  */
    flex-direction: column-reverse;
  }
  #underlayer #content__wrapper__inner .iso__text,
  #underlayer .content__wrapper__inner .iso__text {
    /*  480px  */
    /*  480px  */
    padding: 10px 0 0 0;
  }
  #underlayer #content__wrapper__inner .dsp-reporting,
  #underlayer .content__wrapper__inner .dsp-reporting {
    /*  480px  */
    /*  480px  */
    flex-direction: column-reverse;
  }
  #underlayer #content__wrapper__inner .dsp-reporting__text,
  #underlayer .content__wrapper__inner .dsp-reporting__text {
    /*  480px  */
    /*  480px  */
    padding: 10px 0 0 0;
  }
  #underlayer #content__wrapper__inner .features-wrap__item,
  #underlayer .content__wrapper__inner .features-wrap__item {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__wrapper__inner .guideline-title,
  #underlayer .content__wrapper__inner .guideline-title {
    /*  480px  */
    /*  480px  */
    font-size: 2.2rem;
  }
  #underlayer #content__wrapper__inner .company-table__tr__th,
  #underlayer .content__wrapper__inner .company-table__tr__th {
    /*  480px  */
    /*  480px  */
    text-align: left;
    display: block;
    width: 100%;
  }
  #underlayer #content__wrapper__inner .company-table__tr__th br,
  #underlayer .content__wrapper__inner .company-table__tr__th br {
    /*  480px  */
    /*  480px  */
    display: none;
  }
  #underlayer #content__wrapper__inner .company-table__tr__td,
  #underlayer .content__wrapper__inner .company-table__tr__td {
    /*  480px  */
    /*  480px  */
    padding: 10px 10px 20px 10px;
    display: block;
    width: 100%;
    border-bottom: none;
    border-top: none;
  }
  #underlayer #content__wrapper__inner .info-wrap .content__wrap__item__list--date,
  #underlayer .content__wrapper__inner .info-wrap .content__wrap__item__list--date {
    /*  480px  */
    /*  480px  */
    display: block;
  }
  #underlayer #content__wrapper__inner .info-contents__title,
  #underlayer .content__wrapper__inner .info-contents__title {
    /*  480px  */
    /*  480px  */
    font-size: 2rem;
  }
  #underlayer #content__wrapper__inner .info-contents__inner h3,
  #underlayer .content__wrapper__inner .info-contents__inner h3 {
    /*  480px  */
    /*  480px  */
    font-size: 1.8rem;
  }
  #underlayer #content__wrapper__inner .info-contents__inner h4,
  #underlayer .content__wrapper__inner .info-contents__inner h4 {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  #underlayer #content__wrapper__inner .info-contents__inner h5,
  #underlayer .content__wrapper__inner .info-contents__inner h5 {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  #underlayer #content__wrapper__inner .sns-list__item,
  #underlayer .content__wrapper__inner .sns-list__item {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__wrapper__inner .procedure__title,
  #underlayer .content__wrapper__inner .procedure__title {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  #underlayer #content__gallery #keyvisual__inner__title,
  #underlayer #content__gallery .keyvisual__inner__title,
  #underlayer .content__gallery #keyvisual__inner__title,
  #underlayer .content__gallery .keyvisual__inner__title {
    /*  480px  */
    /*  480px  */
    font-size: 3.2rem;
  }
  #underlayer #content__gallery__inner__unit__bnr__list,
  #underlayer .content__gallery__inner__unit__bnr__list {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content__gallery__inner__unit__bnr .modal__content,
  #underlayer .content__gallery__inner__unit__bnr .modal__content {
    /*  480px  */
    /*  480px  */
    width: 80%;
  }
  #underlayer #content__case #keyvisual__inner__title,
  #underlayer #content__case .keyvisual__inner__title,
  #underlayer .content__case #keyvisual__inner__title,
  #underlayer .content__case .keyvisual__inner__title {
    /*  480px  */
    /*  480px  */
    font-size: 3.2rem;
  }
  #underlayer #content__case__inner__unit .searchandfilter .postform,
  #underlayer .content__case__inner__unit .searchandfilter .postform {
    /*  480px  */
    /*  480px  */
    font-size: 1rem;
    margin: 0 0 10px 0;
  }
  #underlayer #content__case__inner__unit .searchandfilter input[type=submit],
  #underlayer .content__case__inner__unit .searchandfilter input[type=submit] {
    /*  480px  */
    /*  480px  */
    font-size: 1rem;
  }
  #underlayer #content__case__inner__unit__detail__list,
  #underlayer .content__case__inner__unit__detail__list {
    /*  480px  */
    /*  480px  */
    width: 100%;
  }
  #underlayer #content .case-contents__title,
  #underlayer .content .case-contents__title {
    /*  480px  */
    /*  480px  */
    font-size: 2rem;
  }
  #underlayer #content .case-contents__inner h3,
  #underlayer .content .case-contents__inner h3 {
    /*  480px  */
    /*  480px  */
    font-size: 1.8rem;
  }
  #underlayer #content .case-contents__inner h4,
  #underlayer .content .case-contents__inner h4 {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  #underlayer #content .case-contents__inner h5,
  #underlayer .content .case-contents__inner h5 {
    /*  480px  */
    /*  480px  */
    font-size: 1.6rem;
  }
  #underlayer #content .case-contents__company__wrap,
  #underlayer .content .case-contents__company__wrap {
    /*  480px  */
    /*  480px  */
    flex-wrap: wrap;
  }
  #underlayer #content .case-contents__company__wrap--img,
  #underlayer .content .case-contents__company__wrap--img {
    /*  480px  */
    /*  480px  */
    width: 100%;
    margin: 0 0 15px 0;
  }
  #underlayer #content .case-contents__company__wrap__data,
  #underlayer .content .case-contents__company__wrap__data {
    /*  480px  */
    /*  480px  */
    margin: 0 0 0 0;
  }
  #underlayer #content .comparison__wrap,
  #underlayer .content .comparison__wrap {
    /*  480px  */
    /*  480px  */
    padding: 20px 25px 25px 25px;
  }
  #underlayer #content .comparison__wrap .ipaddress-t_pc,
  #underlayer .content .comparison__wrap .ipaddress-t_pc {
    /*  480px  */
    /*  480px  */
    display: none;
  }
  #underlayer #content .comparison__wrap .ipaddress-t_sp,
  #underlayer .content .comparison__wrap .ipaddress-t_sp {
    /*  480px  */
    /*  480px  */
    display: block;
  }
  #underlayer #content .summary,
  #underlayer .content .summary {
    /*  480px  */
    /*  480px  */
    padding: 20px 30px 20px 120px;
  }
  #underlayer #content .summary .summary-deco,
  #underlayer .content .summary .summary-deco {
    /*  480px  */
    /*  480px  */
    width: 70px;
  }
}

@media (max-width: 320px) {
  .pcClass {
    /*  320px  */
    /*  320px  */
    display: none;
  }
  .spClass {
    /*  320px  */
    /*  320px  */
    display: block;
  }
  #underlayer #content__wrapper #keyvisual__inner__title,
  #underlayer #content__wrapper .keyvisual__inner__title,
  #underlayer .content__wrapper #keyvisual__inner__title,
  #underlayer .content__wrapper .keyvisual__inner__title {
    /*  320px  */
    /*  320px  */
    font-size: 3rem;
  }
  #underlayer #content__gallery #keyvisual__inner__title,
  #underlayer #content__gallery .keyvisual__inner__title,
  #underlayer .content__gallery #keyvisual__inner__title,
  #underlayer .content__gallery .keyvisual__inner__title {
    /*  320px  */
    /*  320px  */
    font-size: 3rem;
  }
  #underlayer #content__case #keyvisual__inner__title,
  #underlayer #content__case .keyvisual__inner__title,
  #underlayer .content__case #keyvisual__inner__title,
  #underlayer .content__case .keyvisual__inner__title {
    /*  320px  */
    /*  320px  */
    font-size: 3rem;
  }
}

@media all and (-ms-high-contrast: none) {
  #underlayer #content__wrapper__inner .dsp-targeting,
  #underlayer .content__wrapper__inner .dsp-targeting {
    /* IE11対応 */
  }
  #underlayer #content__wrapper__inner .dsp-targeting *::-ms-backdrop, #underlayer #content__wrapper__inner .dsp-targeting__item,
  #underlayer .content__wrapper__inner .dsp-targeting *::-ms-backdrop,
  #underlayer .content__wrapper__inner .dsp-targeting__item {
    width: 33%;
  }
}

@media (-ms-high-contrast: none) and (max-width: 1024px) {
  #underlayer #content__wrapper__inner .dsp-targeting *::-ms-backdrop, #underlayer #content__wrapper__inner .dsp-targeting__item,
  #underlayer .content__wrapper__inner .dsp-targeting *::-ms-backdrop,
  #underlayer .content__wrapper__inner .dsp-targeting__item {
    /*  1024px  */
    /*  1024px  */
    width: 50%;
  }
}

@media (-ms-high-contrast: none) and (max-width: 800px) {
  #underlayer #content__wrapper__inner .dsp-targeting *::-ms-backdrop, #underlayer #content__wrapper__inner .dsp-targeting__item,
  #underlayer .content__wrapper__inner .dsp-targeting *::-ms-backdrop,
  #underlayer .content__wrapper__inner .dsp-targeting__item {
    /*  800px  */
    /*  768px  */
    width: 100%;
  }
}