@charset "utf-8";

/* ------------------------------
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com
Twitter:@rich_clark
------------------------------ */

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

body {
  line-height: 1;
  padding-bottom: 100px;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
ol {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}

mark {
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: bottom;
}

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

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

input,
select {
  vertical-align: middle;
}

/* ------------------------------
 共通設定
------------------------------ */
/* body */
body {
  font-family: ArialMT, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', メイリオ, sans-serif;
  color: #333;
  background-color: #e9e9e9;
  -webkit-text-size-adjust: none;
}

/* clearfix */
.cf:before,
.cf:after {
  display: table;
  content: '';
}

.cf:after {
  clear: both;
}

/* ヘッダ */
#listing {
  font-size: 15px;
  line-height: 30px;
  max-height: 100%;
  text-align: center;
  color: #272727;
  background-color: #ededed;
}

#header {
  display: block;
  height: 105px;
  padding: 0 20px 15px;
  background-color: #fff;
}

#logo {
  float: left;
  width: 240px;
  margin-top: 25px;
}

#hd_nav,
#hd_nav_out {
  float: right;
  width: 328px;
}

#hd_nav li,
#hd_nav_out li {
  width: 154px;
}

#hd_nav li a,
#hd_nav_out li a {
  display: block;
  overflow: hidden;
  height: 0;
  padding-top: 88px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-repeat: no-repeat;
}

#hd_nav li:first-child,
#hd_nav_out li:first-child {
  float: left;
}

#hd_nav li:first-child a,
#hd_nav_out li:first-child a {
  background-color: #ff6c00;
  background-image: url(../img/cmn/hd_tel.png);
  background-position: center 25px;
}

/* AdobeTarget施策 */
#hd_nav li:first-child a.btn_2 {
  background-color: #f3c819;
}

#hd_nav li:first-child a.btn_3 {
  background-color: #cf3333;
}

#hd_nav li:first-child a.btn_4 {
  background-color: #08a757;
}

#hd_nav li:first-child a.btn_5 {
  background-color: #de1c6b;
}

#hd_nav li:last-child,
#hd_nav_out li:last-child {
  float: right;
}

#hd_nav li:last-child a,
#hd_nav_out li:last-child a {
  background-color: #08a757;
  background-image: url(../img/cmn/hd_inq.png);
  background-position: center center;
}

/* AdobeTarget施策 */
#hd_nav li:last-child a.btn_2 {
  background-color: #f3c819;
}

#hd_nav li:last-child a.btn_3 {
  background-color: #cf3333;
}

#hd_nav li:last-child a.btn_4 {
  background-color: #ff6c00;
}

#hd_nav li:last-child a.btn_5 {
  background-color: #de1c6b;
}

#hd_nav li:last-child a.btn_inq2 {
  background-image: url(../img/cmn/hd_inq2.png);
}

/* クロージング */
.closing {
  padding-bottom: 20px;
  background: #fff url(../img/cmn/bg_closing.png) repeat-x;
}

.closing dl {
  position: relative;
  width: 600px;
  height: 140px;
  margin: 0 auto;
}

.closing dt,
.closing dd {
  position: absolute;
}

.closing dt {
  bottom: 0;
  left: 0;
  width: 100%;
}

.closing dd {
  top: 0;
}

.closing dd:first-child {
  left: 0;
}

.closing dd:last-child {
  right: 0;
}

/* クロージング（AT） */
.closing_at {
  padding-bottom: 40px;
  background-color: #fff;
}

.closing_at p {
  padding: 17px 0;
  background-color: #007bbc;
}

.closing_at dl {
  width: 600px;
  margin: 0 auto;
}

.closing_at dt {
  color: #333;
  line-height: 40px;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}

.closing_at dt:before,
.closing_at dt:after {
  color: #999;
  content: 'ー';
  font-weight: normal;
}

.closing_at dd:nth-child(2) {
  margin-bottom: 20px;
}

/* クロージング（TELmain） */
.closing_tel .lp_st {
  padding: 17px 0;
  background-color: #007bbc;
  text-align: center;
}

.closing_tel .line_st {
  width: 100%;
  background-color: #007bbc;
  text-align: center;
}

.closing_tel .line_st img {
  margin-top: -15px;
}

.closing_tel .inbox {
  padding: 30px 0;
  background-color: #fff;
  text-align: center;
}

.closing_tel .telbox {
  margin-bottom: 34px;
}

.closing_tel .mailbox a {
  display: inline-block;
  padding: 10px 0 10px 58px;
  background: url(https://www.biziphone.com/sp/img/cmn/ico_mail_closing.png) no-repeat left center;
  font-size: 28px;
  font-weight: bold;
  color: #0033ff;
  box-sizing: border-box;
  line-height: 1.4;
}

/* クロージング 06/09 */
.closing_inner {
  margin: 0 auto;
  padding: 10px 0 10px;
  /*background: url(https://www.biziphone.com/sp/img/common/new/bg_ar_closing.png) no-repeat center top;*/
}

.closing_box {
  width: 584px;
}

.fl_l {
  float: left;
}

.fl_r {
  float: right;
}

/* 見出し */
.tl {
  font-size: 36px;
  font-weight: bold;
  line-height: 50px;
  position: relative;
  padding: 20px 20px 30px;
  color: #333;
  background-color: #fff;
}

.tl::before,
.tl::after {
  position: absolute;
  bottom: 0;
  width: 50%;
  height: 7px;
  content: '';
}

.tl::before {
  left: 0;
  background-color: #0f80c6;
}

.tl::after {
  right: 0;
  background-color: #92bfdb;
}

/* 段落 */
.bold {
  font-weight: bold;
}

.notice {
  color: #d00;
}

.ex {
  color: #666;
}

.indent {
  margin-left: 1em;
  text-indent: -1em;
}

.fs16 {
  font-size: 16px;
  line-height: 1.5;
}

.fs18 {
  font-size: 18px;
  line-height: 1.5;
}

.fs20 {
  font-size: 20px;
  line-height: 1.5;
}

.fs24 {
  font-size: 24px;
  line-height: 1.5;
}

.fs26 {
  font-size: 26px;
  line-height: 1.5;
}

.fs28 {
  font-size: 28px;
  line-height: 1.5;
}

.fs30 {
  font-size: 30px;
  line-height: 1.5;
}

.fs32 {
  font-size: 32px;
  line-height: 1.5;
}

.mb1em {
  margin-bottom: 1em;
}

.mb10 {
  margin-bottom: 10px;
}

.mrl18 {
  margin-right: 18px;
  margin-left: 18px;
}

.mrl20 {
  margin-right: 20px;
  margin-left: 20px;
}

.prl20 {
  padding-right: 20px;
  padding-left: 20px;
}

.mt60 {
  margin-top: 60px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.auto {
  margin-left: auto;
  margin-right: auto;
}

.contents {
  margin: 0 20px 40px;
}

.white {
  background-color: #fff;
}

.contents_inner {
  padding: 20px 20px 40px;
}

/* フッタ */
footer {
  margin-top: 80px;
}

/* ページトップへ戻る */
#pagetop a {
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;
  display: block;
  padding: 50px 20px 20px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #8c8c8c url(../img/cmn/ico_arrow_top.png) no-repeat center 24px;
}

/* ソーシャルボタン */
#sns_wrapper {
  position: relative;
  height: 120px;
  background-color: #fff;
}

#sns {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#sns dt,
#sns dd {
  float: left;
}

#sns dt {
  font-size: 26px;
  font-weight: bold;
  line-height: 65px;
  color: #333;
}

#sns dd {
  margin-right: 20px;
}

/* 会社概要・プライバシーポリシー */
#links {
  border-top: 2px solid #e9e9e9;
}

#links li {
  float: left;
  width: 50%;
}

#links li:nth-of-type(3) {
  width: 100%;
}

#links li a {
  font-weight: bold;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
  text-align: center;
  font-size: 24px;
  color: #333;
  background-color: #fff;
}

#links li:first-of-type a {
  border-right: 1px solid #e9e9e9;
}

#links li:nth-of-type(2) a {
  border-left: 1px solid #e9e9e9;
}

#links li:nth-of-type(3) {
  border-top: 2px solid #e9e9e9;
}

#links li a::before {
  font-weight: normal;
  display: inline-block;
  width: 10px;
  height: 14px;
  margin-right: 10px;
  content: '';
  background-image: url(../img/cmn/ico_arrow_right.png);
}

#links li:nth-of-type(-n + 2) a:after {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: 4px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzAwMDAwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICA8cGF0aCBkPSJNMTEgN2gtNWEyIDIgMCAwIDAgLTIgMnY5YTIgMiAwIDAgMCAyIDJoOWEyIDIgMCAwIDAgMiAtMnYtNSIgLz4KICA8bGluZSB4MT0iMTAiIHkxPSIxNCIgeDI9IjIwIiB5Mj0iNCIgLz4KICA8cG9seWxpbmUgcG9pbnRzPSIxNSA0IDIwIDQgMjAgOSIgLz4KPC9zdmc+') no-repeat;
  background-size: contain;
  content: '';
}

/* コピーライト */
#copyright {
  font-size: 20px;
  line-height: 1.5;
  padding: 15px 20px;
  color: #fff;
  background-color: #007bbc;
}

/* 汎用クラス */
.right {
  text-align: right;
}

.center {
  text-align: center;
}

.link {
  font-weight: bold;
  line-height: 1.4;
  display: block;
  padding: 20px;
  color: #00f;
}

#toTop {
  position: fixed;
  z-index: 11;
  bottom: 170px;
  right: 20px;
}

#toTop a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 15px;
  font-weight: bold;
  color: #FFF;
  background: rgba(0, 0, 0, .6);
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  line-height: 1.2;
}

#toTop a::before {
  width: 40px;
  height: 40px;
  margin-bottom: 5px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNmZmZmZmYiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHBhdGggZD0iTTkgMjB2LThoLTMuNTg2YTEgMSAwIDAgMSAtLjcwNyAtMS43MDdsNi41ODYgLTYuNTg2YTEgMSAwIDAgMSAxLjQxNCAwbDYuNTg2IDYuNTg2YTEgMSAwIDAgMSAtLjcwNyAxLjcwN2gtMy41ODZ2OGExIDEgMCAwIDEgLTEgMWgtNGExIDEgMCAwIDEgLTEgLTF6IiAvPgo8L3N2Zz4=') center center / contain no-repeat;
  content: '';
}

/* 固定ナビ */
#fixed_nav, #fixedNav {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
}

#fixedNav ul {
  display: flex;
}

#fixedNav li {
  width: calc(100% / 4);
}

#fixed_nav li {
  display: inline;
  float: left;
  width: 33%;
}

#fixed_nav li:last-child {
  width: 34%;
}

#fixed_nav li a, #fixedNav li a {
  font-size: 19px;
  line-height: 20px;
  display: block;
  max-height: 100%;
  padding: 70px 20px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

#fixedNav li#fixed_nav_0 a {
  color: #000;
  border-left: none;
  background: #ECECEC url(https://www.biziphone.com/sp/img/cmn/ico_fixed_nav_0.png) no-repeat center 12px;
}

#fixed_nav li#fixed_nav_1 a, #fixedNav li#fixed_nav_1 a {
  border-left: none;
  background: #ff6c00 url(../img/cmn/ico_fixed_nav_1.png) no-repeat center 12px;
}

#fixed_nav li#fixed_nav_2 a, #fixedNav li#fixed_nav_2 a {
  border-left: none;
  background: #08a757 url(../img/cmn/ico_fixed_nav_2.png) no-repeat center 22px;
}

#fixed_nav li#fixed_nav_3 a, #fixedNav li#fixed_nav_3 a {
  border-right: none;
  background: #5e5e5e url(../img/cmn/ico_fixed_nav_3.png) no-repeat center 26px;
}

#fixed_nav li#fixed_nav_4 a {
  font-size: 16px;
  border-right: none;
  background: #f55656 url(https://www.biziphone.com/sp/img/cmn/ico_fixed_nav_4.png) no-repeat center 9px;
}

#fixed_nav .band_txt, #fixedNav .band_txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  font-weight: bold;
  font-size: 22px;
  background-color: #fff5a6;
  font-feature-settings: 'palt';
}

/* AdobeTarget施策 */
#fixed_nav li#fixed_nav_1 a.btn_2 {
  background-color: #f3c819;
}

#fixed_nav li#fixed_nav_1 a.btn_3 {
  background-color: #cf3333;
}

#fixed_nav li#fixed_nav_1 a.btn_4 {
  background-color: #08a757;
}

#fixed_nav li#fixed_nav_1 a.btn_5 {
  background-color: #de1c6b;
}

/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
/* Menu Appearance */
.pushy {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  overflow: auto;
  width: 520px;
  height: 100%;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.pushy a {
  font-size: 26px;
  line-height: 30px;
  display: block;
  text-decoration: none;
  color: #555;
}

.pushy.pushy-left {
  left: 0;
}

.pushy.pushy-right {
  right: 0;
}

/* Menu Movement */
.pushy-left {
  -webkit-transform: translate3d(-500px, 0, 0);
  -ms-transform: translate3d(-500px, 0, 0);
  transform: translate3d(-500px, 0, 0);
}

.pushy-open-left .push {
  -webkit-transform: translate3d(500px, 0, 0);
  -ms-transform: translate3d(500px, 0, 0);
  transform: translate3d(500px, 0, 0);
}

.pushy-right {
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.pushy-open-right .push {
  -webkit-transform: translate3d(-500px, 0, 0);
  -ms-transform: translate3d(-500px, 0, 0);
  transform: translate3d(-500px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
.pushy,
.push {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
  display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
  position: fixed;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  -webkit-animation: fade 500ms;
  animation: fade 500ms;
  background-color: rgba(0, 0, 0, 0.5);
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Submenu Appearance */
.pushy-submenu ul {
  padding-left: 15px;
  transition: max-height 0.2s ease-in-out;
}

.pushy-submenu ul .pushy-link {
  transition: opacity 0.2s ease-in-out;
}

.pushy-submenu > a {
  position: relative;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
  overflow: hidden;
  max-height: 0;
}

.pushy-submenu-closed .pushy-link {
  opacity: 0;
}

.pushy-submenu-open ul {
  max-height: 1000px;
}

.pushy-submenu-open .pushy-link {
  opacity: 1;
}

.pushy-submenu-open a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.no-csstransforms3d .pushy-submenu-closed ul {
  display: none;
  max-height: none;
}

/* サブナビ */
#snav_header a,
#snav dt a,
.snav_link a {
  font-size: 28px;
  font-weight: bold;
  line-height: 40px;
}

#snav_header a {
  padding: 20px 44px 20px 30px;
  color: #fff;
  background: #007cbc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAhBAMAAACLj/7OAAAAGFBMVEUAfLz///+Nt9hZnMv0+Psmh8G40ebd6fPhHMsfAAAAoklEQVQoz5XTwQnDMAwFUFFD7r+H9ppAFihoAW/QFTJE9u8hko3Il6A6GeQXO7IkIk1GtK/EONax1DOmFjwH6+8ID8ChAmdkcNg6EOAHcKhzecUDDlufn7DYfPeNTUjYgIQ5pMzgzphBUCayW24ludZTZr9GmZ34kn9ddZ7m9zRGoeZ1uSrJ66n5OzhgUPN3n9vvUIs+q/qz6utyHqo5yufvB56gHmWKkzagAAAAAElFTkSuQmCC) no-repeat right center;
}

#snav dt a {
  padding: 19px 44px 19px 80px;
  color: #333;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  background-color: #f4f4f4;
}

.snav_link a {
  font-size: 26px;
  padding: 19px 44px 19px 80px;
  color: #555;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  background-color: #fff;
}

#snav_home a {
  background: url(../img/cmn/ico_snav_home.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_first a {
  background: url(../img/cmn/ico_snav_first.png) no-repeat 36px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_chuko a,
#snav_new a {
  background: url(../img/cmn/ico_snav_phone.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_price a {
  background: url(../img/cmn/ico_snav_price.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_lineup a {
  background: url(../img/cmn/ico_snav_lineup.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_ranking a {
  background: url(../img/cmn/ico_snav_ranking.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_introduction a {
  background: url(../img/cmn/ico_snav_introduction.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_service a {
  background: url(../img/org/ico_snav_4.png) 30px center no-repeat, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_needs {
  letter-spacing: -2.5px;
}

#snav_needs a {
  background: url(../img/cmn/ico_snav_needs.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_campaign a {
  background: url(../img/cmn/ico_snav_campaign.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_qa a {
  background: url(../img/cmn/ico_snav_qa.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_first_hikari a {
  font-size: 26px !important;
  background: url(../img/org/ico_snav_9.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_company a {
  background: url(../img/cmn/ico_snav_company.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

#snav_privacy a {
  background: url(../img/cmn/ico_snav_privacy.png) no-repeat 30px center, url(../img/cmn/ico_snav_arrow_right.png) no-repeat right center;
}

.snav_arrow_left a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYBAMAAAA46dFkAAAAFVBMVEX///+cnJzExMS/v7/+/v7KysrQ0NA5lpCiAAAAK0lEQVQImWNgU2AAg0QhCG0oCBFwFoQIsFBBgAlKK0LEKeEyBELdyQrhAgAQ0wdtKkI51QAAAABJRU5ErkJggg==) no-repeat 50px center;
}

.snav_toggle a {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAOBAMAAACStyITAAAAFVBMVEX///+cnJzExMS/v7/+/v7KysrQ0NA5lpCiAAAAVUlEQVQYlWNgVWCAAucEBlQQKARlsBiKoUkpCkK1OQsKoUkxQUVYDGFqMLRhaoJpw6YJqg2bJog27JrA2rBrAmvDoQmkDYcmkDZcmoDacGkCasOmCQC3vQdtG8HucQAAAABJRU5ErkJggg==) no-repeat right center;
}

.snav_toggle a.on {
  background: url(../img/cmn/ico_snav_arrow_top.png) no-repeat right center;
}

#snav_share {
  width: 185px;
  margin: 0 auto;
  padding: 27px 0 127px;
}

#snav_share li {
  width: 65px;
}

#snav_share li:first-child {
  float: left;
}

#snav_share li:last-child {
  float: right;
}

/* パンくずリスト */
#topicpath {
  position: relative;
  overflow-y: hidden;
  height: 40px;
  background-color: #7a7a7a;
  -webkit-overflow-scrolling: touch;
}

#topicpath ul {
  font-size: 20px;
  display: table;
  max-height: 100%;
  list-style: none;
}

#topicpath li {
  display: table-cell;
  text-align: center;
  white-space: nowrap;
  background-color: #b4b4b4;
}

#topicpath a {
  display: inline-block;
  padding: 10px 0 10px 20px;
  text-decoration: none;
  color: #333;
}

#topicpath a:hover {
  text-decoration: none;
  color: #111;
}

#topicpath_home a {
  padding: 10px 20px 10px 58px;
  background: #b4b4b4 url(../img/cmn/ico_topicpath_home.png) no-repeat 20px center;
}

#topicpath_home span {
  display: none;
}

#topicpath_home_link a {
  padding: 5px 0 10px 0;
}

#topicpath strong {
  font-weight: bold;
  padding: 9px 40px 9px 25px;
  color: #fff;
}

li#topicpath_current {
  background: #7a7a7a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAA7BAMAAACJXbfdAAAAGFBMVEV6enq0tLSnp6eRkZGvr6+JiYl/f3+amppolGvTAAAAg0lEQVQoz23SsQ3FIAyEYVY4E0LrERiBipoRMgL7V6+Inn9FMtVXHDJwFC+xGjSoDSes8IIacMEKryeoAxfs8B8WYUm6YYd64IENdvje6qXDBg1qQ0+5s20tHcFgSw/pcAeNa1bocASN56twwkEXaUMzazNq+zS/YEQL0dL5RkTLgUR/g3oYege9TYwAAAAASUVORK5CYII=) no-repeat left center;
}

#topicpath .topicpath_mdl a {
  padding: 10px 10px 10px 38px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAA7BAMAAACEQ8eaAAAAG1BMVEW0tLTg4OC5ubnPz8+/v7/U1NTJycnd3d3Z2dkded6DAAAAhUlEQVQoz2NwLGKAAlZhGItJUAHGNDSAsRSFYCxmJIUOcIUBMJa6CIzFJgpXWAhXmIhXIQM2hRzYFDYmwFiOcIUaYjAWC1aFDXC/IhRKwBUGYjERwYLLInQgTEGYjF9ZE1wZLFyZxBUwwh8R1PDgR0QJMzWUwUMZEaCI2IAHPJHKGAphDACIbhX0/PbhvQAAAABJRU5ErkJggg==) no-repeat left center;
}

/* 他プロジェクトスライダー */
/* Slick.js */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}

.slick-track::after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* サイト独自 */
.other_services_slide_container {
  padding: 40px 0;
  background-color: #cfcfcf;
}

.other_services_slide_box {
  padding: 0 10px;
}

.other_services_slide .slick-track {
  height: auto;
}

.other_services_slide .slick-slide {
  text-align: center;
}

.other_services_slide .slick-slide img {
  display: inline-block;
}

.other_services_slide_item a {
  display: block;
  text-decoration: none;
}

.other_services_slide_item a {
  opacity: 1;
}

.other_services_slide_item a p {
  margin-top: 10px;
  color: #333;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}