@charset "UTF-8";
/* -----------------------------------------CSS Information
File Name:base.css
Author:T.osaka
Style Info:ブラウザスタイルのサイト全体設定
-------------------------------------------------------------
01:初期設定
02:ヘッダー
03:フッター
04:UI
  _グローバルナビ
  _ボタン
  _フォーム
  _アコーディオン
  _アコーディオン（複数展開用）
  _パンくず
  _ページネィション
  _縦リンク
  _チェッカー
  _拡大ボタン
  _CVセット
05:コンテンツ
  _構造
  _カラム
  _見出し
  _文字
  _リスト
  _表組
  _地図
  _画像
  _動画
  _よくある質問
  _コラム
  _エラー
  _クレジットカード・スマホ決済
  _マンガバナーセット
  _調査事例リスト
  _調査事例詳細
  _調査費用に含まれるもの
  _選ばれる5つの理由
06:外部css
-----------------------------------------------------------*/
/* -----------------------------------------CSS Information
File Name:_footer.scss
Author:T.osaka
Style Info:ブラウザスタイルのフッター設定
-------------------------------------------------------------*/
main#form + aside + footer div.unit_footer-btn, main#form + aside + footer div.wrap_footer-btn {
  display: none;
}

footer {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 20px 0 180px 0;
  background-color: #cccccc;
}
footer div.unit_footer-btn {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 10px 5px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  /*END ul.wrap_footer-btn*/
}
footer div.unit_footer-btn span.item_message {
  font-size: 1.2rem;
  color: #ffffff;
}
footer div.unit_footer-btn ul.wrap_footer-btn {
  clear: both;
  overflow: hidden;
  width: 100%;
}
footer div.unit_footer-btn ul.wrap_footer-btn li {
  width: 29%;
  float: left;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone, footer div.unit_footer-btn ul.wrap_footer-btn li .btn_consultation {
  font-weight: bold;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span, footer div.unit_footer-btn ul.wrap_footer-btn li .btn_consultation span {
  display: inline-block;
  line-height: 140%;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span span.item_response, footer div.unit_footer-btn ul.wrap_footer-btn li .btn_consultation span span.item_response {
  display: block;
  padding: 0;
  background-image: none;
  font-size: 1.5rem;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span {
  padding: 0 0 0 45px;
  background: url(/img/icon_sp_w.svg) no-repeat left center;
  background-size: auto 30px;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker {
  display: block;
  min-height: 74px;
  background: #ffffff url(/img/bg_btn_checker.gif) no-repeat left top -20px;
  background-size: 100% auto;
  border: solid 2px #ffffff;
  border-radius: 5px;
}
footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker img {
  width: 70%;
  margin: 12px 0 0 20%;
}
footer div.unit_footer-btn ul.wrap_footer-btn li + li {
  float: right;
  width: 69%;
  margin: 0 0 0 2%;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_checker {
  min-height: 85px;
  background-position: left top -10px;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_checker img {
  margin-top: 19px;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_phone, footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_consultation {
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_phone span, footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_consultation span {
  line-height: 130%;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_consultation {
  margin-top: 5px;
}
footer div.unit_footer-btn ul.wrap_consultation-ver li .btn_consultation span {
  margin: 0 0 0 4%;
  padding: 0 0 0 40px;
  background: url(/img/icon_calendar_w.svg) no-repeat left center;
  background-size: auto 25px;
}
footer div.unit_footer-btn .btn_home {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 5px 0;
  padding: 5px;
  background: #ffffff url(/img/bg_btn_home_port.jpg) no-repeat right top;
  background-size: 100% auto;
  border-radius: 5px;
  text-align: left;
}
footer div.unit_footer-btn .btn_home div.item_logo {
  display: inline-block;
  width: 55%;
  margin: 0 0 5px 0;
}
footer div.unit_footer-btn .btn_home div.item_txt {
  display: inline-block;
  width: 55%;
}
footer div.unit_footer-btn .btn_home div.item_delta {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
}
footer p.unit_footer-menu {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: center;
}
footer p.unit_footer-menu a {
  display: inline-block;
  padding: 0 5px;
  border-left: solid 1px #999999;
  font-size: 1.2rem;
  color: #333333;
  line-height: 140%;
}
footer p.unit_footer-menu a:nth-child(3), footer p.unit_footer-menu a:nth-child(6), footer p.unit_footer-menu a:last-child {
  border-right: solid 1px #999999;
}
footer p.unit_copyright {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
}

@media screen and (max-width: 360px) {
  /*　画面サイズ 360pxまで適用　*/
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone {
    padding: 15px;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span {
    font-size: 1.8rem;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span span.item_response {
    font-size: 1.2rem;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker {
    background-position: left top -10px;
  }
}
@media screen and (min-width: 750px) {
  /*　画面サイズ 750px以上から適用　*/
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone, footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker {
    min-height: 113px;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  footer {
    clear: both;
    margin: 0;
    /*div.unit_footer-btn END*/
  }
  footer div.unit_footer-btn {
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.8);
    border-top: solid 1px #cccccc;
    text-align: left;
    /*div.wrap_footer-btn END*/
    /*div.wrap_consultation-ver END*/
  }
  footer div.unit_footer-btn div.wrap_footer-btn {
    width: 1100px;
    margin: 0 auto;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul {
    clear: both;
    overflow: hidden;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li {
    float: left;
    /* IE11 */
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li span.item_message {
    display: block;
    padding: 0 0 5px 0;
    font-size: 1.6rem;
    color: #333333;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li span.item_phone {
    display: block;
    background: url(/img/icon_sp_p.svg) no-repeat left center;
    background-size: 35px auto;
    padding: 0 0 0 40px;
    font-size: 3.4rem;
    font-weight: bold;
    color: #fc578e;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li _:-ms-lang(x)::-ms-backdrop, footer div.unit_footer-btn div.wrap_footer-btn ul li span.item_phone {
    background-position: left top 5px;
    line-height: 140%;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li span.item_response {
    display: block;
    margin: 0 0 0 10px;
    padding: 7px 20px;
    background-color: #fcdd8a;
    line-height: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    color: #333333;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul span.item_response + span.item_response {
    margin-top: 5px;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li.btn_anonymous {
    float: right;
    width: 635px;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li.btn_anonymous a {
    display: block;
    float: left;
  }
  footer div.unit_footer-btn div.wrap_footer-btn ul li.btn_anonymous a.btn_request {
    width: 202px;
    height: 67px;
    margin-left: 10px;
  }
  footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_mail, footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_consultation {
    display: inline-block;
    width: 202px;
    height: 67px;
    padding: 3px 0 0 60px;
    border-radius: 10px;
    text-align: left;
    font-size: 2.2rem;
    color: #ffffff;
  }
  footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_mail span, footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_consultation span {
    font-size: 1.4rem;
  }
  footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_mail {
    background: #04a500 url(/img/icon_mail_w.svg) no-repeat left 10px center;
    background-size: auto 30px;
  }
  footer div.unit_footer-btn div.wrap_consultation-ver ul li a.btn_consultation {
    margin-left: 10px;
    background: #3366cc url(/img/icon_calendar_w.svg) no-repeat left 10px center;
    background-size: auto 40px;
  }
  footer p.unit_footer-menu a:nth-child(3), footer p.unit_footer-menu a:nth-child(6) {
    border-right: none;
  }
}
@media screen and (orientation: landscape) {
  /* 横向きの場合のスタイル */
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone {
    height: 86px;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span {
    padding-left: 65px;
    background-size: auto 50px;
    line-height: 140%;
    font-size: 3rem;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_phone span span.item_response {
    font-size: 1.8rem;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker {
    height: 86px;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker img {
    width: 55%;
    margin: 5px 0 0 20%;
  }
  footer div.unit_footer-btn ul.wrap_footer-btn li span.item_message {
    font-size: 1.2rem;
  }
}
@media screen and (orientation: landscape) and (min-width: 800px) {
  /* 横向きで800以上の場合のスタイル */
  footer div.unit_footer-btn ul.wrap_footer-btn li .btn_checker img {
    width: 50%;
  }
}
/* ----------------------------------------------------------
01:初期設定
-----------------------------------------------------------*/
html {
  font-size: 62.5%;
}

* html .smallFont {
  font-family: "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", sans-serif;
}

*:first-child + html .smallFont {
  font-family: "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", sans-serif;
}

* html ul li dl, * html ol li dl {
  display: inline;
}

*:first-child + html ul li dl, *:first-child + html ol li dl {
  display: inline;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  font-size: 1.6rem;
  font-family: "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #333333;
  line-height: 170%;
  -webkit-text-size-adjust: 100%;
}

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

a {
  color: #333333;
}
a img {
  border: 0;
}

a:hover, a:active,
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  opacity: 0.8;
}

ul {
  list-style-type: none;
}

@media screen and (max-width: 999px) {
  /*　画面サイズ 999pxまで適用　*/
  .sp_only {
    display: block;
  }
  .pc_only {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .sp_only {
    display: none;
  }
  .pc_only {
    display: block;
  }
}
/* ----------------------------------------------------------
02:ヘッダー
-----------------------------------------------------------*/
header {
  background-color: #ffffff;
  padding: 10px;
}
header a.item_logo {
  display: block;
  width: 55%;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  header {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0;
    background-color: rgba(255, 255, 255, 0.8);
  }
  header a.item_logo {
    width: auto;
  }
  header a.item_logo img {
    display: inline-block;
    width: 300px;
  }
  header a.item_logo span.item_header-copy {
    display: inline-block;
    margin: 0 0 0 10px;
    font-weight: normal;
    color: #666666;
  }
  header div.unit_phone-set {
    position: absolute;
    top: 20px;
    right: 0;
    clear: both;
    overflow: hidden;
    /* IE11 */
  }
  header div.unit_phone-set span {
    display: block;
    font-size: 1.4rem;
    line-height: 140%;
  }
  header div.unit_phone-set p {
    float: left;
    padding: 0 0 0 45px;
    background: url(../img/icon_sp_p.svg) left center no-repeat;
    background-size: 40px auto;
    font-size: 4.2rem;
    font-weight: bold;
    color: #fc578e;
    line-height: 120%;
  }
  header div.unit_phone-set _:-ms-lang(x)::-ms-backdrop, header div.unit_phone-set h2 {
    background-position: left top 5px;
    line-height: 140%;
    text-decoration: none;
  }
  header div.unit_phone-set ul {
    float: right;
    margin: 0 0 0 10px;
  }
  header div.unit_phone-set ul li {
    padding: 2px;
    background-color: #fcdd8a;
    font-size: 1.2rem;
    font-weight: bold;
    color: #333333;
    line-height: 140%;
  }
  header div.unit_phone-set ul li + li {
    margin: 1px 0 0 0;
  }
  /*header END*/
}
/* ----------------------------------------------------------
03:フッター（_footer.scss参照）
-----------------------------------------------------------*/
/* ----------------------------------------------------------
04:UI
-----------------------------------------------------------*/
/* グローバルナビ */
nav {
  clear: both;
  overflow: hidden;
  /*チェックボックス等は非表示に*/
  /*アイコンのスペース*/
  /*閉じる用の薄黒カバー*/
  /*中身*/
  /*チェックが入ったらもろもろ表示*/
}
nav #nav-drawer {
  position: relative;
  margin-left: 18px;
  margin-top: -27px;
}
nav .nav-unshown {
  display: none;
}
nav #nav-open {
  z-index: 100;
  position: fixed;
  top: 0;
  right: 10px;
  display: inline-block;
  width: 60px;
  background-color: rgba(4, 165, 0, 0.8);
  border-radius: 0 0 10px 10px;
  text-align: center;
  color: #ffffff;
}
nav #nav-open img {
  width: 40%;
  margin-bottom: -10px;
}
nav #nav-close {
  display: none; /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0; /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
nav #nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: -90%;
  z-index: 9999; /*最前面に*/
  width: 90%; /*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px; /*最大幅（調整してください）*/
  height: 100%;
  background: #fff; /*背景色*/
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
  -webkit-transform: translateX(105%);
  transform: translateX(105%); /*左に隠しておく*/
}
nav #nav-content ul.menu_global li {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: solid 1px #cccccc;
}
nav #nav-input:checked ~ #nav-close {
  display: block; /*カバーを表示*/
  opacity: 0.5;
}
nav #nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%); /*中身を表示（右へスライド）*/
  -webkit-box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
          box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  z-index: 9998;
  right: 0;
}
nav .hamburger-top {
  height: 40px;
  margin-top: 5px;
}
nav .menu-hamburger-menu-container li {
  float: none;
  font-size: 15px;
  padding: 10px 15px 10px 15px;
  list-style: none;
  text-align: left;
  border-bottom: dashed 1px #fedbf1;
}
nav .menu-hamburger-menu-container li:last-child {
  border: none;
}
nav .menu-hamburger-menu-container li a {
  text-decoration: none;
  color: #000;
}
nav .menu-hamburger-menu-container a:before {
  font-family: FontAwesome;
  content: "\f07b";
  color: #00bb80; /*アイコン色*/
  margin-right: 5px;
}
nav .menu-hamburger-menu-container .menu-item-499 a:before,
nav .menu-hamburger-menu-container .menu-item-500 a:before,
nav .menu-hamburger-menu-container .menu-item-501 a:before,
nav .menu-hamburger-menu-container .menu-item-504 a:before,
nav .menu-hamburger-menu-container .menu-item-828 a:before {
  font-family: FontAwesome;
  content: "\f061";
  color: #00bb80;
  margin-right: 5px;
}
nav .cancel {
  display: inline-block;
  margin: 20px 20px 0 20px;
  padding: 20px 0;
  width: calc(100% - 40px);
  background: url(../img/icon_close.svg) no-repeat left 20px center;
  background-size: 20px auto;
  border: solid 1px #cccccc;
  border-radius: 5px;
  text-align: center;
  font-size: 2rem;
  line-height: 100%;
}
nav .category {
  background-color: #fedbf1;
  padding: 15px 0;
  font-size: 23px;
  color: #ff69b4;
  font-weight: bold;
}

/*nav END*/
@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  nav {
    width: 100%;
    border-bottom: solid 5px #fc578e;
    padding: 0 0 5px 0;
    background-color: rgba(255, 255, 255, 0.8);
  }
  nav div#nav-drawer {
    margin: 0;
  }
  nav div#nav-drawer input#nav-input, nav div#nav-drawer label#nav-open, nav div#nav-drawer label#nav-close {
    display: none;
  }
  nav div#nav-drawer div#nav-content {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 1100px;
    max-width: 1100px;
    height: auto;
    margin: 0 auto;
    background-color: transparent;
    -webkit-transition: 0s ease-in-out;
    transition: 0s ease-in-out; /*滑らかに表示*/
    -webkit-transform: translateX(0%);
    transform: translateX(0%); /*左に隠しておく*/
  }
  nav div#nav-drawer div#nav-content ul.menu_global {
    clear: both;
    overflow: hidden;
    width: 1100px;
  }
  nav div#nav-drawer div#nav-content ul.menu_global li {
    float: left;
    width: 157px;
    border-left: dotted 1px #cccccc;
    border-bottom: none;
  }
  nav div#nav-drawer div#nav-content ul.menu_global li a.link_basic {
    width: 100%;
    padding: 0;
    background-image: none;
    text-align: center;
    font-size: 1.6rem;
  }
  nav div#nav-drawer div#nav-content ul.menu_global li:last-child {
    border-right: dotted 1px #cccccc;
  }
  nav div#nav-drawer div#nav-content ul.menu_global li.sp_only {
    display: none;
  }
  nav div#nav-drawer div#nav-content div.hamburger-top {
    display: none;
  }
}
/* ボタン */
.link_basic, .link_sub, .link_vertical-down, .link_close, .link_modal, .link_freedial, .link_mail, .link_modal {
  display: block;
  color: #333333;
}
.link_basic .item_mini-txt, .link_sub .item_mini-txt, .link_vertical-down .item_mini-txt, .link_close .item_mini-txt, .link_modal .item_mini-txt, .link_freedial .item_mini-txt, .link_mail .item_mini-txt, .link_modal .item_mini-txt {
  display: block;
  font-size: 1.4rem;
  color: #666666;
}

.link_basic {
  padding: 5px 0 5px 40px;
  background: url(../img/icon_circle-delta_right.svg) no-repeat left center;
  background-size: 30px 30px;
  font-size: 2rem;
}

.link_sub {
  padding: 5px 0 5px 30px;
  background: url(../img/icon_circle-delta_right.svg) no-repeat left center;
  background-size: 20px 20px;
}

.link_vertical-down {
  padding: 5px 0 5px 40px;
  background: url(../img/icon_circle-delta_down.svg) no-repeat left center;
  background-size: 30px 30px;
}

.link_close {
  display: inline-block;
  padding: 7px 0 7px 30px;
  background: url(../img/icon_close.svg) no-repeat left center;
  background-size: 20px 20px;
}

.link_modal {
  display: inline-block;
  padding: 7px 0 7px 40px;
  background: url(../img/icon_modal.svg) no-repeat left center;
  background-size: 30px 30px;
}

.link_freedial {
  padding: 7px 0 7px 50px;
  background: url(../img/icon_freedial_g.svg) no-repeat left center;
  background-size: 40px auto;
  font-size: 2rem;
}

.link_mail {
  padding: 7px 0 7px 50px;
  background: url(../img/icon_mail_g.svg) no-repeat left center;
  background-size: 40px auto;
  font-size: 2rem;
}

.link_map {
  display: block;
  padding: 7px 0 7px 40px;
  background: url(../img/icon_map.svg) no-repeat left center;
  background-size: 30px 30px;
  color: #333333;
}

.link_txt {
  text-decoration: underline;
  color: #04a500;
}

.unit_link-set {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 20px 0 0 0;
}
.unit_link-set a + a {
  margin: 10px 0 0 0;
}

.btn_basic, .btn_phone, .btn_consultation, .btn_back, .btn_map, .btn_pagetop,
.btn_pagination-back, .btn_pagination-next,
.btn_basic_frame, .btn_basic_frame_back {
  display: block;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 2.5rem;
}

.btn_basic, .btn_phone {
  background-color: #04a500;
  color: #ffffff;
}
.btn_basic .icon_delta, .btn_phone .icon_delta {
  display: inline-block;
  padding: 5px 0 5px 40px;
  background: url(../img/icon_circle-delta_right_w.svg) no-repeat left center;
  background-size: 30px 30px;
}

.btn_consultation {
  background-color: #3366cc;
  color: #ffffff;
}

.btn_basic_frame, .btn_basic_frame_back {
  border: solid 1px #cccccc;
  border-radius: 10px;
  background-color: #ffffff;
}
.btn_basic_frame .icon_delta, .btn_basic_frame_back .icon_delta {
  display: inline-block;
  padding: 5px 0 5px 40px;
}

.btn_basic_frame {
  color: #04a500;
}
.btn_basic_frame .icon_sp {
  display: inline-block;
  padding: 12px 0 12px 60px;
  background: url(../img/icon_sp_g.svg) no-repeat left center;
  background-size: auto 40px;
}
.btn_basic_frame .icon_delta {
  background: url(../img/icon_circle-delta_right.svg) no-repeat left center;
  background-size: 30px 30px;
}

.btn_basic_frame_back {
  color: #333333;
}
.btn_basic_frame_back .icon_delta {
  background: url(../img/icon_circle-delta_left_b.svg) no-repeat left center;
  background-size: 30px 30px;
}

.btn_back, .btn_pagetop, .btn_pagination-back, .btn_pagination-next {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  font-size: 2rem;
  font-weight: normal;
  color: #333333;
}

.btn_back .icon_delta {
  display: inline-block;
  padding: 5px 0 5px 40px;
  background: url(../img/icon_circle-delta_left_b.svg) no-repeat left center;
  background-size: 30px 30px;
}

.btn_pagetop {
  background: #ffffff url(../img/icon_delta_up.svg) no-repeat left 10px center;
  background-size: 20px auto;
}

.btn_pagination-back, .btn_pagination-next {
  color: #04a500;
}

.btn_pagination-back {
  background: #ffffff url(../img/icon_delta_left_g.svg) no-repeat left 10px center;
  background-size: 15px auto;
}

.btn_pagination-next {
  background: #ffffff url(../img/icon_delta_right_g.svg) no-repeat right 10px center;
  background-size: 15px auto;
}

.btn_map {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  color: #04a500;
}
.btn_map span {
  display: inline-block;
  padding: 7px 0 7px 50px;
  background: url(../img/icon_map.svg) no-repeat left center;
  background-size: auto 40px;
}

.btn_off, .link_off {
  opacity: 0.3;
  pointer-events: none;
  background-image: none;
  color: #333333;
}

/*拡大ボタン*/
a.luminous {
  display: block;
  position: relative;
}
a.luminous img.item_enlarge {
  z-index: 10;
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 25px;
}
a.luminous img.item_license {
  border: solid 1px #cccccc;
}

_:-ms-lang(x), a.luminous {
  pointer-events: none;
}
_:-ms-lang(x) _:-ms-lang(x), _:-ms-lang(x) img.item_enlarge, a.luminous _:-ms-lang(x), a.luminous img.item_enlarge {
  display: none;
}

.unit_btn-set {
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}

ul.item_case-list + .unit_btn-set {
  padding-top: 20px;
  border-top: dotted 1px #cccccc;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .link_basic, .link_sub, .link_vertical-down {
    display: inline-block;
  }
  .btn_basic, .btn_phone, .btn_back, .btn_map, .btn_basic_frame, .btn_basic_frame_back {
    /*display: inline-block;*/
    width: 100%;
    padding: 20px;
  }
  .unit_link-set a + a {
    margin: 0 0 0 20px;
  }
  ul.unit_2column li .btn_basic, ul.unit_2column li .btn_basic_frame, ul.unit_2column li .btn_basic_frame_back {
    width: 100%;
  }
}
/* フォーム */
input[type=text], input[type=tel], input[type=email], textarea {
  width: 100%;
  padding: 10px;
  background-color: #e7f0e7;
  border: solid 1px #cccccc;
  border-radius: 5px;
  font-size: 1.8rem;
}

input[type=button], input[type=submit], input[type=reset] {
  -webkit-appearance: none;
  border-radius: 5px;
}

.radio-input {
  display: none;
}

.radio-input + label {
  padding-top: 2px;
  padding-left: 25px;
  position: relative;
  margin-right: 20px;
}

.radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 50%;
}

.radio-input:checked + label {
  color: #fc578e;
}

.radio-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background: #fc578e;
  border-radius: 50%;
}

.checkbox-input {
  display: none;
}

.checkbox01-parts {
  display: block;
  padding-top: 0;
  padding-left: 25px;
  position: relative;
  margin-right: 20px;
}

.checkbox01-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #999;
  border-radius: 4px;
}

.checkbox-input:checked + .checkbox01-parts {
  color: #fc578e;
}

.checkbox-input:checked + .checkbox01-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 12px;
  height: 19px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  border-bottom: 3px solid #fc578e;
  border-right: 3px solid #fc578e;
}

dl.unit_form {
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
  border-top: dotted 1px #cccccc;
}
dl.unit_form dt {
  margin: 0 0 10px 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 100%;
}
dl.unit_form dt .item_required {
  display: inline-block;
  margin: 0 0 0 5px;
  padding: 2px 7px;
  background-color: #990000;
  font-size: 1.4rem;
  font-weight: normal;
  color: #ffffff;
}
dl.unit_form dd span.item_addition {
  display: block;
  margin: 5px 0 0 0;
  color: #666666;
}
dl.unit_form dd span.item_subtitle {
  display: inline-block;
  margin-top: 10px;
}
dl.unit_form dd ul.unit_schedule {
  display: table;
}
dl.unit_form dd ul.unit_schedule li {
  display: table-cell;
}
dl.unit_form dd ul.unit_schedule li + li {
  padding-left: 10px;
}

dl.unit_form + p.item_align-center {
  margin-top: 40px;
}

p.item_count {
  width: 100%;
  margin: 20px 0 10px 0;
  padding: 20px 0;
  background-color: #fc578e;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ffffff;
}

span.item_validation {
  display: inline-block;
  margin: 5px 0 0 0;
  padding: 5px 0 5px 25px;
  background: url(../img/icon_exclamation.svg) no-repeat left center;
  background-size: 20px auto;
  line-height: 140%;
  font-weight: bold;
  color: #cc0000;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  dl.unit_form {
    display: table;
    width: 840px;
    margin-top: 40px;
    padding-top: 20px;
  }
  dl.unit_form dt, dl.unit_form dd {
    display: table-cell;
    vertical-align: top;
  }
  dl.unit_form dt {
    width: 190px;
  }
  dl.unit_form dd {
    width: 650px;
  }
}
/* アコーディオン */
.accordion2 li {
  background-color: #ffffff;
  padding: 10px;
}
.accordion2 li.wrap {
  clear: both;
  overflow: hidden;
}
.accordion2 li.wrap p.title_reason {
  background: url(../img/icon_square-plus.svg) no-repeat right center;
  background-size: 20px 20px;
  font-size: 1.8rem;
  line-height: 140%;
}
.accordion2 li.wrap ul.inner {
  display: none;
  border-top: dotted 1px #cccccc;
}
.accordion2 li.wrap ul.inner li {
  display: block;
}
.accordion2 li.wrap ul.inner li p {
  padding: 0;
}
.accordion2 li.wrap + li.wrap {
  margin-top: 10px;
}
.accordion2 p {
  cursor: pointer;
  padding: 10px;
}

.accordion2 + .accordion2 {
  margin-top: 20px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .accordion2 li.wrap p.title_reason {
    background: url(../img/icon_square-plus.svg) no-repeat right center;
    background-size: 40px 40px;
    font-size: 2.6rem;
  }
  .accordion2 li.wrap p.title_reason span.pc_only {
    display: inline-block;
  }
  .accordion2 li.wrap p.title_reason span.item_num01, .accordion2 li.wrap p.title_reason span.item_num02, .accordion2 li.wrap p.title_reason span.item_num03, .accordion2 li.wrap p.title_reason span.item_num04, .accordion2 li.wrap p.title_reason span.item_num05 {
    color: #fc578e;
    padding: 5px 50px 5px 0;
  }
  .accordion2 li.wrap p.title_reason span.item_num01 {
    background: url(../img/icon_num01_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .accordion2 li.wrap p.title_reason span.item_num02 {
    background: url(../img/icon_num02_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .accordion2 li.wrap p.title_reason span.item_num03 {
    background: url(../img/icon_num03_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .accordion2 li.wrap p.title_reason span.item_num04 {
    background: url(../img/icon_num04_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .accordion2 li.wrap p.title_reason span.item_num05 {
    background: url(../img/icon_num05_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
}
.link_set .accordion2 li.wrap {
  border: solid 1px #cccccc;
  text-align: left;
}

/*アコーディオン（複数展開用）*/
.acd-check {
  display: none;
}

.acd-label {
  cursor: pointer;
  display: block;
  padding: 15px;
  background-color: #ffffff;
}
.acd-label span.title_reason {
  display: block;
  background: url(../img/icon_square-plus.svg) no-repeat right center;
  background-size: 20px 20px;
  font-size: 1.8rem;
  line-height: 140%;
}

.acd-content {
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  visibility: hidden;
  height: 0;
  padding: 0 20px;
  background-color: #ffffff;
}

.acd-check:checked + .acd-label + .acd-content {
  visibility: visible;
  height: auto;
  opacity: 1;
  padding: 15px;
  border-top: dotted 1px #cccccc;
}

.acd-content + .acd-check + .acd-label {
  margin-bottom: 0;
}

div.wrap_acd-label {
  margin: 20px 0 0 0;
  padding: 10px;
  background-color: #f3f3f3;
}

main#home div.wrap_acd-label input + label + div.acd-content + input + label.acd-label, main#office_detail div.wrap_acd-label input + label + div.acd-content + input + label.acd-label {
  margin-top: 10px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .acd-label {
    padding: 20px;
  }
  .acd-label span.title_reason {
    background: url(../img/icon_square-plus.svg) no-repeat right center;
    background-size: 40px 40px;
    font-size: 2.6rem;
  }
  .acd-label span.title_reason span.pc_only {
    display: inline-block;
  }
  .acd-label span.title_reason span.item_num01, .acd-label span.title_reason span.item_num02, .acd-label span.title_reason span.item_num03, .acd-label span.title_reason span.item_num04, .acd-label span.title_reason span.item_num05 {
    color: #fc578e;
    padding: 5px 50px 5px 0;
  }
  .acd-label span.title_reason span.item_num01 {
    background: url(../img/icon_num01_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .acd-label span.title_reason span.item_num02 {
    background: url(../img/icon_num02_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .acd-label span.title_reason span.item_num03 {
    background: url(../img/icon_num03_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .acd-label span.title_reason span.item_num04 {
    background: url(../img/icon_num04_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .acd-label span.title_reason span.item_num05 {
    background: url(../img/icon_num05_p.svg) no-repeat right 5px center;
    background-size: 40px 40px;
  }
  .acd-check:checked + .acd-label + .acd-content {
    padding: 20px;
  }
}
/*パンくず*/
.breadcrumb {
  margin: 0 10px 10px 10px;
  padding: 15px 0 5px 0;
  border-bottom: 0;
  -webkit-overflow-scrolling: touch; /* スマホでスクロールを滑らかにする */
  overflow-x: auto; /* [必須] テキストが多い時はX軸にスクロールバーが出現するように */
}
.breadcrumb ul {
  display: table; /* [必須]  */
}
.breadcrumb ul li {
  font-size: 1.2rem;
  display: table-cell; /* [必須]  */
  white-space: nowrap; /* [必須] テキストを改行させないように */
  vertical-align: middle;
  padding-right: 26px;
  position: relative;
  line-height: 140%;
}
.breadcrumb ul li a {
  color: #04a500;
}
.breadcrumb ul li a:before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #111;
  bottom: -7px;
}
.breadcrumb ul li span {
  background-color: #eee;
  border-radius: 4px;
  padding: 6px 8px;
}
.breadcrumb ul li:last-child {
  padding-right: 0;
}
.breadcrumb ul li:last-child:after {
  display: none;
}
.breadcrumb ul li:after {
  position: absolute;
  display: block;
  content: "";
  content: ">";
  top: -1px;
  right: 8px;
}
.breadcrumb ol li a, .breadcrumb ol li span {
  position: relative;
  display: block;
  top: -4px;
}

.breadcrumb::-webkit-scrollbar {
  height: 5px;
}

.breadcrumb::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}

.breadcrumb::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #999;
}

/* スクロール設定解除 */
.breadcrumb.no-scroll ul {
  display: block;
}
.breadcrumb.no-scroll ul li {
  display: inline-block;
  margin-bottom: 12px;
  white-space: normal;
}
.breadcrumb.no-scroll ul li:after {
  top: -4px;
}

@media print, screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .breadcrumb {
    margin: 0;
  }
  .breadcrumb ul li a:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .breadcrumb ul li a:hover:before {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
/* ページネィション */
ul.unit_pagination {
  display: table;
  width: 100%;
}
ul.unit_pagination li {
  display: table-cell;
  vertical-align: middle;
}
ul.unit_pagination li.item_back, ul.unit_pagination li.item_next {
  width: 30px;
}
ul.unit_pagination li.item_pagination {
  width: calc(100% - 60px);
  padding: 0 10px;
}
ul.unit_pagination li.item_pagination ul {
  display: block;
  width: 100%;
  margin: 0 2%;
}
ul.unit_pagination li.item_pagination ul li {
  display: block;
  float: left;
  width: 19%;
  padding: 5px 1% 0 0;
}
ul.unit_pagination li.item_pagination ul li a, ul.unit_pagination li.item_pagination ul li span.item_omitted {
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
ul.unit_pagination li.item_pagination ul li a {
  border: solid 1px #04a500;
  border-radius: 5px;
  font-weight: bold;
  color: #04a500;
}
ul.unit_pagination li.item_pagination ul li span.item_omitted {
  border: solid 1px #ffffff;
}
ul.unit_pagination li.item_pagination ul li a.link_off {
  background-color: #fc578e;
  border-color: #fc578e;
  color: #ffffff;
}
ul.unit_pagination li.item_pagination ul li:nth-child(5n) {
  padding-right: 0;
}
ul.unit_pagination li.item_pagination ul li:nth-child(1), ul.unit_pagination li.item_pagination ul li:nth-child(2), ul.unit_pagination li.item_pagination ul li:nth-child(3), ul.unit_pagination li.item_pagination ul li:nth-child(4), ul.unit_pagination li.item_pagination ul li:nth-child(5) {
  padding-top: 0;
}

/*END ul.unit_pagination */
ul.unit_pagination + div.wrap_bottom-navi {
  margin-top: 40px;
}

@media print, screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  ul.unit_pagination li.item_pagination {
    width: 760px;
    padding: 0 20px;
  }
  ul.unit_pagination li.item_pagination ul {
    display: block;
    width: 100%;
  }
  ul.unit_pagination li.item_pagination ul li {
    width: 144px;
    padding-right: 10px;
  }
  ul.unit_pagination li.item_pagination ul li:nth-child(5) {
    padding-top: 0;
  }
  ul.unit_pagination li.item_pagination ul li:nth-child(5n) {
    padding-right: 0;
  }
  ul.unit_pagination li.item_pagination ul li:nth-child(4n) {
    padding-right: 10px;
  }
}
/* 縦リンク */
.item_vertical-link {
  padding: 20px 0 0 0;
  margin: -20px 0 0 0;
}

/* チェッカー */
a.item_checker_sp {
  display: block;
}

a.item_checker_pad {
  display: none;
}

a.item_checker_pc {
  display: none;
}

@media print, screen and (min-width: 750px) {
  /*　画面サイズ 700px以上から適用　*/
  a.item_checker_sp {
    display: none;
  }
  a.item_checker_pad {
    display: block;
  }
}
@media print, screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  a.item_checker_sp {
    display: none;
  }
  a.item_checker_pad {
    display: none;
  }
  a.item_checker_pc {
    display: block;
  }
}
/*CVセット*/
div.unit_cv {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
}
div.unit_cv strong {
  display: block;
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 1.8rem;
  color: #000000;
}
div.unit_cv a.btn_freedial, div.unit_cv a.btn_form, div.unit_cv a.btn_estimate, div.unit_cv a.btn_consultation {
  display: inline-block;
  width: 100%;
  padding: 13px 10px 13px 70px;
  border-radius: 10px;
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
}
div.unit_cv a.btn_freedial {
  background: url(../img/icon_freedial_g.svg) no-repeat left 20px center;
  background-size: 50px auto;
  border: solid 1px #cccccc;
  color: #04a500;
}
div.unit_cv a.btn_freedial span.item_message {
  display: block;
  margin-top: -3px;
  font-size: 1.3rem;
  color: #333333;
}
div.unit_cv a.btn_freedial span.item_phone {
  font-size: 2.8rem;
  font-weight: bold;
  color: #04a500;
}
div.unit_cv a.btn_form {
  background: #04a500 url(../img/icon_mail_w.svg) no-repeat left 20px center;
  background-size: 50px auto;
  border: solid 1px #04a500;
  color: #ffffff;
}
div.unit_cv a.btn_form span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
}
div.unit_cv a.btn_estimate {
  margin-top: 15px;
  background: #04a500 url(../img/icon_estimate.svg) no-repeat left 25px center;
  background-size: 45px auto;
  border: solid 1px #04a500;
  color: #ffffff;
}
div.unit_cv a.btn_estimate span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
}
div.unit_cv a.btn_consultation {
  background: #3366cc url(/img/icon_calendar_w.svg) no-repeat left 20px center;
  background-size: 50px auto;
  border: solid 1px #cccccc;
  color: #ffffff;
}
div.unit_cv a.btn_consultation span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #ffffff;
}
div.unit_cv a + a {
  margin: 10px 0 0 0;
}

div.unit_cv + h2, div.unit_cv + h3, div.unit_cv + ul {
  margin-top: 40px;
}

@media print, screen and (min-width: 1000px) {
  div.unit_cv strong {
    font-size: 2.4rem;
  }
  div.unit_cv a.btn_freedial, div.unit_cv a.btn_form, div.unit_cv a.btn_estimate, div.unit_cv a.btn_consultation {
    display: block;
    width: 49%;
    padding: 10px 10px 10px 90px;
    background-size: 80px auto;
    text-align: center;
  }
  div.unit_cv a.btn_freedial {
    pointer-events: none;
    float: left;
    background-image: url(../img/icon_freedial.svg);
  }
  div.unit_cv a.btn_freedial span.item_message {
    font-size: 1.4rem;
  }
  div.unit_cv a.btn_freedial span.item_phone {
    font-size: 3.2rem;
    color: #fc578e;
  }
  div.unit_cv a.btn_form {
    float: right;
    font-size: 2.8rem;
  }
  div.unit_cv a.btn_form span {
    font-size: 1.4rem;
  }
  div.unit_cv a.btn_estimate {
    margin-top: 0;
    background-size: 50px auto;
    float: right;
    font-size: 2.8rem;
  }
  div.unit_cv a.btn_estimate span {
    font-size: 1.4rem;
  }
  div.unit_cv a.btn_consultation {
    float: right;
    background-size: 60px auto;
    font-size: 2.8rem;
  }
  div.unit_cv a.btn_consultation span {
    font-size: 1.4rem;
  }
  div.unit_cv a + a {
    margin: 0;
  }
}
@media screen and (max-width: 320px) {
  /*　画面サイズ 320pxまで適用　*/
  div.unit_cv strong {
    font-size: 1.6rem;
  }
  div.unit_cv a.btn_freedial span, div.unit_cv a.btn_form span {
    font-size: 1rem;
  }
  div.unit_cv a.btn_freedial {
    font-size: 2.6rem;
  }
  div.unit_cv a.btn_form, div.unit_cv a.btn_consultation {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  div.unit_cv strong {
    line-height: 170%;
  }
}
/* ----------------------------------------------------------
05:コンテンツ
-----------------------------------------------------------*/
/* 構造 */
section, aside {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
section section, section aside, aside section, aside aside {
  width: 100%;
  margin-top: 30px;
  margin-left: 0;
  margin-right: 0;
}

section + section, section + aside, aside + section {
  margin-top: 40px;
}

aside.wrap_sub-men {
  width: 100%;
  margin: 40px 0 0 0;
  /*div.unit_sub-menu END*/
  /*ul.unit_bnr-set END*/
}
aside.wrap_sub-men div.unit_sub-menu {
  width: calc(100% - 20px);
  margin: 0 10px;
  border: solid 1px #cccccc;
}
aside.wrap_sub-men div.unit_sub-menu p {
  width: calc(100% - 2px);
  margin: 1px 1px 10px 1px;
  padding: 20px 0;
  background-color: #fc578e;
  text-align: center;
  font-size: 2.4rem;
  font-weight: normal;
  color: #ffffff;
}
aside.wrap_sub-men div.unit_sub-menu ul {
  width: calc(100% - 20px);
  margin: 10px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul {
  clear: both;
  overflow: hidden;
  margin: 10px 0 0 40px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li {
  float: left;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a {
  display: block;
  padding: 7px 0 7px 40px;
  line-height: 100%;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_price {
  background: url(../img/icon_price.svg) left center no-repeat;
  background-size: auto 30px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_case {
  background: url(../img/icon_case.svg) left center no-repeat;
  background-size: auto 30px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_voice {
  background: url(../img/icon_voice.svg) left center no-repeat;
  background-size: auto 30px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_check_h, aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_check_w {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 140%;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_check_h {
  background: url(../img/icon_man.svg) left center no-repeat;
  background-size: auto 40px;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li a.btn_check_w {
  background: url(../img/icon_woman.svg) left center no-repeat;
  background-size: auto 40px;
  line-height: 140%;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li + li {
  border-top: none;
  margin: 0 0 0 30px;
  padding: 0 0 0 0;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul li + li + li {
  margin: 20px 0 0 0;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu {
  width: calc(100% - 40px);
  margin-top: 20px;
  padding-top: 15px;
  border-top: dotted 1px #cccccc;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu li {
  float: none;
}
aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu li + li {
  margin: 20px 0 0 0;
}
aside.wrap_sub-men div.unit_sub-menu ul li + li {
  border-top: dotted 1px #cccccc;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
aside.wrap_sub-men ul.unit_bnr-set {
  width: calc(100% - 20px);
  margin: 20px 10px 0 10px;
}
aside.wrap_sub-men ul.unit_bnr-set li {
  margin: 0 0 10px 0;
  text-align: center;
}
aside.wrap_sub-men ul.unit_bnr-set li:last-child {
  margin-bottom: 0;
}
aside.wrap_sub-men ul.unit_bnr-set li.item_facebook {
  overflow: hidden;
}

nav.unit_bottom-navi {
  width: calc(100% - 20px);
  margin: 40px 10px 0 10px;
  border-bottom: none;
}
nav.unit_bottom-navi ul.unit_2column {
  margin: 0 0 20px 0;
}
nav.unit_bottom-navi div.wrap_bottom-navi {
  position: relative;
  width: 100%;
  border-bottom: solid 1px #333333;
}
nav.unit_bottom-navi div.wrap_bottom-navi p.item_historyback {
  display: inline-block;
  width: calc(100% - 60px);
  margin: 0;
  text-align: center;
}
nav.unit_bottom-navi div.wrap_bottom-navi p.item_historyback a.btn_historyback {
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 5px 0 5px 40px;
  background: url(../img/icon_circle-delta_left_b.svg) no-repeat left center;
  background-size: 30px auto;
  text-align: center;
  font-size: 2rem;
  color: #333333;
}
nav.unit_bottom-navi div.wrap_bottom-navi a.btn_pagetop {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  height: 35px;
  margin: 0;
  padding: 0;
  background-color: #333333;
  border: solid 1px #333333;
  border-radius: 10px 10px 0 0;
}
nav.unit_bottom-navi div.wrap_bottom-navi a.btn_pagetop img {
  width: 30%;
}
nav.unit_bottom-navi div.wrap_acd-label + div.wrap_bottom-navi {
  margin-top: 40px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  main {
    float: left;
    width: 840px;
    margin-left: calc((100% - 1100px) / 2);
    padding-bottom: 40px;
  }
  aside.wrap_sub-men {
    float: right;
    width: 220px;
    margin-right: calc((100% - 1100px) / 2);
    padding: 0 0 40px 0;
  }
  aside.wrap_sub-men div.unit_sub-menu {
    width: 220px;
    margin-left: 0;
    margin-right: 0;
  }
  aside.wrap_sub-men div.unit_sub-menu p {
    font-size: 1.6rem;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li a.link_basic {
    padding-left: 25px;
    background-size: 20px 20px;
    font-size: 1.6rem;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li a.btn_check_h, aside.wrap_sub-men div.unit_sub-menu ul li a.btn_check_w {
    padding-top: 0;
    padding-bottom: 0;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul {
    margin-top: 0;
    margin-left: 20px;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul li {
    float: none;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul li + li, aside.wrap_sub-men div.unit_sub-menu ul li ul li + li + li, aside.wrap_sub-men div.unit_sub-menu ul li ul li + li + li + li {
    margin-left: 0;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul li + li, aside.wrap_sub-men div.unit_sub-menu ul li ul li + li + li, aside.wrap_sub-men div.unit_sub-menu ul li ul li + li + li + li {
    margin-top: 10px;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu {
    margin-top: 10px;
    padding-top: 0;
    border-top: 0;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu li a {
    padding-top: 0;
    padding-bottom: 0;
  }
  aside.wrap_sub-men div.unit_sub-menu ul li ul.unit_checker-menu li + li {
    margin-top: 10px;
  }
  aside.wrap_sub-men ul.unit_bnr-set {
    width: 220px;
    margin-left: 0;
    margin-right: 0;
  }
  aside.wrap_sub-men ul.unit_bnr-set li {
    width: 220px;
  }
  section, aside {
    overflow: hidden;
    width: 840px;
    margin: 0;
  }
  section {
    clear: both;
  }
  section + section, section + aside, aside + section {
    margin-top: 80px;
  }
  nav.unit_bottom-navi {
    width: 840px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  nav.unit_bottom-navi div.wrap_bottom-navi p.item_historyback {
    width: 840px;
  }
}
/* カラム */
ul.flexbox {
  display: -webkit-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.unit_1column {
  width: 100%;
}
ul.unit_1column li + li {
  margin: 20px 0 0 0;
}

ul.unit_2column, ul.unit_column_2to3, ul.unit_column_2to4 {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 20px 0 0 0;
}
ul.unit_2column li, ul.unit_column_2to3 li, ul.unit_column_2to4 li {
  display: block;
  width: 48%;
  margin: 20px 0 0 0;
}
ul.unit_2column li:nth-child(odd), ul.unit_column_2to3 li:nth-child(odd), ul.unit_column_2to4 li:nth-child(odd) {
  float: left;
  margin-right: 2%;
}
ul.unit_2column li:nth-child(even), ul.unit_column_2to3 li:nth-child(even), ul.unit_column_2to4 li:nth-child(even) {
  float: right;
  margin-left: 2%;
}
ul.unit_2column li:nth-child(1), ul.unit_2column li:nth-child(2), ul.unit_column_2to3 li:nth-child(1), ul.unit_column_2to3 li:nth-child(2), ul.unit_column_2to4 li:nth-child(1), ul.unit_column_2to4 li:nth-child(2) {
  margin-top: 0;
}

ul.unit_btn-set_1to2 li, ul.unit_btn-set_1to3 li,
ul.unit_column_1to2 li, ul.unit_column_1to3 li, ul.unit_column_1to4 li {
  width: 100%;
}
ul.unit_btn-set_1to2 li + li, ul.unit_btn-set_1to3 li + li,
ul.unit_column_1to2 li + li, ul.unit_column_1to3 li + li, ul.unit_column_1to4 li + li {
  margin-top: 20px;
}
ul.unit_btn-set_1to2 li:last-child, ul.unit_btn-set_1to3 li:last-child,
ul.unit_column_1to2 li:last-child, ul.unit_column_1to3 li:last-child, ul.unit_column_1to4 li:last-child {
  margin-bottom: 0;
}

p + ul.unit_btn-set_1to3 {
  margin-top: 20px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  ul.unit_btn-set_1to2, ul.unit_column_1to2 {
    clear: both;
    overflow: hidden;
  }
  ul.unit_btn-set_1to2 li, ul.unit_column_1to2 li {
    width: 49%;
  }
  ul.unit_btn-set_1to2 li:nth-child(odd), ul.unit_column_1to2 li:nth-child(odd) {
    float: left;
    margin-right: 1%;
  }
  ul.unit_btn-set_1to2 li:nth-child(even), ul.unit_column_1to2 li:nth-child(even) {
    float: right;
    margin-left: 1%;
  }
  ul.unit_btn-set_1to2 li:nth-child(1), ul.unit_btn-set_1to2 li:nth-child(2), ul.unit_column_1to2 li:nth-child(1), ul.unit_column_1to2 li:nth-child(2) {
    margin-top: 0;
  }
  ul.unit_btn-set_1to3, ul.unit_column_1to3, ul.unit_column_2to3 {
    clear: both;
    overflow: hidden;
  }
  ul.unit_btn-set_1to3 li, ul.unit_column_1to3 li, ul.unit_column_2to3 li {
    float: left;
    width: 30%;
    margin: 20px 5% 0 0;
    text-align: left;
  }
  ul.unit_btn-set_1to3 li:nth-child(1), ul.unit_btn-set_1to3 li:nth-child(2), ul.unit_btn-set_1to3 li:nth-child(3), ul.unit_column_1to3 li:nth-child(1), ul.unit_column_1to3 li:nth-child(2), ul.unit_column_1to3 li:nth-child(3), ul.unit_column_2to3 li:nth-child(1), ul.unit_column_2to3 li:nth-child(2), ul.unit_column_2to3 li:nth-child(3) {
    margin-top: 0;
  }
  ul.unit_btn-set_1to3 li:nth-child(3n), ul.unit_column_1to3 li:nth-child(3n), ul.unit_column_2to3 li:nth-child(3n) {
    margin-right: 0;
  }
  ul.unit_column_2to3 li {
    margin-right: 5%;
  }
  ul.unit_column_2to3 li:nth-child(even) {
    margin-left: 0;
  }
  ul.unit_column_2to3 li:nth-child(odd) {
    margin-right: 5%;
  }
  ul.unit_column_2to3 li:nth-child(3n) {
    margin-right: 0;
  }
  ul.unit_column_1to4, ul.unit_column_2to4 {
    clear: both;
    overflow: hidden;
  }
  ul.unit_column_1to4 li, ul.unit_column_2to4 li {
    float: left;
    width: 24%;
    margin: 20px 1% 0 0;
  }
  ul.unit_column_1to4 li:nth-child(even), ul.unit_column_2to4 li:nth-child(even) {
    float: left;
    margin-left: 0;
    margin-right: 1%;
  }
  ul.unit_column_1to4 li:nth-child(odd), ul.unit_column_2to4 li:nth-child(odd) {
    margin-left: 0;
    margin-right: 1%;
  }
  ul.unit_column_1to4 li:nth-child(4n), ul.unit_column_2to4 li:nth-child(4n) {
    margin-right: 0;
  }
  ul.unit_column_1to4 li:nth-child(1), ul.unit_column_1to4 li:nth-child(2), ul.unit_column_1to4 li:nth-child(3), ul.unit_column_1to4 li:nth-child(4), ul.unit_column_2to4 li:nth-child(1), ul.unit_column_2to4 li:nth-child(2), ul.unit_column_2to4 li:nth-child(3), ul.unit_column_2to4 li:nth-child(4) {
    margin-top: 0;
  }
}
span.item_column_txt {
  display: block;
  margin: 10px 0 0 0;
}

/* 見出し */
h1.item_page-title {
  width: calc(100% - 20px);
  margin: 20px 10px 20px 10px;
  padding: 0 0 20px 0;
  border-bottom: solid 1px #cccccc;
  text-align: center;
  letter-spacing: 2px;
  line-height: 140%;
  font-size: 2.6rem;
}
h1.item_page-title span {
  display: inline-block;
  margin-top: 10px;
  line-height: 170%;
  font-size: 1.4rem;
  font-weight: normal;
  color: #666666;
}

h2.item_section-title {
  border-left: solid 10px #fc578e;
  margin: 0 0 20px 0;
  padding: 10px 0 10px 10px;
  font-size: 2.2rem;
}
h2.item_section-title span.item_catchphrase {
  display: block;
  margin-bottom: 10px;
  line-height: 100%;
  font-size: 1.4rem;
  color: #666666;
}

h3.item_section-title {
  border-left: dotted 5px #fc578e;
  margin: 0 0 20px 0;
  padding: 0 0 0 10px;
  font-size: 2rem;
  font-weight: normal;
}

h4.item_section-title {
  border-left: dotted 5px #a1a1a1;
  margin: 40px 0 20px 0;
  padding: 0 0 0 10px;
  font-size: 1.8rem;
  font-weight: normal;
}

.item_list-title {
  border-top: solid 2px #fc578e;
  padding: 20px 0 0 0;
  font-size: 2rem;
  text-align: center;
}

p + .item_list-title {
  margin-top: 40px;
}

@media screen and (max-width: 320px) {
  /*　画面サイズ 320pxまで適用　*/
  h1.item_page-title {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  h1.item_page-title {
    width: 100%;
    margin: 40px 0 20px 0;
    font-size: 3rem;
  }
}
/*文字*/
strong {
  color: #fc578e;
}

p + p {
  margin-top: 10px;
}

.item_align-center {
  width: 100%;
  text-align: center;
}

.list_note, .item_note {
  display: inline-block;
  margin-left: 1em;
  text-indent: -1em;
}

.item_tax {
  font-size: 1.2rem;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
}
/*リスト*/
ol.list_number {
  list-style-type: decimal;
  margin: 10px 0;
}
ol.list_number li {
  margin: 0 0 0 20px;
}
ol.list_number li + li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #cccccc;
}

ul.list_bullets {
  list-style-type: disc;
  margin: 20px 0;
}
ul.list_bullets li {
  margin-left: 20px;
}
ul.list_bullets li + li {
  margin-top: 20px;
}

/*地図*/
div.wrap_gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
div.wrap_gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*表組*/
table.unit_price-data {
  width: 100%;
  margin: 0 0 20px 0;
  table-layout: fixed;
}
table.unit_price-data tr th, table.unit_price-data tr td {
  padding: 3px;
  border: solid 1px #cccccc;
  font-size: 1rem;
}
table.unit_price-data tr th {
  background-color: #f3f3f3;
  white-space: nowrap;
  color: #fc578e;
  text-align: center;
  line-height: 120%;
}
table.unit_price-data tr th.item_hal {
  border-top: solid 2px #fc578e;
  border-left: solid 2px #fc578e;
  border-right: solid 2px #fc578e;
}
table.unit_price-data tr td {
  line-height: 140%;
}
table.unit_price-data tr td span.item_tax {
  font-size: 1rem;
}
table.unit_price-data tr td.item_hal {
  border-left: solid 2px #fc578e;
  border-right: solid 2px #fc578e;
}
table.unit_price-data tr:last-child td.item_hal {
  border-bottom: solid 2px #fc578e;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  table.unit_price-data tr th, table.unit_price-data tr td {
    padding: 10px;
    font-size: 1.8rem;
  }
}
/*画像*/
img.item_image {
  margin: 0 0 20px 0;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  img.item_image {
    float: right;
    width: 400px;
    margin: 0 0 20px 20px;
  }
}
/*動画*/
.wrap_movie {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.wrap_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*よくある質問*/
section.unit_faq {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 10px;
  background-color: #fff0f4;
  /*ul.unit_faq-list END*/
}
section.unit_faq h2 {
  margin: 0 0 20px 0;
  font-size: 2.2rem;
  color: #fc578e;
  text-align: center;
}
section.unit_faq ul.unit_faq-list li.item_faq-list {
  display: block;
  margin: 0 0 20px 0;
  padding: 20px;
  background-color: #ffffff;
  /*dl.unit_q, dl.unit_a END*/
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a {
  display: table;
  width: 100%;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dt, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dd, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dt, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dd {
  display: table-cell;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dt, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dt {
  width: 50px;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dt span, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dt span {
  display: table-cell;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dd, section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dd {
  width: calc(100% - 50px);
  padding: 0 0 0 20px;
  vertical-align: middle;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dt span {
  background-color: #fc578e;
  color: #ffffff;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_q dd {
  font-weight: bold;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: dotted 1px #cccccc;
}
section.unit_faq ul.unit_faq-list li.item_faq-list dl.unit_a dt span {
  background-color: #f3f3f3;
}
section.unit_faq ul.unit_faq-list li:last-child {
  margin-bottom: 0;
}

/*section.unit_faq END*/
/*コラム*/
ul.unit_column-list li div.item_sumnail, ul.unit_column-list li p.item_sumnail {
  position: relative;
}
ul.unit_column-list li div.item_sumnail span.label_category01, ul.unit_column-list li div.item_sumnail span.label_category02, ul.unit_column-list li div.item_sumnail span.label_category03, ul.unit_column-list li div.item_sumnail span.label_category04,
ul.unit_column-list li div.item_sumnail span.label_category05, ul.unit_column-list li p.item_sumnail span.label_category01, ul.unit_column-list li p.item_sumnail span.label_category02, ul.unit_column-list li p.item_sumnail span.label_category03, ul.unit_column-list li p.item_sumnail span.label_category04,
ul.unit_column-list li p.item_sumnail span.label_category05 {
  position: absolute;
  top: 5px;
  left: 5px;
}
ul.unit_column-list li div.item_sumnail span.item_data, ul.unit_column-list li p.item_caption span.item_data {
  display: inline-block;
  font-size: 1.2rem;
}

/*ul.unit_column-list END*/
span.label_category01, span.label_category02, span.label_category03, span.label_category04,
span.label_category05 {
  display: inline-block;
  padding: 5px 10px;
  line-height: 100%;
  font-size: 1.2rem;
  color: #ffffff;
}

span.label_category01 {
  background-color: #990000;
}

span.label_category02 {
  background-color: #0066cc;
}

span.label_category03 {
  background-color: #fc578e;
}

span.label_category04 {
  background-color: #cc0066;
}

span.label_category05 {
  background-color: #333333;
}

span.item_citation {
  display: inline-block;
  width: 100%;
  padding: 10px;
  background-color: #efefef;
  font-style: italic;
}

/*エラー*/
main.error h3 {
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 170%;
  font-size: 1.8rem;
  color: #fc578e;
}
main.error p {
  text-align: center;
}

/*main.error END*/
@media screen and (min-width: 1000px) {
  main.error h3 {
    margin: 0 0 20px 0;
    font-size: 2.4rem;
  }
  /*main.error END*/
}
/*クレジットカード・スマホ決済*/
ul.item_payment li p.logo_paypay {
  padding: 0 40px;
}
ul.item_payment li + li {
  margin: 20px 0 0 0;
  padding: 0 20px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  ul.item_payment {
    display: table;
  }
  ul.item_payment li {
    display: table-cell;
    width: 540px;
    vertical-align: top;
  }
  ul.item_payment li + li {
    width: 300px;
    padding: 0 0 0 10px;
  }
}
/*マンガバナーセット*/
aside.unit_bnr-set {
  margin-bottom: 40px;
}

dl.unit_manga-bnr_set {
  background-color: #ffffff;
  border: solid 1px #cccccc;
  margin: 20px 0 0 0;
  padding: 20px;
}
dl.unit_manga-bnr_set dt {
  margin: 0 0 10px 0;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  aside.unit_bnr-set {
    padding: 0;
  }
  dl.unit_manga-bnr_set {
    display: table;
  }
  dl.unit_manga-bnr_set dt, dl.unit_manga-bnr_set dd {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }
  dl.unit_manga-bnr_set dd {
    padding: 0 0 0 20px;
  }
}
/*調査事例リスト*/
ul.item_case-list li {
  clear: both;
  overflow: hidden;
  background-color: transparent;
  margin-top: 20px;
  padding: 0;
}
ul.item_case-list li a {
  color: #333333;
}
ul.item_case-list li a img {
  float: left;
  width: 30%;
}
ul.item_case-list li a span.item_label, ul.item_case-list li a p.item_expense, ul.item_case-list li a p.item_outline_r {
  display: block;
  float: right;
  width: 65%;
}
ul.item_case-list li a span.item_label {
  margin-bottom: 10px;
  padding: 5px;
  background-color: #fcdd8b;
  text-align: center;
  line-height: 100%;
  font-weight: bold;
}
ul.item_case-list li a p.item_expense {
  margin-bottom: 10px;
}
ul.item_case-list li a p.item_expense span.item_price {
  font-size: 2.8rem;
  font-weight: bold;
}
ul.item_case-list li a p.item_outline {
  clear: both;
  width: 100%;
  padding-top: 10px;
}

ul.item_case-list + a, ul.item_case-list + ul {
  margin-top: 20px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  ul.item_case-list {
    clear: both;
    overflow: hidden;
    margin-top: 20px;
  }
  ul.item_case-list li a img {
    float: none;
    width: 100%;
    margin: 0 0 5px 0;
  }
  ul.item_case-list li a span.item_label, ul.item_case-list li a p.item_expense {
    float: none;
    width: 100%;
  }
  ul.item_case-list li a p.item_expense {
    line-height: 180%;
    font-size: 1.2rem;
  }
  ul.item_case-list li a p.item_outline {
    padding-top: 0;
    font-size: 1.6rem;
  }
  /*ul.item_case-list END*/
}
/*調査事例詳細*/
main section.wrap_case-detail {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
  background-color: #fff0f4;
  /*ul.unit_case-detail END*/
}
main section.wrap_case-detail h2.item_case-title {
  padding-top: 10px;
  text-align: center;
  font-size: 2.2rem;
}
main section.wrap_case-detail div.tab_case-detail {
  clear: both;
  overflow: hidden;
  background-color: #ffffff;
  padding: 0 10px;
}
main section.wrap_case-detail div.tab_case-detail a {
  display: block;
  float: left;
  width: 48%;
  padding: 10px 0;
  background-color: #04a500;
  border-radius: 5px 5px 0 0;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}
main section.wrap_case-detail div.tab_case-detail a + a {
  margin-left: 4%;
}
main section.wrap_case-detail div.tab_case-detail a.btn_off {
  opacity: 1;
  background-color: #fff0f4;
  color: #fc578e;
}
main section.wrap_case-detail ul.unit_case-detail {
  margin: 10px;
  width: calc(100% - 20px);
}
main section.wrap_case-detail ul.unit_case-detail li {
  padding: 20px;
  background-color: #ffffff;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail {
  display: table;
  width: 100%;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dt, main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd {
  display: table-cell;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dt {
  width: 30%;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd {
  width: 70%;
  padding-left: 10px;
  vertical-align: top;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd span.item_label {
  float: left;
  display: block;
  width: 48%;
  padding: 5px;
  background-color: #fcdd8b;
  text-align: center;
  line-height: 100%;
  font-weight: bold;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd span.item_label + span.item_label {
  margin-left: 4%;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd p.item_expense {
  clear: both;
  padding-top: 10px;
  font-size: 1.2rem;
}
main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd p.item_expense span {
  font-size: 2.8rem;
  font-weight: bold;
}
main section.wrap_case-detail ul.unit_case-detail li h2.item_section-title, main section.wrap_case-detail ul.unit_case-detail li h3.item_section-title {
  margin-top: 20px;
}
main section.wrap_case-detail ul.unit_case-detail li h2.item_section-title {
  margin-bottom: 10px;
}
main section.wrap_case-detail ul.unit_case-detail li + li {
  margin-top: 20px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  main section.wrap_case-detail h2.item_case-title {
    padding-top: 20px;
  }
  main section.wrap_case-detail div.tab_case-detail {
    padding: 0 20px;
  }
  main section.wrap_case-detail ul.unit_case-detail {
    margin: 20px;
    width: 800px;
  }
  main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dt {
    width: 100px;
  }
  main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd {
    width: 700px;
  }
  main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd span.item_label {
    font-size: 1.8rem;
  }
  main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd p.item_expense {
    padding-top: 30px;
    font-size: 1.6rem;
  }
  main section.wrap_case-detail ul.unit_case-detail li dl.item_case-detail dd p.item_expense span {
    display: inline-block;
    margin-right: 10px;
    font-size: 5rem;
  }
  /*main#case-detail END*/
}
/*調査費用に含まれるもの*/
main div.unit_expenses {
  margin-top: 20px;
  padding: 10px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
main div.unit_expenses h3 {
  text-align: center;
  font-size: 1.8rem;
}
main div.unit_expenses ul.unit_column_2to4 li {
  padding: 5px 0 5px 40px;
  line-height: 120%;
}
main div.unit_expenses ul.unit_column_2to4 li span {
  font-size: 1.2rem;
  color: #666666;
}
main div.unit_expenses ul.unit_column_2to4 li:nth-child(1) {
  background: url(../img/icon_clock_b.svg) no-repeat left center;
  background-size: 30px 30px;
}
main div.unit_expenses ul.unit_column_2to4 li:nth-child(2) {
  background: url(../img/icon_detective_b.svg) no-repeat left center;
  background-size: 30px 30px;
}
main div.unit_expenses ul.unit_column_2to4 li:nth-child(3) {
  background: url(../img/icon_camera_b.svg) no-repeat left center;
  background-size: 30px 30px;
}
main div.unit_expenses ul.unit_column_2to4 li:nth-child(4) {
  background: url(../img/icon_dvd_b.svg) no-repeat left center;
  background-size: 30px 30px;
}
main div.unit_expenses ul.unit_column_2to4 li:nth-child(5) {
  background: url(../img/icon_magnifying_b.svg) no-repeat left center;
  background-size: 30px 30px;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  main div.unit_expenses {
    clear: both;
  }
}
/* 選ばれる5つの理由 */
main {
  /*section.unit_reason END*/
}
main section.unit_reason {
  width: 100%;
  margin: 40px 0 30px 0;
  padding: 20px 10px;
  background-color: #fc578e;
  /*div.item_reason1 END*/
  /*div.item_reason3 END*/
  /*div.item_reason4 END*/
}
main section.unit_reason h2 {
  width: 100%;
  margin: 0 0 10px 0;
  font-size: 2.2rem;
  color: #ffffff;
  text-align: center;
}
main section.unit_reason img.btn_net-diagnosis {
  margin: 30px 0 0 0;
}
main section.unit_reason input#acd-check1 + label.acd-label,
main section.unit_reason input#acd-check2 + label.acd-label {
  position: relative;
  padding-bottom: 40px;
}
main section.unit_reason input#acd-check1 + label.acd-label img.home_ribbon-plan,
main section.unit_reason input#acd-check2 + label.acd-label img.home_ribbon-plan {
  position: absolute;
  left: -8px;
  bottom: 0px;
  width: 75%;
}
main section.unit_reason label.acd-label span.title_reason {
  font-size: 1.6rem;
}
main section.unit_reason div.item_reason1, main section.unit_reason div.item_reason2, main section.unit_reason div.item_reason3, main section.unit_reason div.item_reason4 {
  margin-bottom: 10px;
}
main section.unit_reason label.title_reason01, main section.unit_reason label.title_reason02 {
  height: 77px;
}
main section.unit_reason label.title_reason03, main section.unit_reason label.title_reason04, main section.unit_reason label.title_reason05 {
  height: 52px;
}
main section.unit_reason div.item_reason1 div.unit_free-cp, main section.unit_reason div.item_reason2 div.unit_free-cp {
  margin-top: 20px;
}
main section.unit_reason div.item_reason1 ol.unit_point, main section.unit_reason div.item_reason3 ol.unit_point {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 10px;
  border: solid 1px #cccccc;
  background: url(../img/bg_point.jpg) no-repeat left bottom;
  background-size: auto 100%;
}
main section.unit_reason div.item_reason1 ol.unit_point li, main section.unit_reason div.item_reason3 ol.unit_point li {
  margin: 0 0 0 35%;
  padding: 0 0 0 30px;
  line-height: 140%;
}
main section.unit_reason div.item_reason1 ol.unit_point li + li, main section.unit_reason div.item_reason3 ol.unit_point li + li {
  margin-top: 10px;
}
main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(1) {
  background: url(../img/icon_num01_p.svg) no-repeat left top;
  background-size: 20px 20px;
}
main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(2) {
  background: url(../img/icon_num02_p.svg) no-repeat left top;
  background-size: 20px 20px;
}
main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(3), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(3) {
  background: url(../img/icon_num03_p.svg) no-repeat left top;
  background-size: 20px 20px;
}
main section.unit_reason div.item_reason1 img.item_graph-price {
  width: 80%;
  margin: 20px 10%;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li {
  padding: 10px 10px 10px 50px;
  font-size: 1.8rem;
  font-weight: bold;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li + li {
  margin-top: 1px;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(1) {
  background: #fcdd8a url(../img/icon_clock_b.svg) no-repeat left 10px center;
  background-size: 30px 30px;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(2) {
  background: #fcdd8a url(../img/icon_detective_b.svg) no-repeat left 10px center;
  background-size: 30px 30px;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(3) {
  background: #fcdd8a url(../img/icon_camera_b.svg) no-repeat left 10px center;
  background-size: 30px 30px;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(4) {
  background: #fcdd8a url(../img/icon_dvd_b.svg) no-repeat left 10px center;
  background-size: 30px 30px;
}
main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(5) {
  background: #fcdd8a url(../img/icon_magnifying_b.svg) no-repeat left 10px center;
  background-size: 30px 30px;
}
main section.unit_reason div.item_reason3 h3 {
  margin: 40px 0 20px 0;
}
main section.unit_reason div.item_reason3 h3.item_section-title {
  margin: 20px 0 10px 0;
}
main section.unit_reason div.item_reason3 ul.list_sample ul.list_movie li {
  margin-top: 20px;
}
main section.unit_reason div.item_reason4 ul.list_reason4 {
  width: 80%;
  margin: 20px 10% 20px 10%;
}
main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph {
  clear: both;
  overflow: hidden;
}
main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li {
  display: block;
  float: left;
  width: 32%;
  line-height: 140%;
  font-size: 1.4rem;
}
main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li img {
  margin: 0 0 10px 0;
}
main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li + li {
  margin-left: 2%;
}
main section.unit_reason div.item_reason5 h3 {
  margin: 20px 0 10px 0;
  text-align: center;
  line-height: 100%;
  font-size: 1.8rem;
}
@media screen and (min-width: 414px) {
  main {
    /*　画面サイズ 414px以上から適用　*/
  }
  main section.unit_reason label.acd-label span.title_reason {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1000px) {
  main {
    /*　画面サイズ 1000px以上から適用　*/
    /*section.unit_reason END*/
  }
  main section.unit_reason {
    width: 840px;
    margin: 80px 0 0 0;
    padding: 40px 20px;
    background-color: rgba(253, 88, 142, 0.6);
    /*div.item_reason3 END*/
    /*div.item_reason4 END*/
    /*div.item_reason5 END*/
  }
  main section.unit_reason h2 {
    margin: 0 0 30px 0;
    font-size: 4rem;
    font-weight: normal;
  }
  main section.unit_reason img.btn_net-diagnosis {
    width: 538px;
    margin-left: 241px;
  }
  main section.unit_reason input#acd-check1 + label.acd-label,
  main section.unit_reason input#acd-check2 + label.acd-label {
    padding-bottom: 20px;
  }
  main section.unit_reason label.acd-label span.title_reason {
    font-size: 2rem;
  }
  main section.unit_reason label.acd-label span.title_reason span.item_num01, main section.unit_reason label.acd-label span.title_reason span.item_num02, main section.unit_reason label.acd-label span.title_reason span.item_num03, main section.unit_reason label.acd-label span.title_reason span.item_num04, main section.unit_reason label.acd-label span.title_reason span.item_num05 {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  main section.unit_reason label.title_reason01, main section.unit_reason label.title_reason02, main section.unit_reason label.title_reason03, main section.unit_reason label.title_reason04, main section.unit_reason label.title_reason05 {
    height: 86px;
  }
  main section.unit_reason div.item_reason1, main section.unit_reason div.item_reason2, main section.unit_reason div.item_reason3, main section.unit_reason div.item_reason4, main section.unit_reason div.item_reason5 {
    clear: both;
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 210%;
  }
  main section.unit_reason div.item_reason1 ol.unit_point, main section.unit_reason div.item_reason2 ol.unit_point, main section.unit_reason div.item_reason3 ol.unit_point, main section.unit_reason div.item_reason4 ol.unit_point, main section.unit_reason div.item_reason5 ol.unit_point {
    float: left;
    width: 980px;
    margin: 20px 0 0 0;
    padding: 20px;
    background: url(../img/bg_point.jpg) no-repeat left top -5px;
    background-size: auto 140%;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li, main section.unit_reason div.item_reason2 ol.unit_point li, main section.unit_reason div.item_reason3 ol.unit_point li, main section.unit_reason div.item_reason4 ol.unit_point li, main section.unit_reason div.item_reason5 ol.unit_point li {
    float: left;
    margin-left: 90px;
    padding: 15px 0 15px 50px;
    font-size: 2rem;
    line-height: 100%;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li + li, main section.unit_reason div.item_reason2 ol.unit_point li + li, main section.unit_reason div.item_reason3 ol.unit_point li + li, main section.unit_reason div.item_reason4 ol.unit_point li + li, main section.unit_reason div.item_reason5 ol.unit_point li + li {
    margin-top: 0;
    margin-left: 20px;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason2 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason4 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason5 ol.unit_point li:nth-child(1) {
    width: auto;
    background: url(../img/icon_num01_p.svg) no-repeat left center;
    background-size: 40px 40px;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason2 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason4 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason5 ol.unit_point li:nth-child(2) {
    width: auto;
    background: url(../img/icon_num02_p.svg) no-repeat left center;
    background-size: 40px 40px;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(3), main section.unit_reason div.item_reason2 ol.unit_point li:nth-child(3), main section.unit_reason div.item_reason3 ol.unit_point li:nth-child(3), main section.unit_reason div.item_reason4 ol.unit_point li:nth-child(3), main section.unit_reason div.item_reason5 ol.unit_point li:nth-child(3) {
    width: auto;
    background: url(../img/icon_num03_p.svg) no-repeat left center;
    background-size: 40px 40px;
  }
  main section.unit_reason div.item_reason1 div.unit_free-cp, main section.unit_reason div.item_reason2 div.unit_free-cp {
    margin-top: 40px;
  }
  main section.unit_reason div.item_reason1 div.unit_free-cp img, main section.unit_reason div.item_reason2 div.unit_free-cp img {
    width: 70%;
    margin: 0 15%;
  }
  main section.unit_reason div.item_reason1 p.item_read {
    float: left;
    width: 440px;
  }
  main section.unit_reason div.item_reason1 p + p {
    margin-bottom: 40px;
  }
  main section.unit_reason div.item_reason1 img.item_graph-price {
    width: 240px;
    margin: 0 0 0 80px;
  }
  main section.unit_reason div.item_reason1 h3.item_section-title {
    clear: both;
    overflow: hidden;
  }
  main section.unit_reason div.item_reason1 ul.list_reason1 {
    clear: both;
    overflow: hidden;
  }
  main section.unit_reason div.item_reason1 ul.list_reason1 li {
    width: 379px;
    margin-top: 2px;
  }
  main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(odd) {
    float: left;
  }
  main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(even) {
    float: right;
  }
  main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(1), main section.unit_reason div.item_reason1 ul.list_reason1 li:nth-child(2) {
    margin-top: 0;
  }
  main section.unit_reason div.item_reason1 ol.unit_point {
    float: none;
    clear: both;
    overflow: hidden;
    width: 760px;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li {
    padding-left: 35px;
    font-size: 1.6rem;
  }
  main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(1), main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(2), main section.unit_reason div.item_reason1 ol.unit_point li:nth-child(3) {
    background-size: 30px 30px;
  }
  main section.unit_reason div.item_reason2 img.item_zeroen-txt {
    width: 70%;
    margin: 0 15%;
  }
  main section.unit_reason div.item_reason2 div.unit_cv a.btn_freedial {
    font-size: 3rem;
  }
  main section.unit_reason div.item_reason3 h3.item_section-title {
    margin: 40px 0 20px 0;
  }
  main section.unit_reason div.item_reason3 ul.list_sample {
    clear: both;
    overflow: hidden;
  }
  main section.unit_reason div.item_reason3 ul.list_sample li {
    float: left;
    width: 360px;
  }
  main section.unit_reason div.item_reason3 ul.list_sample li ul.list_movie li:nth-child(2), main section.unit_reason div.item_reason3 ul.list_sample li ul.list_movie li:nth-child(3) {
    display: none;
  }
  main section.unit_reason div.item_reason3 ul.list_sample li + li {
    float: right;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 {
    clear: both;
    overflow: hidden;
    width: 640px;
    margin: 40px 0 40px 60px;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 li {
    float: left;
    width: 500px;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li {
    float: none;
    width: 100px;
    text-align: center;
    line-height: 120%;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li img {
    margin: 0 0 10px 0;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 li ul.list_ph li + li {
    margin: 20px 0 0 0;
  }
  main section.unit_reason div.item_reason4 ul.list_reason4 li + li {
    float: right;
    width: 100px;
  }
  main section.unit_reason div.item_reason5 h3 {
    margin: 40px 0 20px 0;
    font-size: 2.6rem;
  }
}

/* ----------------------------------------------------------
06:外部css
-----------------------------------------------------------*/
/*lum-lightbox用に追加*/
div.lum-lightbox {
  z-index: 100000;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .lum-lightbox-inner img {
    max-width: 420px;
    max-height: 570px;
  }
}
/*select-css用に追加*/
/* class applies to select element itself, not a wrapper element */
.select-css {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: 0.6em 1.4em 0.5em 0.8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
          box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
  */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
}

/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}

/* Hover style */
.select-css:hover {
  border-color: #888;
}

/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

/* Set options to normal weight */
.select-css option {
  font-weight: normal;
}

/*モーダル追加*/
.modal {
  z-index: 1200;
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.modal__bg {
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modal__content {
  background: #fff;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 96%;
}
.modal__content h2.item_modal-title {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 1.8rem;
}

@media screen and (min-width: 1000px) {
  /*　画面サイズ 1000px以上から適用　*/
  .modal__content {
    width: 50%;
  }
}