@charset "UTF-8";
/****************************************************************
# 基礎 Foundation
****************************************************************/
/* リセット */
html { overflow-y: scroll; }

body { font-family: "Avenir", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "Roboto", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3","ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; color: #000000; background: #ffffff; margin: 0; padding: 0; text-align: center; }

button, input, select, textarea { font-family: inherit; font-size: 100%; }

td { word-break: break-all; word-wrap: break-word; }

body, table { font-size: small; line-height: 200%; }

/*
p, dt, dd, li { font-size: small; line-height: 200%;
}
*/
img { border: 0; }

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

h1, h2, h3, h4, h5, h6, p, dl, ul, ol, form { margin-top: 16px; margin-bottom: 16px; }

hr { display: none; }

address { font-style: normal; }

em { font-style: normal; font-weight: bold; }

sup { font-size: smaller; }

textarea { resize: vertical; }

:placeholder-shown { color: #999999; }

::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; opacity: 1; }

::-moz-placeholder { color: #999999; opacity: 1; }

:-ms-input-placeholder { color: #999999; }

ul, ol { padding-left: 0; list-style: none; }

dl > dd { margin-left: 0; }

a:hover, a:visited:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }

figcaption { font-size: 12px; line-height: 150%; text-align: center; }
@media (max-width: 1320px) { figcaption { font-size: 10px; line-height: 150%; } }

/* 表 */
table { background-color: #cccccc; border: 1px solid #cccccc; border-collapse: separate; border-spacing: 1px; width: 100%; margin: 1em 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
table th, table td { font-size: small; line-height: 200%; background-color: #ffffff; padding: 8px; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
table th { font-weight: normal; background-color: #efefef; width: 192px; }

/****************************************************************
# 汎用 Utility
****************************************************************/
/* リスト */
.c-ul, .c-ol, c-dl > dd { margin-left: 1.5em; }

.c-ul { list-style-type: disc; }

.c-ol { list-style-type: decimal; }

/* ブロック */
.c-block { display: block; }

/* 回り込み解除 */
.c-cf:after { content: ""; display: block; clear: both; }

/* 縦中央揃え */
/*
.c-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
}
*/
/* 非表示テキスト */
.c-hidden { display: none; }

.c-hidden { display: none; }

/* 静的アンカー */
a.c-solid:hover, a.c-solid:visited:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

/* アンカー下線 */
.c-a-underline { border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 2px; text-decoration: none; }

.c-a-none { border-bottom: 0 !important; padding-bottom: 0 !important; }

/* 揃え */
.c-align-center { text-align: center; }

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

.c-valign-middle { vertical-align: middle; }

.c-valign-bottom { vertical-align: bottom; }

/* フォーム */
.c-ime--zen { ime-mode: active; }

.c-ime--han { ime-mode: disabled; }

/* 3点リーダー */
.c-leader { font-family: san-serif; }

/* 文字 */
.c-uppercase { text-transform: uppercase; }

/* 表示・非表示 */
.c-none--tb { display: auto; }
@media (max-width: 1320px) { .c-none--tb { display: none; } }

.c-inline--tb { display: auto; }
@media (max-width: 1320px) { .c-inline--tb { display: inline; } }

.c-block--tb { display: none; }
@media (max-width: 1320px) { .c-block--tb { display: block; } }

.c-none--sp { display: auto; }
@media (max-width: 872px) { .c-none--sp { display: none; } }

.c-inline--sp { display: none; }
@media (max-width: 872px) { .c-inline--sp { display: inline; } }

.c-block--sp { display: none; }
@media (max-width: 872px) { .c-block--sp { display: block; } }

/****************************************************************
# 部品 Component
****************************************************************/
/* 画面一杯 */
.c-full-screen { width: 100vw; width: 100%; height: 100vh; }

/* 注釈 */
.c-notes { font-size: 11px; line-height: 200%; color: #666666; }

/* フォーム */
.c-input-text, .c-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.c-textarea { height: 120px; }

.c-input-text:focus, .c-input-text.error:focus, .c-textarea:focus, .c-textarea.error:focus { background: #ffffcc !important; }

label.error { display: block; margin-top: 2px; padding: 0 4px; color: #ff0000; }

.c-input-text.error, .c-textarea.error { background: #ffcccc; }

.c-input-submit { font-size: 16px; line-height: 100%; padding: 16px 24px; color: #ffffff; background: #666666; border: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.c-input-submit:hover { cursor: pointer; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
.c-input-submit--back { font-size: 12px; line-height: 100%; padding: 8px 12px; color: #999999; background: #cccccc; border: 1px solid #cccccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

/* フォームメッセージ */
.c-form-message { font-size: medium; line-height: 200%; color: #436900; background: #e7f6cc; border: 2px solid #b7e566; margin: auto 0; padding: 8px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.c-form-message--error { color: #7f4f00; background-color: #ffeccc; border-color: #ffc566; }
.c-form-message strong { font-weight: normal; }

/* ガイドメニュー */
.c-guide__one { float: left; font-size: 16px; line-height: 200%; margin-right: 16px; }
.c-guide__one:last-child { margin-right: 0; }

/* 罫線定義リスト */
.c-rule { width: 100%; }
.c-rule__title, .c-rule__body { border-top: 1px solid #cccccc; padding-top: 8px; padding-bottom: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-rule__title { clear: left; float: left; width: 194px; }
.c-rule__body { margin-left: 210px; }
@media (max-width: 1320px) { .c-rule__title { width: 20%; }
  .c-rule__body { margin-left: 22%; } }
@media (max-width: 872px) { .c-rule { width: 100%; }
  .c-rule__title, .c-rule__body { border-top: 1px solid #cccccc; padding-top: 8px; padding-bottom: 8px; }
  .c-rule__title { float: none; clear: none; font-weight: bold; width: auto; }
  .c-rule__body { width: auto; margin-left: 0; } }

/* 表型定義リスト */
.c-define-table__title, .c-define-table__body { font-size: small; line-height: 200%; padding: 8px; text-align: left; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-define-table__title { clear: left; float: left; background: #efefef; width: 210px; }
.c-define-table__body { background: #ffffff; margin-left: 210px; }
.c-define-table__button { margin-left: 0; text-align: center; }
.c-define-table__title { border-right: 1px solid #cccccc; }
.c-define-table__title, .c-define-table__body { border-bottom: 1px solid #cccccc; }
.c-define-table__title, .c-define-table__body:last-child { border-left: 2px solid #cccccc; }
.c-define-table__body { border-right: 2px solid #cccccc; }
.c-define-table__title:first-child, .c-define-table__title:first-child + .c-define-table__body { border-top: 2px solid #cccccc; }
.c-define-table__title:last-child, .c-define-table__body:last-child { border-bottom: 2px solid #cccccc; }
.c-define-table__title:first-child { border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; }
.c-define-table__title:first-child + .c-define-table__body { border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; }
.c-define-table__button:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; }
.c-define-table__required, .c-define-table__optional { float: right; display: block; font-weight: normal; font-size: 11px; line-height: 100%; color: #ffffff; background: #666666; margin: 2px; padding: 6px 8px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.c-define-table__optional { color: #ffffff; background: #cccccc; }
@media (max-width: 1320px) { .c-define-table__title { float: none; clear: none; width: auto; }
  .c-define-table__body { margin-left: 0; }
  .c-define-table__title, .c-define-table__body { border-bottom: 1px solid #cccccc; }
  .c-define-table__title, .c-define-table__body, .c-define-table__body:last-child { border-left: 2px solid #cccccc; border-right: 2px solid #cccccc; }
  .c-define-table__title:first-child { border-top: 2px solid #cccccc; }
  .c-define-table__title:last-child, .c-define-table__body:last-child { border-bottom: 2px solid #cccccc; }
  .c-define-table__title:first-child + .c-define-table__body { border-top: 0; }
  .c-define-table__title:first-child { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }
  .c-define-table__title:first-child + .c-define-table__body { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
  .c-define-table__body:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } }

/* フォームステップ */
.c-form-step__one { float: left; background: #ffffff; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-form-step__bg { display: inline-block; padding: 8px 12px; filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; }
.c-form-step__text { font-size: 10px; line-height: 150%; color: #999999; padding-right: 10px; vertical-align: middle; text-transform: uppercase; }
.c-form-step__one { border: 2px solid #cccccc; border-right: 1px solid #cccccc; border-left: 0; }
.c-form-step__one:first-child { border-left: 2px solid #cccccc; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; }
.c-form-step__one:last-child { border-right: 2px solid #cccccc; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; }
.c-form-step--current { color: #666600; background: #ffffff; }
.c-form-step--current > .c-form-step__text { color: #999900; }
.c-form-step--current > .c-form-step__bg { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
@media (max-width: 1320px) { .c-form-step__one { width: auto; margin-right: 8px; }
  .c-form-step__one:last-child { margin-right: 0; }
  .c-form-step__bg { padding: 0; }
  .c-form-step__one, .c-form-step__one:first-child, .c-form-step__one:last-child { border: 0; }
  .c-form-step__one { border-bottom: 2px solid #ffffff; }
  .c-form-step--current, .c-form-step--current:first-child, .c-form-step--current:last-child { background: transparent; border-bottom: 2px solid #cccccc; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } }
@media (max-width: 872px) { .c-form-step__one { float: none; width: auto; margin-right: 8px; } }

/* ページ内メニュー */
.c-page-down { margin-top: 48px; margin-bottom: 48px; }
.c-page-down__one { float: left; font-size: 16px; line-height: 200%; width: 440px; margin: 0 8px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-page-down__one:first-child { margin-left: 0; }
.c-page-down__one:last-child { margin-right: 0; }
@media (max-width: 1320px) { .c-page-down__one { margin: 0; width: 50%; } }
@media (max-width: 872px) { .c-page-down__one { float: none; width: auto; text-align: left; } }

.c-page-up { border-top: 1px solid #cccccc; margin-top: 40px; padding-top: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-page-up__one { float: right; font-size: 14px; line-height: 200%; }

/* 罫線ブロック */
.c-border-block { /* &__body h3, &__body p, &__body ul, &__body ol, &__body dl { margin: 0; }
*/ }
.c-border-block__title, .c-border-block__body { border: 2px solid #cccccc; padding: 12px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-border-block__title { font-weight: normal; font-size: 20px; line-height: 150%; color: #000000; background: #ffffff; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }
.c-border-block__body { border-top: 1px solid #cccccc; margin-left: 0; padding: 8px 8px; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; }
@media (max-width: 872px) { .c-border-block__title { font-size: 16px; line-height: 150%; } }

/* 下層リスト */
.c-child-list { margin-bottom: 8px; }
.c-child-list__one { float: left; width: 428px; font-size: 24px; line-height: 150%; color: #000000; border-bottom: 1px solid #cccccc; margin-bottom: 16px; padding: 10px 4px; padding-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-child-list__one:nth-child(odd) { margin-right: 24px; }
@media (max-width: 1320px) { .c-child-list__one { width: 49%; }
  .c-child-list__one:nth-child(odd) { margin-right: 2%; } }
@media (max-width: 872px) { .c-child-list__one { float: none; width: auto; }
  .c-child-list__one:nth-child(odd) { margin-right: 0; } }

/* ページャー */
.c-pager { text-align: center; }
.c-pager__body { display: inline-block; background: #efefef; border: 1px solid #cccccc; border-left: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.c-pager__content { display: inline-block; padding: 6px 12px; }
.c-pager__body > a { border-bottom: 0; }
.c-pager__body-a:hover { background: #ffffff; }
.c-pager__current { background: #ffffff; }
.c-pager__body--first { border-left: 1px solid #cccccc; }
.c-pager__body--first { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; }
.c-pager__body--last { border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; }
.c-pager__text { filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; }

/****************************************************************
# 配置 Layout
****************************************************************/
/* JS用メディアクエリ */
.js-media-query { display: none; font-family: "1920"; }
@media (max-width: 1320px) { .js-media-query { font-family: "1320px"; } }
@media (max-width: 872px) { .js-media-query { font-family: "872px"; } }

/* レイアウト */
.s-container__block { display: block; width: 1272px; width: 1296px; margin: 0 auto; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1320px) { .s-container__block { width: auto; } }

/* ページ内アンカー */
.s-page-a { margin-top: 16px; padding-top: 16px; margin-top: 0; padding-top: 32px; }
@media (max-width: 1320px) { .s-page-a { border-top: 0; margin-top: 0; padding-top: 0; } }

/* フッター下端 */
html { position: relative; min-height: 100%; }

.s-footer { position: fixed; bottom: 0; height: 136px; }
.d-services { padding-bottom: 136px; }
@media (max-width: 1320px) { .s-footer { height: 88px; }
  .d-services { padding-bottom: 88px; } }
@media (max-width: 872px), (max-height: 555px) { .s-footer { display: block !important; position: relative; height: auto; bottom: auto; }
  .d-services { padding-bottom: 0; } }

/* ローディング */
.s-loader { position: fixed; width: 40px; height: 40px; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 100; }

.s-shader { display: none; position: absolute; color: inherit; background-color: inherit; width: 100%; height: 100%; z-index: 10; }

.s-cotainer { position: absolute; z-index: 50; }

/****************************************************************
# 固有 Project
****************************************************************/
/* フォント・色 */
body { color: #332121; background-color: #fdf9f6; }

h3, h4, h5, h6 { font-weight: normal; font-size: 18px; line-height: 150%; padding-left: 4px; padding-right: 4px; }

p, dt, dd, li { font-size: 14px; line-height: 200%; padding-left: 4px; padding-right: 4px; }

h1, h2, h3, h4, h5, h6, p, dl, ul, ol, form { margin: 24px 0; }

a, a:visited, .s-a { border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 2px; text-decoration: none; color: #332121; border-color: #332121; }

/* ヘッダー */
.s-header__title { visibility: hidden; position: fixed; top: 28px; right: 32px; z-index: 10000; display: none; width: 164px; height: 40px; margin: 0; padding: 0; }
.s-header__title.s-header__title--scroll { visibility: visible; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
@media (max-width: 1320px) { .s-header__title { display: none !important; } }

/* フッター */
.s-footer { color: #ffffff; width: 100%; }
.s-footer a, .s-footer a:hover { color: #ffffff; border-color: #ffffff; padding-bottom: 0; }
.s-footer .s-footer__bottom { margin-top: 8px; }
.s-footer .c-a-underline { border-color: #ffffff; padding-bottom: 0; }
.s-footer--scroll .s-footer { color: #332121; text-shadow: 0 1px 0 #fdf9f6, 1px 0 0 #fdf9f6, 0 -1px 0 #fdf9f6, -1px 0 0 #fdf9f6, -1px -1px 0 #fdf9f6, 1px -1px 0 #fdf9f6, -1px 1px 0 #fdf9f6, 1px 1px 0 #fdf9f6; height: 32px; }
.s-footer--scroll .s-footer a, .s-footer--scroll .s-footer a:hover { color: #332121; border-color: #332121; }
.s-footer--scroll .s-footer .s-footer__bottom { border-color: rgba(51, 33, 33, 0.5); margin-top: 0; }
@media (max-width: 872px) { .s-footer--scroll .s-footer .s-footer__bottom { height: auto; border-color: rgba(51, 33, 33, 0.25) !important; } }
.s-footer--scroll .s-footer .c-a-underline { border-color: #332121; }
.s-footer--scroll .d-services { padding-bottom: 32px; }
@media (max-width: 1320px) { .s-footer--scroll .d-services { padding-bottom: 56px; } }
@media (max-width: 872px) { .s-footer--scroll .d-services { padding-bottom: 8px; } }

.s-footer__services { margin: 0; margin-bottom: 8px; height: 96px; }
@media (max-width: 1320px) { .s-footer__services { height: 48px; } }
@media (max-width: 872px) { .s-footer__services { height: auto; } }

.s-footer__services-one { display: inline; padding: 0; }

.s-footer__services-a { position: relative; display: inline-block; overflow: hidden; width: 160px; height: 96px; border-bottom: 0; }
.s-footer__services-a img { display: inline-block; position: absolute; }
@media (max-width: 1320px) { .s-footer__services-a { width: 80px; height: 48px; } }
@media (max-width: 872px) { .s-footer__services-a { height: auto; } }

@media (max-width: 1320px) { .s-footer__services-a img { width: 560px; height: 48px; } }

.s-footer__services-a[href="#NIKKU_PARKING"] > img { left: -0px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#NIKKU_PARKING"] > img { left: -0px; top: 0; } }
.s-footer__services-a[href="#NIKKU_RENTACAR"] > img { left: -160px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#NIKKU_RENTACAR"] > img { left: -80px; top: 0; } }
.s-footer__services-a[href="#GUESTHOUSE_GONTA"] > img { left: -320px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#GUESTHOUSE_GONTA"] > img { left: -160px; top: 0; } }
.s-footer__services-a[href="#PETHOTEL_LILY"] > img { left: -480px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#PETHOTEL_LILY"] > img { left: -240px; top: 0; } }
.s-footer__services-a[href="#UNTENDAIKO_K"] > img { left: -640px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#UNTENDAIKO_K"] > img { left: -320px; top: 0; } }
.s-footer__services-a[href="#KSAUTO"] > img { left: -800px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#KSAUTO"] > img { left: -400px; top: 0; } }
.s-footer__services-a[href="#HOKKAIDOKANKOANNAI"] > img { left: -960px; top: 0; }

@media (max-width: 1320px) { .s-footer__services-a[href="#HOKKAIDOKANKOANNAI"] > img { left: -480px; top: 0; } }
.s-footer__sitemap, .s-footer__copyright, .s-footer__pagetop { margin: 8px 0; margin-top: 7px; height: 16px; }
@media (max-width: 872px) { .s-footer__sitemap, .s-footer__copyright, .s-footer__pagetop { height: auto; } }

.s-footer__bottom { border-top: 1px solid #ffffff; border-color: rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.s-footer__sitemap { float: left; width: 30%; }
@media (max-width: 872px) { .s-footer__sitemap { float: none; width: auto; } }

.s-footer__sitemap-title { float: left; font-size: 11px; line-height: 150%; margin: 0; padding: 0 8px; }
@media (max-width: 872px) { .s-footer__sitemap-title { float: none; font-size: 14px; line-height: 150%; margin-top: 16px; text-align: center; } }

.s-footer__sitemap-list { float: left; margin: 0; }
@media (max-width: 872px) { .s-footer__sitemap-list { float: none; margin-top: 16px; text-align: center; } }

.s-footer__sitemap-list-one { float: left; font-size: 11px; line-height: 150%; }
@media (max-width: 872px) { .s-footer__sitemap-list-one { float: none; display: inline; font-size: 14px; line-height: 150%; } }

.s-footer__copyright { float: left; width: 40%; font-size: 10px; line-height: 150%; padding: 0; text-align: center; }
@media (max-width: 872px) { .s-footer__copyright { float: none; width: auto; margin-top: 16px; } }

.s-footer__copyright-credit { display: inline-block; padding-left: 8px; }
@media (max-width: 872px) { .s-footer__copyright-credit { display: block; margin-top: 8px; padding-left: 0; } }

.s-footer__pagetop { float: right; width: 30%; }
@media (max-width: 872px) { .s-footer__pagetop { float: none; width: auto; } }

.s-footer__pagetop-one { font-size: 12px; line-height: 150%; padding: 0 8px; text-align: right; }

.s-footer__pagetop a { display: inline-block; background: url(../images/common-bullet.png) right 1px no-repeat; padding-right: 22px; border-bottom: 0; }

/* トップページ */
.d-index__container { position: relative; width: 100%; height: 100%; min-height: 419px; }
.d-index__contents { position: absolute; top: 50%; width: 100%; height: 419px; margin-top: -209px; }

.d-index__container { position: relative; color: #ffffff; background: url(../images/index__bg.jpg) center bottom repeat-x; background-size: cover; /* @media (max-height: 555px) { background-size: auto; background-position-y: bottom (120px * -1) !important; height: 100%; }
*/ }
@media (max-height: 555px) { .d-index__container { background-position-y: bottom -96px !important; } }
@media (max-height: 555px) and (max-width: 872px) { .d-index__container { background: url(../images/index__bg--sp.jpg) center bottom repeat-x; } }

@media (max-width: 1320px) { .d-index__container { background-size: auto; background-position-y: bottom -48px; } }
@media (max-width: 872px) { .d-index__container { background-size: auto; } }
@media (max-width: 872px) and (min-height: 556px) { .d-index__container { background-position-y: bottom -96px !important; } }

.d-index__contents { position: absolute; padding: 48px 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* @media (max-height: 555px) { width: 100%; height: 100%; }
*/ }

/*
.d-index .c-full-screen { @media (max-height: 555px) { width: auto !important; height: auto !important; }
}
*/
.d-index__title { width: 557px; max-width: 90%; margin: 0 auto; margin-bottom: 32px; }
@media (max-width: 872px), (max-height: 756px) { .d-index__title { width: 371px; margin-bottom: 21px; } }

.d-index__title img { max-width: 100%; height: auto; }
@media (max-width: 872px), (max-height: 756px) { .d-index__title img { width: 371px; } }

.d-index__title-sub { width: 262px; max-width: 90%; margin: 0 auto; margin-bottom: 48px; }
@media (max-width: 872px), (max-height: 756px) { .d-index__title-sub { width: 174px; margin-bottom: 32px; } }

.d-index__title-sub img { max-width: 100%; height: auto; }
@media (max-width: 872px), (max-height: 756px) { .d-index__title-sub img { width: 174px; } }

.d-index__menu { width: 144px; max-width: 90%; margin: 0 auto; }

.d-index__menu img { max-width: 100%; height: auto; }
@media (max-width: 872px), (max-height: 756px) { .d-index__menu img { width: 115px; } }

.d-index__bg-cloud { position: absolute; width: 100%; height: 57%; height: inherit; margin: 0; padding: 0; overflow: hidden; }

.d-index__bg-cloud img { position: absolute; }

.d-index__bg-cloud--01 { left: 794px; width: 82%; height: 57%; width: auto; }

.d-index__bg-cloud--02 { left: -722px; width: 75%; height: 42%; width: auto; }

.d-index__bg-cloud--03 { left: 626px; width: 21%; height: 22%; width: auto; }

.d-index__bg-cloud--04 { left: 1970px; width: 76%; height: 48%; width: 75%; height: 42%; width: auto; }

/* 業務案内 */
.d-services { color: #332121; background: url(../images/services__bg.jpg) center top repeat-y; background-size: cover; background-attachment: fixed; }
@media (min-width: 1321px) and (min-height: 757px) { .d-services__container { position: relative; width: 100%; height: 100%; min-height: 756px; }
  .d-services__contents { position: absolute; top: 50%; width: 100%; height: 756px; margin-top: -378px; } }
@media (max-height: 555px) { .d-services { position: relative; } }
@media (max-width: 1320px) { .d-services { padding-bottom: 56px; } }
@media (max-width: 872px) { .d-services { background-size: auto; padding-bottom: 8px; } }

@media (max-width: 1320px), (max-height: 756px) { .d-services .c-full-screen { width: auto !important; height: auto !important; } }

.d-services__list { margin: 0 12px; height: 756px; overflow: hidden; }
@media (max-width: 1320px) { .d-services__list { height: auto; margin-bottom: -24px; } }
@media (max-width: 872px) { .d-services__list { height: auto; margin: 0; margin-bottom: -8px; padding-bottom: 8px; } }

.d-services__contents, .d-services-detail__contents { padding: 24px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1320px) { .d-services__contents, .d-services-detail__contents { padding: 0; padding-top: 24px; } }
@media (max-width: 872px) { .d-services__contents, .d-services-detail__contents { padding: 0; padding-top: 8px; } }

.d-services__list-one { float: left; width: 400px; height: 220px; margin: 0 12px; margin-bottom: 24px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1320px) { .d-services__list-one { width: 50%; margin: 0; height: 244px; padding: 0 12px; padding-bottom: 24px; } }
@media (max-width: 872px) { .d-services__list-one { float: none; width: auto; height: auto; padding: 0 8px; padding-bottom: 8px; padding-bottom: 0; } }

.d-services__card, .d-services__list-one-body, .d-services-detail { background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #e8e8e8; }

.d-services__list-one-body { display: block; width: inherit; height: inherit; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1320px) { .d-services__list-one-body { width: 100%; height: 220px; } }
@media (max-width: 872px) { .d-services__list-one-body { width: auto; height: auto; border-bottom: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } }
@media (max-width: 872px) and (max-width: 872px) { .d-services__list .d-services__list-one:first-child .d-services__list-one-body { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; } }
@media (max-width: 872px) and (max-width: 872px) { .d-services__list .d-services__list-one:nth-last-child(3) .d-services__list-one-body { border-bottom: 1px solid #e8e8e8; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } }

.d-services__list-one a { display: block; height: 218px; border-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 187px; padding-top: 7px; }
@media (max-width: 872px) { .d-services__list-one a { width: auto; height: auto; } }

.d-services__list-text { display: block; font-size: 11px; line-height: 150%; border-top: 1px solid #e8e8e8; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 872px) { .d-services__list-text { border-top: 0; } }

.d-services__list-button { float: right; display: inline-block; background: #332121 url(../images/common-bullet.png) right -32px no-repeat; width: 17px; height: 17px; margin-top: -2px; }

.d-services__list-image { display: block; background-size: contain; max-width: 384px; width: 384px; height: 172px; margin: 7px auto; margin-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 1320px) { .d-services__list-image { margin-left: auto; margin-right: auto; } }
@media (max-width: 872px) { .d-services__list-image { display: none; width: 95%; height: auto; } }

.d-services__list-image img { width: 100%; }

.d-services__list-one a[href="#NIKKU_PARKING"] img { background: url(../images/services__image--NIKKU_PARKING.jpg) center top no-repeat; }

.d-services__list-one a[href="#NIKKU_RENTACAR"] img { background: url(../images/services__image--NIKKU_RENTACAR.jpg) center top no-repeat; }

.d-services__list-one a[href="#GUESTHOUSE_GONTA"] img { background: url(../images/services__image--GUESTHOUSE_GONTA.jpg) center top no-repeat; }

.d-services__list-one a[href="#PETHOTEL_LILY"] img { background: url(../images/services__image--PETHOTEL_LILY.jpg) center top no-repeat; }

.d-services__list-one a[href="#UNTENDAIKO_K"] img { background: url(../images/services__image--UNTENDAIKO_K.jpg) center top no-repeat; }

.d-services__list-one a[href="#KSAUTO"] img { background: url(../images/services__image--KSAUTO.jpg) center top no-repeat; }

.d-services__list-one a[href="#HOKKAIDOKANKOANNAI"] img { background: url(../images/services__image--HOKKAIDOKANKOANNAI.jpg) center top no-repeat; }

/* 業務詳細 */
.d-services-detail { position: relative; width: 1248px; height: 708px; margin: 0 24px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (min-width: 1321px) and (min-height: 757px) { .d-services-detail__container { position: relative; width: 100%; height: 100%; min-height: 756px; }
  .d-services-detail__contents { position: absolute; top: 50%; width: 100%; height: 756px; margin-top: -378px; } }
@media (max-width: 1320px) { .d-services-detail { width: auto; height: auto; padding-bottom: 32px; } }
@media (max-width: 872px) { .d-services-detail { margin: 0 8px; width: auto; height: auto; padding-bottom: 48px; } }

@media (max-width: 1320px), (max-height: 756px) { .d-services-detail .c-full-screen { width: auto !important; height: auto !important; } }

.d-services-detail__header { padding-top: 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 872px) { .d-services-detail__header { text-align: center; } }

.d-services-detail__title { float: left; max-width: 384px; width: 384px; height: 172px; margin: 7px; margin-top: 0; }
@media (max-width: 872px) { .d-services-detail__title { float: none; width: auto; height: auto; margin-left: auto; margin-right: auto; } }

.d-services-detail__title img { width: 100%; }

.d-services-detail__catchcopy { position: relative; font-size: 20px; line-height: 150%; width: 840px; width: auto; margin: 0; margin-top: 70px; margin-top: 0; padding: 0 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: middle; height: 172px; }
@media (max-width: 872px) { .d-services-detail__catchcopy { height: auto; padding: 0 16px; padding-bottom: 16px; text-align: left; } }

.d-services-detail__body { border-top: 1px solid #e8e8e8; padding-top: 15px; }

.d-services-detail__image { float: left; max-width: 384px; width: 384px; margin: 7px; margin-top: 0; padding: 0 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 872px) { .d-services-detail__image { float: none; width: auto; height: auto; margin-left: auto; margin-right: auto; } }

.d-services-detail__image-img { max-width: 320px; width: 320px; height: 143px; width: 320px; height: auto; }

.d-services-detail__image-img img { width: 2240px; width: 100%; }

.d-services-detail__image img:not:first-child { display: block; width: 320px; height: auto; margin-bottom: 16px; vertical-align: bottom; }

.d-services-detail__text { float: right; width: 100%; margin-left: -398px; padding: 0 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media (max-width: 872px) { .d-services-detail__text { float: none; margin-left: 0; padding: 0 16px; } }

.d-services-detail__data { margin: 0; margin-left: 394px; }
@media (max-width: 872px) { .d-services-detail__data { margin-left: 0; } }

.d-services-detail__data-inline { display: inline; }

.d-services-detail__data-title.d-services-detail__data-inline { padding-right: 0; }

.d-services-detail__data-body.d-services-detail__data-inline { padding-left: 0; }

.d-services-detail__tel { font-weight: bold; font-size: 24px; line-height: 150%; }

.d-services-detail__tel-bullet { display: inline-block; background: url(../images/common-bullet.png) left -53px no-repeat; padding-left: 22px; }

.d-services-detail__time { font-size: 12px; line-height: 150%; }

.d-services-detail__pcode { font-size: 12px; line-height: 150%; }

.d-services-detail__fax { font-size: 12px; line-height: 150%; }

.d-services-detail__url { text-transform: none; }

.d-services-detail__url-bullet { display: inline-block; background: url(../images/common-bullet.png) left -89px no-repeat; padding-left: 22px; max-width: 90%; overflow: hidden; white-space: nowrap; }

.d-services-detail__footer { position: absolute; right: 6px; bottom: 10px; }

.d-services-detail__footer-list { margin: 0; }

.d-services-detail__footer-list-one { font-size: 12px; line-height: 150%; }

.d-services-detail__footer-list-one a { display: inline-block; background: url(../images/common-bullet.png) right -126px no-repeat; padding-right: 20px; }