@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.3.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700|Noto+Serif+JP:600,700|Oswald|Roboto:400,700");
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* Sections
========================================================================== */
body {
  margin: 0;
}

article, aside, footer, header, nav, section {
  display: block;
}

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
========================================================================== */
figcaption, figure {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Links
========================================================================== */
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
  outline-width: 0;
}

/* Text-level semantics
========================================================================== */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

ul, li, ol, dt, dd {
  list-style: none;
}

/* Embedded content
========================================================================== */
audio, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

/* Forms
========================================================================== */
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

input {
  overflow: visible;
}

[type="checkbox"], [type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

/* Interactive
========================================================================== */
details {
  display: block;
}

summary {
  display: list-item;
}

menu {
  display: block;
}

/* Scripting
========================================================================== */
canvas {
  display: inline-block;
}

template {
  display: none;
}

/* Hidden
========================================================================== */
[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

.fr {
  float: right;
}

.imgR {
  float: right;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .imgR {
    float: none;
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0;
  }
}

.fl {
  float: left;
}

.imgL {
  float: left;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .imgL {
    float: none;
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0px;
  }
}

.imgC, .tC {
  text-align: center;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.tR {
  text-align: right;
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.pr0 {
  padding-right: 0 !important;
}

/* clearfix */
.clear-fix:after {
  content: " ";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/YakuHanMP-SemiBold.eot");
  src: url("/assets/fonts/YakuHanMP-SemiBold.woff2") format("woff2"), url("/assets/fonts/YakuHanMP-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "YakuHanMP";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/YakuHanMP-Bold.eot");
  src: url("/assets/fonts/YakuHanMP-Bold.woff2") format("woff2"), url("/assets/fonts/YakuHanMP-Bold.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/YakuHanJP-Regular.eot");
  src: url("/assets/fonts/YakuHanJP-Regular.woff2") format("woff2"), url("/assets/fonts/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/YakuHanJP-Bold.eot");
  src: url("/assets/fonts/YakuHanJP-Bold.woff2") format("woff2"), url("/assets/fonts/YakuHanJP-Bold.woff") format("woff");
}
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, th, td, address, li, dt, dd {
  font-weight: 400;
  letter-spacing: 1px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents input, .contents button, .contents textarea, .contents select, .contents p, .contents th, .contents td, .contents address, .contents li, .contents dt, .contents dd {
  line-height: 1.6;
}
@media screen and (min-width: 960px) {
  .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents input, .contents button, .contents textarea, .contents select, .contents p, .contents th, .contents td, .contents address, .contents li, .contents dt, .contents dd {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents input, .contents button, .contents textarea, .contents select, .contents p, .contents th, .contents td, .contents address, .contents li, .contents dt, .contents dd {
    font-size: 14px;
  }
}

/* =========================================================
	element style
========================================================= */
html, body {
  height: 100%;
}

body {
  background: #fefcf4;
  color: #312d2b;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input, textarea, button {
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-appearance: none;
}

a {
  color: #312d2b;
}
@media screen and (min-width: 960px) {
  a {
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  a:hover {
    text-decoration: none;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* =========================================================
 icon
========================================================= */
i.arrow {
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
  vertical-align: middle;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
i.arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #887b5e;
  border-right: 1px solid #887b5e;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  vertical-align: middle;
  -webkit-transition: all .3s;
  transition: all .3s;
}

i.window {
  position: relative;
  display: inline-block;
  width: 9px;
  height: 7px;
  margin-right: 10px;
  border: 1px solid #887b5e;
}
i.window:after {
  display: block;
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 8px;
  height: 6px;
  border-right: 1px solid #887b5e;
  border-bottom: 1px solid #887b5e;
}

/* =========================================================
	general
========================================================= */
@media screen and (min-width: 960px) {
  .cnt-pc {
    display: block !important;
  }
}
@media screen and (max-width: 959px) {
  .cnt-pc {
    display: none !important;
  }
}

@media screen and (min-width: 960px) {
  .cnt-small {
    display: none !important;
  }
}
@media screen and (max-width: 959px) {
  .cnt-small {
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  .cnt-large {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .cnt-large {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .cnt-sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .cnt-sp {
    display: block !important;
  }
}

.contents h2, .contents h3 {
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 960px) {
  .contents h2 {
    margin-bottom: 30px;
    font-size: 30px;
  }
}
@media screen and (max-width: 959px) {
  .contents h2 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .contents h2 {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: center;
  }
}
.contents h2 span:first-child {
  margin-right: 10px;
  letter-spacing: 3px;
}
.contents h2 span.en {
  color: #887b5e;
  text-transform: uppercase;
}
@media screen and (min-width: 960px) {
  .contents h2 span.en {
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  .contents h2 span.en {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .contents h2 span.en {
    display: block;
    font-size: 11px;
  }
  .contents h2 span:first-child {
    margin-right: 0px;
  }
}
@media screen and (min-width: 960px) {
  .contents h2 small {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  .contents h2 small {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents h2 small {
    font-size: 12px;
  }
}
.contents h3 {
  padding-left: 10px;
  border-left: 3px solid #887b5e;
}
@media screen and (min-width: 960px) {
  .contents h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
  }
}
@media screen and (max-width: 959px) {
  .contents h3 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .contents h3 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.article:after, .section:after {
  content: " ";
  display: block;
  clear: both;
}
.article p, .article ul, .article dl, .section p, .section ul, .section dl {
  margin-bottom: 1em;
  line-height: 1.8;
}
.article p:last-child, .article ul:last-child, .article dl:last-child, .section p:last-child, .section ul:last-child, .section dl:last-child {
  margin-bottom: 0;
}

.article {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .article {
    padding: 0 0 80px;
  }
}
@media screen and (max-width: 959px) {
  .article {
    padding: 0 0 60px;
  }
}
@media screen and (max-width: 767px) {
  .article {
    padding: 0 0 40px;
  }
}

.section {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .section {
    padding: 60px 0 0;
  }
}
@media screen and (max-width: 959px) {
  .section {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .section {
    padding: 25px 0 0;
  }
}

h2 + .section {
  padding-top: 0;
}

table:not(.ui-datepicker-calendar) {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #e0ddd6;
}
table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar) td {
  padding: 20px;
  border: none;
  border-bottom: 1px solid #e0ddd6;
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  table:not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar) td {
    padding: 10px;
  }
}
table:not(.ui-datepicker-calendar) th {
  background: #f6f5f2;
}
table:not(.ui-datepicker-calendar) td {
  background: #fff;
}
table:not(.ui-datepicker-calendar) td ul:last-child, table:not(.ui-datepicker-calendar) td dl:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  table:not(.ui-datepicker-calendar):not(.normal):not(.ui-datepicker-calendar) th, table:not(.ui-datepicker-calendar):not(.normal):not(.ui-datepicker-calendar) td {
    display: block;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  table:not(.ui-datepicker-calendar):not(.normal):not(.ui-datepicker-calendar) th {
    border-bottom: none;
  }
}

.bold {
  font-weight: 700;
}

.emphasis {
  color: #881104;
  font-weight: 700;
}
.emphasis a {
  color: inherit;
}

p.attention {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 13px;
}

ul.attention {
  margin-top: 10px;
}
ul.attention li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 13px;
}

sup {
  font-size: 75%;
}

@media screen and (max-width: 767px) {
  .nopost {
    width: 100%;
    text-align: center;
  }
}

ul.list li {
  position: relative;
  padding-left: 1em;
}
ul.list li:last-child {
  margin-bottom: 0;
}
ul.list li:before {
  position: absolute;
  display: block;
  content: '';
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #887b5e;
  border-radius: 100%;
}

ol.num {
  padding: 0 25px 0 25px;
  list-style-position: outside;
}
ol.num li {
  list-style-type: decimal;
}
ol.num li:last-child {
  margin-bottom: 0;
}

.btn-link {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .btn-link {
    padding: 50px 0 0;
  }
}
@media screen and (max-width: 959px) {
  .btn-link {
    padding: 30px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .btn-link li {
    display: inline-block;
  }
  .btn-link li:nth-child(1), .btn-link li:nth-child(2) {
    margin-top: 0 !important;
  }
  .btn-link li a {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  .btn-link li {
    width: calc(50% - 15px);
    margin-top: 30px;
    font-size: 16px;
  }
  .btn-link li:nth-child(odd) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 959px) {
  .btn-link li {
    width: calc(50% - 10px);
    margin-top: 20px;
    font-size: 14px;
  }
  .btn-link li:nth-child(odd) {
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn-link li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .btn-link li:last-child {
    margin-bottom: 0;
  }
  .cnt-new_method .btn-link li {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0px;
  }
  .cnt-new_method .btn-link li:last-child {
    margin-bottom: 0;
  }
}

ul.btn-link {
  font-size: 0;
}

@media screen and (min-width: 960px) {
  .btn-link, div.btn {
    margin: auto;
  }
}

.btn-link a, .btn span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 350px;
  margin: 0 auto;
  background: #887b5e;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 960px) {
  .btn-link a, .btn span {
    height: 60px;
    padding: 0 40px;
  }
  .btn-link a:hover, .btn span:hover {
    background: #bab19b !important;
  }
}
@media screen and (max-width: 959px) {
  .btn-link a, .btn span {
    width: 90%;
    height: 50px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .btn-link a, .btn span {
    width: 100%;
    padding: 0 25px;
  }
}
.btn-link a i:not(.arrow):not(.window), .btn span i:not(.arrow):not(.window) {
  margin-right: 5px;
  width: 26px;
  height: 26px;
}
.btn-link a i.arrow, .btn span i.arrow {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn-link a i.arrow:before, .btn span i.arrow:before {
  border-color: #fff;
}
.btn-link a i.window, .btn span i.window {
  border-color: #fff;
}
.btn-link a i.window:after, .btn span i.window:after {
  border-color: #fff;
}
.btn-link a svg, .btn span svg {
  fill: #fff;
  width: 26px;
  height: 26px;
}

.category-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #bab19b;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .category-link {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .category-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.category-link dt, .category-link dd {
  color: #fff;
  font-family: "Oswald", sans-serif;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .category-link dt, .category-link dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.category-link dt {
  background: #887b5e;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .category-link dt {
    width: 180px;
  }
}
@media screen and (max-width: 959px) {
  .category-link dt {
    width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .category-link dt {
    width: 100%;
    padding: 15px;
    text-align: center;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) {
  .category-link dt:not(.toggle-btn) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .category-link dt:not(.toggle-btn) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .category-link dt.toggle-btn {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .category-link dt.toggle-btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .category-link dt.toggle-btn {
    position: relative;
    display: block;
  }
  .category-link dt.toggle-btn:before {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotateZ(135deg);
            transform: rotateZ(135deg);
  }
}
.category-link dd {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .category-link dd {
    display: block !important;
  }
}
@media screen and (min-width: 960px) {
  .category-link dd {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 959px) {
  .category-link dd {
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 767px) {
  .category-link dd {
    overflow: hidden;
    display: none;
    width: 100%;
  }
}
.category-link ul {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .category-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .category-link li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 25%;
    margin-bottom: -1px;
    border-right: 1px solid #fff;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    position: relative;
  }
  .category-link li:nth-of-type(1), .category-link li:nth-of-type(2), .category-link li:nth-of-type(3), .category-link li:nth-of-type(4) {
    border-bottom: 1px solid #fefcf4;
  }
  .category-link li:nth-of-type(4n) {
    border-right: none;
  }
}
@media screen and (min-width: 960px) {
  .category-link li {
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  .category-link li {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .category-link li {
    width: 100%;
    border-bottom: 1px solid #fefcf4;
  }
  .category-link li:last-child {
    border-bottom: none;
  }
}
.category-link a {
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .category-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    white-space: nowrap;
  }
}
@media screen and (min-width: 960px) {
  .category-link a {
    padding: 20px;
  }
  .category-link a:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .category-link a.current {
    background: #A19881;
  }
}
@media screen and (max-width: 959px) {
  .category-link a {
    padding: 15px;
  }
}
.category-link a i.arrow:before {
  border-color: #fff;
}

.wp-pagenavi {
  padding-top: 50px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
}
.wp-pagenavi span, .wp-pagenavi a {
  display: inline-block;
  width: 35px;
  margin: 0 1px 0 2px;
  *display: inline;
  *zoom: 1;
  line-height: 35px;
}
.wp-pagenavi .current {
  border: solid 1px #887b5e;
  background: #887b5e;
  color: #fff;
}
.wp-pagenavi .extend {
  padding: 0;
}
.wp-pagenavi .first, .wp-pagenavi .last {
  width: auto;
  padding: 0 10px;
}
.wp-pagenavi .pages {
  width: auto;
  margin-right: 5px;
}
.wp-pagenavi a {
  border: solid 1px #ddd;
  background: #fff;
  color: #aaa;
  text-decoration: none;
}
.wp-pagenavi a:hover {
  border: solid 1px #887b5e;
  background: #fff;
  color: #312d2b;
}

@media screen and (max-width: 959px) {
  .map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* =========================================================
	tab
========================================================= */
.contents .tab, .contents .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #bab19b;
}
@media screen and (min-width: 960px) {
  .contents .tab, .contents .tab-list {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 959px) {
  .contents .tab, .contents .tab-list {
    margin-bottom: 20px;
  }
}
.contents .tab li, .contents .tab-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border: 1px solid #e0ddd6;
  border-bottom: none;
  background: rgba(255, 255, 255, 0.5);
  color: #e0ddd6;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  border-radius: 5px 5px 0 0;
  -webkit-transition: all ease .1s;
  transition: all ease .1s;
}
@media screen and (min-width: 960px) {
  .contents .tab li, .contents .tab-list li {
    margin-right: 15px;
  }
}
@media screen and (max-width: 959px) {
  .contents .tab li, .contents .tab-list li {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contents .tab li, .contents .tab-list li {
    margin-right: 5px;
  }
}
.contents .tab li:after, .contents .tab-list li:after {
  opacity: 0;
  display: block;
  content: "";
  position: absolute;
  left: calc(50% - 10px);
  bottom: -8px;
  width: 20px;
  height: 20px;
  background: #887b5e;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  -webkit-transition: all ease .2s;
  transition: all ease .2s;
  z-index: 2;
}
.contents .tab li:last-child, .contents .tab-list li:last-child {
  float: right;
  margin-right: 0;
}
.contents .tab li span, .contents .tab-list li span {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 960px) {
  .contents .tab li, .contents .tab-list li {
    height: 70px;
  }
}
@media screen and (max-width: 959px) {
  .contents .tab li, .contents .tab-list li {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contents .tab li, .contents .tab-list li {
    height: 50px;
  }
}
.contents .tab li.select, .contents .tab li.current, .contents .tab-list li.select, .contents .tab-list li.current {
  margin-top: 0;
  border-color: #887b5e;
  background: #887b5e;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .contents .tab li.select, .contents .tab li.current, .contents .tab-list li.select, .contents .tab-list li.current {
    height: 80px;
  }
}
@media screen and (max-width: 959px) {
  .contents .tab li.select, .contents .tab li.current, .contents .tab-list li.select, .contents .tab-list li.current {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contents .tab li.select, .contents .tab li.current, .contents .tab-list li.select, .contents .tab-list li.current {
    height: 60px;
  }
}
.contents .tab li.select:after, .contents .tab li.current:after, .contents .tab-list li.select:after, .contents .tab-list li.current:after {
  opacity: 1;
}
@media screen and (min-width: 960px) {
  .contents .tab li:not(.select):not(.current):hover, .contents .tab-list li:not(.select):not(.current):hover {
    margin-top: 0;
    height: 80px;
    background: #fff;
    color: #887b5e;
  }
}
.contents .tab li small, .contents .tab-list li small {
  display: block;
  font-size: 80%;
}
.contents .tab-cnt {
  display: none;
}
.contents .tab-cnt.current {
  display: block;
}

/* =========================================================
	method
========================================================= */
.contents .cnt-new_method {
  background-color: #fff;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents .cnt-new_method {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: 15px;
    justify-content: space-around;
  }
  .contents .cnt-method:before, .contents .cnt-method:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e0ddd6;
  }
  .contents .cnt-method:before {
    left: 32.22222%;
  }
  .contents .cnt-method:after {
    right: 32.22222%;
  }
}
.contents .cnt-method .item {
  position: relative;
  text-align: center;
}
.contents .cnt-new_method .item {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method .item {
    padding: 30px 0;
  }
  .contents .cnt-new_method .item {
    padding: 0;
  }
  .contents .cnt-method .item:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  .contents .cnt-method .item {
    width: calc(33.33333% - 40px);
    margin-right: 60px;
  }
  .contents .cnt-new_method .item {
    width: calc(33.33333% - 0px);
    margin-right: 0px;
    padding: 15px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .contents .cnt-method .item {
    width: calc(33.33333% - 30px);
    padding: 20px 0;
    margin-right: 45px;
  }
  .contents .cnt-new_method .item {
    width: calc(33.33333% - 30px);
    padding: 20px 0;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-method .item {
    padding: 0 30px;
  }
  .contents .cnt-new_method .item {
    padding: 40px 0 0 0;
  }
  .contents .cnt-new_method .item:nth-child(1) {
    padding: 0 0 0 0;
  }
}
.contents .cnt-method .txt {
  position: relative;
  line-height: 1.5;
}
.contents .cnt-new_method .txt {
  position: relative;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method .txt {
    padding-top: 40px;
  }
  .contents .cnt-new_method .txt {
    padding-top: 20px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-method .txt {
    padding-top: 30px;
  }
  .contents .cnt-new_method .txt {
    padding-top: 20px;
  }
}
.contents .cnt-method h3 {
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.contents .cnt-new_method h3 {
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method h3 {
    margin-bottom: 25px;
    font-size: 24px;
  }
  .contents .cnt-new_method h3 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-method h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .contents .cnt-new_method h3 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.contents .cnt-method h3 i {
  display: block;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: #bab19b;
  border-radius: 100%;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 22px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.contents .cnt-method h3 small {
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}
.contents .cnt-new_method h3 small {
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  color: #887b5e;
}
.contents .cnt-new_method p small {
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method h3 small {
    font-size: 14px;
  }
  .contents .cnt-new_method h3 small {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-method h3 small {
    font-size: 12px;
  }
  .contents .cnt-new_method h3 small {
    font-size: 14px;
  }
  .contents .cnt-new_method p small {
    font-size: 12px;
  }
  .contents .cnt-new_method img.three_plan-image{
    width: 50%;
  }
}
.contents .cnt-method h3 span {
  display: block;
}
.contents .cnt-new_method h3 span {
  display: block;
}
.contents .cnt-method h3 span:last-child {
  margin-top: 15px;
  color: #887b5e;
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}
.contents .cnt-method p {
  margin: 0;
}
.contents .cnt-new_method p {
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .contents .cnt-method p {
    font-size: 15px;
  }
  .contents .cnt-new_method p {
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-method p {
    font-size: 14px;
  }
  .contents .cnt-new_method p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .contents .cnt-method .btn-link {
    padding-top: 30px;
  }
  .contents .cnt-new_method .btn-link {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-method .btn-link {
    padding-top: 20px;
  }
  .contents .cnt-new_method .btn-link {
    padding-top: 20px;
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .contents .cnt-method li {
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }
  .contents .cnt-new_method li {
    display: block;
    width: 100%;
    margin: 0 0 15px;
  }
  .contents .cnt-method li:last-child {
    margin-bottom: 0;
  }
  .contents .cnt-new_method li:last-child {
    margin-bottom: 0;
  }
}
.contents .cnt-method a {
  width: 100%;
  padding: 0;
  height: 50px;
}
.contents .cnt-new_method a {
  width: 100%;
  padding: 0;
  height: 50px;
  background-color: #312d2b;
}
.contents .cnt-new_method a.btn_s {
  border: solid 1px #e0ddd6;
  background-color: #fff;
  color: #312d2b;
  box-shadow: none;
}
.contents .cnt-new_method a.btn_s::after {
  display: block;
    content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #887c60;
  border-right: 1px solid #887c60;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .contents .cnt-new_method a {
    width: 100%;
    padding: 0;
    height: 60px;
    background-color: #312d2b;
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }
  .contents .cnt-new_method a.btn_s::after {
    right: 10px;
  }
}
.contents .cnt-new_method a:hover{
  background-color: #746d69!important;
}
.contents .cnt-new_method a.btn_s:hover {
  background-color: #fff!important;
  color:#887b5e;
  border: solid 1px #887b5e;

}

/* =========================================================
	shop feature
========================================================= */
@media screen and (min-width: 768px) {
  .contents .cnt-shopfeature {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .cnt-shopfeature:before, .contents .cnt-shopfeature:after {
    display: block;
    content: "";
    position: absolute;
    background: #e0ddd6;
  }
  .contents .cnt-shopfeature:before {
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
  }
  .contents .cnt-shopfeature:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
  }
}
.contents .cnt-shopfeature figure {
  overflow: hidden;
}
.contents .cnt-shopfeature .item {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents .cnt-shopfeature .item {
    width: 46.66666%;
  }
  .contents .cnt-shopfeature .item:nth-of-type(1), .contents .cnt-shopfeature .item:nth-of-type(2) {
    padding: 20px 0 60px;
  }
  .contents .cnt-shopfeature .item:nth-of-type(3), .contents .cnt-shopfeature .item:nth-of-type(4) {
    padding: 60px 0 20px;
  }
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopfeature .item {
    width: calc(50% - 30px);
  }
  .contents .cnt-shopfeature .item:nth-of-type(1), .contents .cnt-shopfeature .item:nth-of-type(3) {
    margin-right: 60px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .contents .cnt-shopfeature .item {
    width: calc(50% - 20px);
    padding: 20px 0;
  }
  .contents .cnt-shopfeature .item:nth-of-type(1), .contents .cnt-shopfeature .item:nth-of-type(2) {
    padding: 15px 0 40px;
  }
  .contents .cnt-shopfeature .item:nth-of-type(3), .contents .cnt-shopfeature .item:nth-of-type(4) {
    padding: 40px 0 15px;
  }
  .contents .cnt-shopfeature .item:nth-of-type(1), .contents .cnt-shopfeature .item:nth-of-type(3) {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopfeature .item {
    padding: 0 30px !important;
  }
}
.contents .cnt-shopfeature .item * {
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}
.contents .cnt-shopfeature .txt {
  position: relative;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopfeature .txt {
    padding-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-shopfeature .txt {
    padding-top: 30px;
  }
}
.contents .cnt-shopfeature h3 {
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .contents .cnt-shopfeature h3 {
    margin-bottom: 25px;
    font-size: 24px;
    text-align: center;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopfeature h3 {
    font-size: 18px;
  }
}
.contents .cnt-shopfeature h3 i {
  display: block;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: -20px;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: #bab19b;
  border-radius: 100%;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 22px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.contents .cnt-shopfeature h3 small {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contents .cnt-shopfeature h3 small {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopfeature h3 small {
    font-size: 12px;
  }
}
.contents .cnt-shopfeature h3 span {
  display: block;
}
.contents .cnt-shopfeature p {
  margin: 0;
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopfeature p {
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-shopfeature p {
    font-size: 14px;
  }
}
.contents .cnt-shopfeature .btn span {
  height: 50px;
}
@media screen and (min-width: 768px) {
  .contents .cnt-shopfeature .btn {
    margin-top: 30px;
  }
  .contents .cnt-shopfeature .btn span {
    width: 300px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-shopfeature .btn span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopfeature .btn {
    margin-top: 20px;
  }
}
.contents .cnt-shopfeature .btn i:before {
  border-color: #fff;
}
.contents .cnt-shopfeature a {
  display: block;
  width: 100%;
  padding: 0;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopfeature a:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .contents .cnt-shopfeature a:hover .btn span {
    background: #bab19b;
  }
}

/* =========================================================
	shop info
========================================================= */
.contents .cnt-shopinfo figure {
  font-size: 0;
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopinfo figure {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-shopinfo figure {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopinfo figure {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .contents .cnt-shopinfo figure span {
    display: inline-block;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopinfo figure span {
    display: block;
  }
  .contents .cnt-shopinfo figure span:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 960px) {
  .contents .cnt-shopinfo .map {
    margin-top: 50px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-shopinfo .map {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-shopinfo .map {
    margin-top: 20px;
  }
}

/* =========================================================
	our feature
========================================================= */
@media screen and (min-width: 768px) {
  .contents .cnt-ourfeature {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .cnt-ourfeature:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e0ddd6;
  }
}
.contents .cnt-ourfeature figure {
  overflow: hidden;
}
.contents .cnt-ourfeature .item {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contents .cnt-ourfeature .item {
    width: 46.66666%;
  }
}
@media screen and (min-width: 960px) {
  .contents .cnt-ourfeature .item {
    width: calc(50% - 30px);
    padding: 30px 0;
  }
  .contents .cnt-ourfeature .item:nth-of-type(1) {
    margin-right: 60px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .contents .cnt-ourfeature .item {
    width: calc(50% - 20px);
    padding: 20px 0;
  }
  .contents .cnt-ourfeature .item:nth-of-type(1) {
    margin-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-ourfeature .item {
    padding: 0;
    margin-bottom: 30px;
  }
  .contents .cnt-ourfeature .item:last-child {
    margin-bottom: 0;
  }
}
.contents .cnt-ourfeature .item * {
  -webkit-transition: all ease .5s;
  transition: all ease .5s;
}
.contents .cnt-ourfeature .txt {
  position: relative;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .contents .cnt-ourfeature .txt {
    padding-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-ourfeature .txt {
    padding-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-ourfeature .txt {
    padding-top: 20px;
  }
}
.contents .cnt-ourfeature h3 {
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .contents .cnt-ourfeature h3 {
    margin-bottom: 25px;
    font-size: 24px;
    text-align: center;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-ourfeature h3 {
    font-size: 18px;
  }
}
.contents .cnt-ourfeature h3 small {
  display: block;
}
@media screen and (min-width: 768px) {
  .contents .cnt-ourfeature h3 small {
    margin-bottom: 8px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-ourfeature h3 small {
    margin-bottom: 5px;
    font-size: 14px;
  }
}
.contents .cnt-ourfeature h3 span {
  display: block;
}
.contents .cnt-ourfeature i.new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 30px;
  width: 80px;
  height: 80px;
  background: #881104;
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 2px;
  -webkit-transform: rotateZ(-15deg);
          transform: rotateZ(-15deg);
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .contents .cnt-ourfeature i.new {
    top: -10px;
    left: 20px;
    width: 65px;
    height: 65px;
    font-size: 18px;
  }
}
.contents .cnt-ourfeature i.new:before, .contents .cnt-ourfeature i.new:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #881104;
}
.contents .cnt-ourfeature i.new:before {
  -webkit-transform: rotateZ(60deg);
          transform: rotateZ(60deg);
}
.contents .cnt-ourfeature i.new:after {
  -webkit-transform: rotateZ(120deg);
          transform: rotateZ(120deg);
}
.contents .cnt-ourfeature i.new span {
  position: relative;
  z-index: 10;
}
.contents .cnt-ourfeature p, .contents .cnt-ourfeature li {
  margin: 0;
}
@media screen and (min-width: 960px) {
  .contents .cnt-ourfeature p, .contents .cnt-ourfeature li {
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-ourfeature p, .contents .cnt-ourfeature li {
    font-size: 14px;
  }
}
.contents .cnt-ourfeature .btn span {
  height: 50px;
}
@media screen and (min-width: 768px) {
  .contents .cnt-ourfeature .btn {
    margin-top: 30px;
  }
  .contents .cnt-ourfeature .btn span {
    width: 300px;
  }
}
@media screen and (max-width: 959px) {
  .contents .cnt-ourfeature .btn span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents .cnt-ourfeature .btn {
    margin-top: 20px;
  }
}
.contents .cnt-ourfeature .btn i:before {
  border-color: #fff;
}
.contents .cnt-ourfeature a {
  display: block;
  width: 100%;
  padding: 0;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .cnt-ourfeature a:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .contents .cnt-ourfeature a:hover .btn span {
    background: #bab19b;
  }
}

/* =========================================================
 analysis
========================================================= */
.analysis-photo:after {
  content: " ";
  display: block;
  clear: both;
}
@media screen and (min-width: 960px) {
  .analysis-photo li {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
}
@media screen and (max-width: 959px) {
  .analysis-photo li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .analysis-photo li {
    float: left;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .analysis-photo li {
    width: 100%;
    margin-right: 0;
    margin-top: 1em;
  }
}
.analysis-photo li:nth-of-type(2n) {
  margin-right: 0;
}

.analysis-summary {
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  .analysis-summary {
    margin-top: 50px;
    padding: 0 40px 40px;
  }
}
@media screen and (max-width: 959px) {
  .analysis-summary {
    padding: 0 30px 30px;
  }
}
@media screen and (max-width: 767px) {
  .analysis-summary {
    padding: 0 15px 15px;
  }
}
.analysis-summary h4 {
  position: relative;
  background: #887b5e;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .analysis-summary h4 {
    margin: 0 -40px 40px;
    padding: 20px 30px;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  .analysis-summary h4 {
    margin: 0 -30px 30px;
    padding: 15px 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .analysis-summary h4 {
    margin: 0 -15px 15px;
    padding: 10px 15px;
    font-size: 16px;
  }
}
.analysis-summary table {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .analysis-summary table th {
    width: 20%;
  }
}
.analysis-summary .caution {
  background: rgba(136, 17, 4, 0.1);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  .analysis-summary .caution {
    margin-top: 30px;
    padding: 30px;
  }
}
@media screen and (max-width: 959px) {
  .analysis-summary .caution {
    margin-top: 20px;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .analysis-summary .caution {
    margin-top: 1em;
    padding: 10px;
  }
}
.analysis-summary .caution dt {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #e0ddd6;
  color: #881104;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .analysis-summary .caution li {
    font-size: 14px;
  }
}
@media screen and (max-width: 959px) {
  .analysis-summary .caution li {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .analysis-summary .caution li {
    font-size: 11px;
  }
}

/* =========================================================
 processing-flow
========================================================= */
.processing-flow .item {
  position: relative;
  margin-bottom: 40px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  .processing-flow .item {
    padding: 30px 40px;
  }
}
@media screen and (max-width: 959px) {
  .processing-flow .item {
    padding: 20px 30px;
  }
}
@media screen and (max-width: 767px) {
  .processing-flow .item {
    margin-bottom: 30px;
    padding: 15px;
  }
}
.processing-flow .item:before, .processing-flow .item:after {
  display: block;
  content: "";
  position: absolute;
  background: #fff;
}
.processing-flow .item:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  z-index: 3;
}
.processing-flow .item:after {
  left: calc(50% - 20px);
  bottom: -18px;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .processing-flow .item:after {
    left: calc(50% - 15px);
    bottom: -13px;
    width: 30px;
    height: 30px;
  }
}
.processing-flow .item:last-child {
  margin-bottom: 0;
}
.processing-flow .item:last-child:after {
  display: none;
}
.processing-flow .item hr {
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
.processing-flow .txt {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .processing-flow .txt {
    float: left;
  }
}
@media screen and (min-width: 960px) {
  .processing-flow .txt {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 959px) {
  .processing-flow .txt {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 767px) {
  .processing-flow .txt {
    width: 100%;
  }
}
.processing-flow h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px dotted #e0ddd6;
  font-weight: 600;
}
@media screen and (min-width: 960px) {
  .processing-flow h4 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  .processing-flow h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .processing-flow h4 {
    font-size: 16px;
  }
}
.processing-flow h4 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  background: #bab19b;
  border-radius: 100%;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .processing-flow h4 i {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  .processing-flow h4 i {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
}
.processing-flow figure {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .processing-flow figure {
    float: right;
  }
}
@media screen and (min-width: 960px) {
  .processing-flow figure {
    width: 250px;
  }
}
@media screen and (max-width: 959px) {
  .processing-flow figure {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .processing-flow figure {
    width: 100%;
    margin-top: 1em;
  }
}

/* =========================================================
	fade
========================================================= */
#js_fade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999999;
  display: none; /* ローディングの削除  */
}
#js_fade .sk-fading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
}
#js_fade .sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#js_fade .sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #887b5e;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
#js_fade .sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
#js_fade .sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
#js_fade .sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#js_fade .sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
#js_fade .sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
#js_fade .sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
#js_fade .sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
#js_fade .sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
#js_fade .sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
#js_fade .sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
#js_fade .sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
#js_fade .sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
#js_fade .sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
#js_fade .sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
#js_fade .sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
#js_fade .sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
#js_fade .sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
#js_fade .sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
#js_fade .sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
#js_fade .sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
#js_fade .sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
#js_fade .sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/* =========================================================
	#wrapper
========================================================= */
#wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  #wrapper {
    padding-left: 300px;
  }
}
@media screen and (max-width: 959px) {
  #wrapper {
    padding-top: 70px;
  }
}

/* =========================================================
	.contents
========================================================= */
.contents {
  position: relative;
  width: 90%;
  margin: auto;
  z-index: 1;
}
.contents:after {
  content: " ";
  display: block;
  clear: both;
}
@media screen and (min-width: 960px) {
  .contents {
    max-width: 900px;
    padding-top: 80px;
  }
}
@media screen and (max-width: 959px) {
  .contents {
    padding-top: 60px;
  }
}

/* =========================================================
	.pagetitle
========================================================= */
.pagetitle {
  position: relative;
  background: #887b5e;
}
.pagetitle h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 960px) {
  .pagetitle h1 {
    height: 250px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  .pagetitle h1 {
    height: 180px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle h1 {
    height: auto;
    padding: 30px 0;
  }
}
.pagetitle h1 small {
  display: block;
  width: 100%;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .pagetitle h1 small {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  .pagetitle h1 small {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle h1 small {
    margin-bottom: 6px;
    font-size: 12px;
    text-align: center;
  }
}
.pagetitle h1 span {
  display: block;
  width: 100%;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .pagetitle h1 span {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle h1 span {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  .pagetitle h1 span:nth-of-type(1) {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  .pagetitle h1 span:nth-of-type(1) {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle h1 span:nth-of-type(1) {
    font-size: 24px;
  }
}
.pagetitle h1 span:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  margin-top: 15px;
}
@media screen and (min-width: 960px) {
  .pagetitle h1 span:nth-of-type(2) {
    font-size: 14px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) {
  .pagetitle h1 span:nth-of-type(2) {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .pagetitle h1 span:nth-of-type(2) {
    margin-top: 10px;
    font-size: 10px;
  }
}

/* =========================================================
	.breadcrumbs
========================================================= */
.breadcrumbs {
  position: absolute;
  left: 5%;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  .breadcrumbs {
    bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  .breadcrumbs {
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    bottom: -10px;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.breadcrumbs ol {
  font-size: 0;
}
.breadcrumbs li {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .breadcrumbs li {
    font-size: 11px;
  }
}
@media screen and (max-width: 959px) {
  .breadcrumbs li {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumbs li {
    margin-right: 5px;
    margin-bottom: 5px;
    color: #312d2b;
  }
}
.breadcrumbs li:not(:last-child) {
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .breadcrumbs li:not(:last-child) {
    padding-right: 12px;
  }
}
.breadcrumbs li:not(:last-child):before {
  display: inline-block;
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .breadcrumbs li:not(:last-child):before {
    border-color: rgba(49, 45, 43, 0.5);
  }
}
.breadcrumbs a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .breadcrumbs a {
    color: rgba(49, 45, 43, 0.5);
  }
}
.breadcrumbs a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.breadcrumbs br {
	display: none;
}

/* =========================================================
	header
========================================================= */
.header {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 700;
}
@media screen and (min-width: 960px) {
  .header {
    width: 300px;
    height: 100%;
  }
}
@media screen and (max-width: 959px) {
  .header {
    width: 100%;
    height: 50px;
    z-index: 99999;
  }
}
.header * {
  line-height: 1;
}
.header a {
  text-decoration: none;
  display: block;
}
@media screen and (max-width: 959px) {
  .header .head-logo {
    padding: 10px 0 0 10px;
  }
}
@media screen and (min-width: 960px) {
  .header .head-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 180px;
  }
  .header .head-logo a:hover {
    opacity: .8;
  }
}
@media screen and (min-width: 960px) and (max-height: 900px) {
  .header .head-logo a {
    height: 130px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-logo a {
    width: 95px;
    height: 30px;
    background: url("/assets/images/head-logo-sp.png") no-repeat top left;
    background-size: 100%;
  }
}
@media screen and (min-width: 960px) {
  .header .head-logo img {
    width: 90px;
  }
}
@media screen and (min-width: 960px) and (max-height: 900px) {
  .header .head-logo img {
    width: 70px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-logo img {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .header aside.support {
    padding: 8px 0;
    background: #887b5e;
    color: #fff;
    font-size: 13px;
    font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600;
    text-align: center;
  }
}
@media screen and (max-width: 959px) {
  .header aside.support {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 20px;
    background: #312d2b;
    color: #fff;
    font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    line-height: 18px;
  }
}
@media screen and (max-width: 959px) {
  .header .menu {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    background: #312d2b;
    text-align: left;
    z-index: 999999;
  }
  .header .menu.on {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 959px) {
  .header .menu-scroll {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.header .gnav a {
  position: relative;
}
.header .gnav a:focus {
  outline: none;
}
@media screen and (min-width: 960px) {
  .header .gnav a {
    cursor: pointer;
  }
  .header .gnav a:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #312d2b;
    z-index: 1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
  }
  .header .gnav a:hover:before, .header .gnav a.is-active:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    border-color: #fff;
  }
  .header .gnav a:hover span, .header .gnav a.is-active span {
    color: #fff !important;
  }
  .header .gnav a:hover i:before, .header .gnav a.is-active i:before {
    border-color: #fff;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav a {
    padding: 20px;
    color: #fff;
  }
  .header .gnav a i:before {
    border-color: #fff;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav a.toggle {
    pointer-events: none;
  }
}
.header .gnav span {
  position: relative;
  z-index: 2;
}
.header .gnav li {
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 960px) {
  .header .gnav li {
    border-bottom: 1px solid #e0ddd6;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav li {
    border-bottom: 1px solid #f6f5f2;
  }
}
.header .gnav li.nav-l a {
  padding: 20px;
  font-size: 20px;
}
.header .gnav li.nav-l-2 a {
  padding: 20px;
  font-size: 20px;
}
@media screen and (min-width: 960px) {
  .header .gnav li.nav-l a:hover:after {
    right: 18px !important;
  }
  .header .gnav li.nav-l-2 a:hover:after {
    right: 18px !important;
  }
}
@media screen and (min-width: 960px) and (max-height: 900px) {
  .header .gnav li.nav-l a {
    padding: 15px 20px;
    font-size: 18px;
  }
  .header .gnav li.nav-l-2 a {
    padding: 15px 20px;
    font-size: 18px;
  }
}
.header .gnav li.nav-l a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #887b5e;
  border-right: 1px solid #887b5e;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 2;
}
.header .gnav li.nav-l-2 a:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #887b5e;
  border-right: 1px solid #887b5e;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 2;
}
@media screen and (max-width: 959px) {
  .header .gnav li.nav-l a:after {
    border-color: #f6f5f2;
  }
  .header .gnav li.nav-l-2 a:after {
    border-color: #f6f5f2;
    display: none;
  }
}
.header .gnav li.nav-l a span {
  display: block;
}
.header .gnav li.nav-l a span:first-child {
  margin-bottom: 5px;
}
.header .gnav li.nav-l-2 a span {
  display: block;
}
.header .gnav li.nav-l-2 a span:first-child {
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .header .gnav li.nav-l a span:first-child {
    font-size: 12px;
    color: #887b5e;
  }
}
@media screen and (min-width: 960px) and (max-height: 809px) {
  .header .gnav li.nav-l a span:first-child {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav li.nav-l a span:first-child {
    font-size: 12px;
  }
}
@media screen and (min-width: 960px) {
  .header .gnav li.nav-l-2 a span:first-child {
    font-size: 12px;
    color: #887b5e;
  }
}
@media screen and (min-width: 960px) and (max-height: 809px) {
  .header .gnav li.nav-l-2 a span:first-child {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav li.nav-l-2 a span:first-child {
    font-size: 12px;
  }
}
@media screen and (min-width: 960px) {
  .header .gnav li.nav-s a {
    padding: 15px 20px;
    background: #f6f5f2;
    font-size: 14px;
  }
  .header .gnav li.nav-s a.current {
    color: #887b5e;
  }
}
.header .gnav li.nav-s a i {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 960px) {
  .header .gnav li ul {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav li ul {
    padding: 0;
    background: #887b5e;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .header .gnav li ul a {
    overflow: hidden;
    height: 0;
    padding: 0 20px !important;
    font-size: 16px !important;
    line-height: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .header .gnav li ul a:after {
    display: none !important;
  }
  .header .gnav li ul li {
    border: none;
  }
}
@media screen and (max-width: 959px) {
  .header .gnav li ul.is-open {
    padding: 15px 0;
    line-height: 1;
  }
  .header .gnav li ul.is-open a {
    height: auto;
    padding: 15px 20px !important;
    line-height: 1;
  }
}
@media screen and (min-width: 960px) {
  .header aside.jgma.is-pc {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .header aside.jgma.is-pc {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .header aside.jgma.is-sp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header aside.jgma.is-sp {
    display: block;
    position: absolute;
    top: 15px;
    right: 65px;
  }
}
.header aside.jgma a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media screen and (min-width: 960px) {
  .header aside.jgma a {
    height: 70px;
    padding-left: 20px;
  }
  .header aside.jgma a br {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header aside.jgma a {
    height: 20px;
  }
}
@media screen and (min-width: 960px) {
  .header aside.jgma figure {
    width: 60px;
  }
}
@media screen and (max-width: 959px) {
  .header aside.jgma figure {
    width: 36.5px;
  }
}
.header aside.jgma span {
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 960px) {
  .header aside.jgma span {
    display: block;
    padding-left: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 959px) {
  .header aside.jgma span {
    padding-left: 6px;
    font-size: 10px;
  }
}
.header .head-action {
  background: #bab19b;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .header .head-action {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
  }
}
@media screen and (min-width: 960px) and (max-height: 900px) {
  .header .head-action {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 15px;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
  }
}
.header .head-action li a {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 959px) {
  .header .head-action li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    height: 110px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li i {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li svg {
    width: 40px;
    height: 40px;
    fill: #887b5e;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li span {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    font-size: 14px;
    text-align: center;
    line-height: 1.3;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.delivery a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
  }
  .header .head-action li.delivery a br {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.delivery i {
    margin-right: 10px;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.delivery svg {
    width: 40px;
    height: 40px;
    fill: #887b5e;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess, .header .head-action li.mail {
    width: calc(50% - 5px);
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess a, .header .head-action li.mail a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    height: 110px;
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess i, .header .head-action li.mail i {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess svg, .header .head-action li.mail svg {
    width: 40px;
    height: 40px;
    fill: #887b5e;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess span, .header .head-action li.mail span {
    line-height: 1.3;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.assess {
    float: left;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.mail {
    float: right;
  }
}
.header .head-action li:not(.tel) {
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 960px) {
  .header .head-action li:not(.tel) a:hover {
    background: #fefcf4;
  }
}
.header .head-action li.tel {
  clear: both;
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .header .head-action li.tel {
    padding-top: 5px;
  }
  .header .head-action li.tel a {
    background: none;
    color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .header .head-action li.tel i {
    margin-right: 10px;
  }
}
.header .head-action li.tel span {
  font-family: "Oswald", sans-serif;
}
@media screen and (min-width: 960px) {
  .header .head-action li.tel span {
    font-size: 32px;
  }
  .header .head-action li.tel span.is-pc {
    display: inline-block;
  }
  .header .head-action li.tel span.is-sp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li.tel span.is-pc {
    display: none;
  }
  .header .head-action li.tel span.is-sp {
    display: block;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.tel svg {
    width: 30px;
    height: 30px;
    fill: #fff;
  }
}
@media screen and (min-width: 960px) {
  .header .head-action li.tel aside {
    margin-top: 10px;
    color: #fff;
    font-size: 13px;
  }
}
@media screen and (max-width: 959px) {
  .header .head-action li.tel aside {
    display: none;
  }
}
.header .menu-btn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: #f6f5f2;
  z-index: 9999;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  .header .menu-btn {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .header .menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}
.header .menu-btn aside {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: 10px;
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 1px;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.header .menu-btn figure {
  position: relative;
  width: 25px;
  height: 16px;
}
.header .menu-btn span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #312d2b;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header .menu-btn span:nth-child(1) {
  top: 0;
}
.header .menu-btn span:nth-child(2) {
  top: calc(50% - 1px);
}
.header .menu-btn span:nth-child(3) {
  bottom: 0;
}
.header .menu-btn.on {
  background: #312d2b;
}
.header .menu-btn.on aside {
  color: #fff;
}
.header .menu-btn.on figure span {
  background: #fff;
}
.header .menu-btn.on figure span:nth-child(1) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.header .menu-btn.on figure span:nth-child(2) {
  background: transparent;
}
.header .menu-btn.on figure span:nth-child(3) {
  top: calc(50% - 1px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.lnav {
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media screen and (min-width: 960px) {
  .lnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    left: 300px;
    top: 0;
    height: 100vh;
    padding: 0 50px;
    background: #312d2b;
    z-index: 600;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .lnav.is-active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (max-width: 959px) {
  .lnav {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .lnav a {
    display: block;
    padding: 15px 0;
    color: #fff;
    text-decoration: none;
  }
  .lnav a:hover {
    color: #bab19b;
  }
  .lnav a:hover i {
    border-color: #bab19b;
  }
}
@media screen and (min-width: 960px) {
  .lnav i {
    border-color: #fff;
  }
}

.lnav-ov {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  z-index: 500;
}
@media screen and (min-width: 960px) {
  .lnav-ov {
    top: 0;
    width: calc(100% - 300px);
    height: 100%;
  }
}
.lnav-ov.is-active {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
	footer
========================================================= */
.foot-tel {
  background: rgba(136, 123, 94, 0.2);
}
@media screen and (min-width: 960px) {
  .foot-tel {
    padding: 40px 0;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .foot-tel {
    padding: 20px 0;
  }
}
.foot-tel dl {
  max-width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  .foot-tel dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.foot-tel dt, .foot-tel dd, .foot-tel a {
  color: #887b5e;
}
.foot-tel dt {
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  .foot-tel dt {
    padding-right: 40px;
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .foot-tel dt {
    display: block;
    line-height: 1.3;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dt {
    margin-bottom: 15px;
    font-size: 16px;
    text-align: center;
  }
}
.foot-tel dt br {
  display: none;
}
@media screen and (max-width: 1240px) {
  .foot-tel dt br {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dt br {
    display: none;
  }
}
.foot-tel dd {
  font-weight: 700;
  font-family: "Oswald", sans-serif;
  text-align: center;
  letter-spacing: 2px;
}
@media screen and (min-width: 960px) {
  .foot-tel dd {
    padding-left: 40px;
    padding-bottom: 5px;
    border-left: 1px solid #bab19b;
    font-size: 50px;
  }
}
.foot-tel dd a {
  display: block;
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  .foot-tel dd a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  }
}
@media screen and (min-width: 960px) {
  .foot-tel dd .is-pc {
    display: inline-block;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dd .is-pc {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .foot-tel dd .is-sp {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dd .is-sp {
    display: inline-block;
    font-size: 18px;
  }
}
.foot-tel dd svg {
  fill: #887b5e;
}
@media screen and (min-width: 960px) {
  .foot-tel dd svg {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dd svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}
.foot-tel dd aside {
  display: block;
}
@media screen and (min-width: 960px) {
  .foot-tel dd aside {
    margin-top: 12px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .foot-tel dd aside {
    margin-top: 10px;
    font-size: 12px;
  }
}

.footer {
  background: #887b5e;
}
.footer a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .footer a {
    padding: 5px 0;
    font-size: 14px;
  }
  .footer a:hover {
    color: #bab19b;
  }
}
@media screen and (max-width: 959px) {
  .footer a {
    padding: 15px 10px;
    font-size: 12px;
  }
}
@media screen and (min-width: 960px) {
  .footer .foot-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 90%;
    max-width: 900px;
    margin: auto;
    padding: 60px 0;
  }
}
@media screen and (max-width: 1240px) {
  .footer .foot-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer .foot-link ul, .footer .foot-link dl {
    width: 50%;
  }
  .footer .foot-link ul {
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) {
  .footer .foot-link {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer .foot-link ul, .footer .foot-link dl {
    width: auto;
  }
}
@media screen and (max-width: 959px) {
  .footer .foot-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 0;
  }
}
@media screen and (min-width: 960px) {
  .footer .foot-link dt:not(:nth-of-type(1)) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) {
  .footer .foot-link dt {
    border-bottom: 1px solid #bab19b;
  }
  .footer .foot-link dt a {
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  .footer .foot-link dd {
    margin-top: 10px;
  }
}
@media screen and (max-width: 959px) {
  .footer .foot-link dd {
    display: none;
  }
}
@media screen and (min-width: 960px) {
  .footer .foot-link dd a {
    padding-left: 1em;
    font-size: 13px;
  }
  .footer .foot-link dd a:before {
    display: block;
    content: "";
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 8px;
    height: 1px;
    background: #bab19b;
  }
}
@media screen and (min-width: 960px) {
  .footer .foot-link li {
    margin-bottom: 10px;
  }
  .footer .foot-link li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 959px) {
  .footer .foot-link li {
    width: 50%;
    border-bottom: 1px solid #bab19b;
  }
  .footer .foot-link li:nth-of-type(odd) {
    border-right: 1px solid #bab19b;
  }
}
.footer .related-link {
  background: rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 960px) {
  .footer .related-link {
    padding: 30px 0;
  }
}
@media screen and (min-width: 960px) {
  .footer .related-link dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
    max-width: 900px;
    margin: auto;
  }
}
.footer .related-link dt {
  color: #fff;
}
@media screen and (min-width: 960px) {
  .footer .related-link dt {
    width: 10em;
    font-size: 14px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 959px) {
  .footer .related-link dt {
    padding: 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .footer .related-link dt {
    padding: 15px 10px;
  }
}
@media screen and (min-width: 960px) {
  .footer .related-link dd {
    border-left: 1px dotted rgba(255, 255, 255, 0.3);
    -webkit-box-flex: 6;
        -ms-flex: 6;
            flex: 6;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .footer .related-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 960px) {
  .footer .related-link li {
    display: inline-block;
    margin-left: 40px;
  }
}
@media screen and (max-width: 959px) {
  .footer .related-link li {
    width: 50%;
    border-top: 1px solid #bab19b;
    border-right: 1px solid #bab19b;
    font-size: 15px;
  }
  .footer .related-link li:nth-child(2n) {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .footer .related-link li {
    width: 100%;
    border-right: none;
  }
}
@media screen and (min-width: 960px) {
  .footer .related-link a {
    padding: 10px 0;
  }
}
@media screen and (max-width: 959px) {
  .footer .related-link a {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .footer .related-link a {
    padding: 15px 10px;
  }
}
.footer .related-link i {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.footer .related-link i, .footer .related-link i:after {
  border-color: #fff;
}
.footer .copyright {
  margin: auto;
  color: #fff;
  font-family: "Oswald", sans-serif;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 2px;
}
@media screen and (min-width: 960px) {
  .footer .copyright {
    width: 90%;
    max-width: 900px;
    padding: 30px 0;
  }
}
@media screen and (max-width: 959px) {
  .footer .copyright {
    padding: 20px 10px;
  }
}

/* =========================================================
	pagetop
========================================================= */
.pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  z-index: 10;
}
.pagetop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  background: #312d2b;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.pagetop a i {
  position: relative;
  width: 10px;
  height: 10px;
}
.pagetop a i:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotateZ(-45deg) translateY(2px);
          transform: rotateZ(-45deg) translateY(2px);
}

/* index page
========================================================= */
#home-page .mv a {
  display: block;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#home-page .mv a:hover {
  opacity: .8;
}

@media screen and (max-width: 767px) {
  #home-page .contents {
    width: 100%;
  }
  #home-page .contents .article {
    width: 90%;
    margin: auto;
  }
}
#home-page .contents h2 {
  position: relative;
}
#home-page .contents h2 .update {
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}

@media screen and (min-width: 960px) {
  #home-page .contents h2 .update {
    position: absolute;
    right: 0;
    bottom: -12px;
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents h2 .update {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-size: 11px;
  }
}
  #home-page .contents h2 .info_sub-title{
    font-size: 14px;
  }
  #home-page .contents h2 .pc__none{
    display: block;
  }
  #home-page .contents h2 .sp__none{
    display: none;
  }
  #home-page .contents p.info_txt{
    color: #8b8b8b;
    text-align: right;
    padding-top: 10px;
    font-size: 11px;
  }


@media screen and (max-width: 767px) {
  #home-page .contents h2 .update {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .contents .market-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .new_market-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #home-page .contents h2 .info_sub-title{
    font-size: 20px;
  }
  #home-page .contents h2 .pc__none{
    display: none;
  }
  #home-page .contents h2 .sp__none{
    display: block;
  }
    #home-page .contents p.info_txt{
    font-size: 16px;
  }
}
.contents .market-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
.contents .new_market-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .contents .market-list dl {
    width: calc(50% - 10px);
    margin-right: 20px;
    border-bottom: 1px dotted #e0ddd6;
  }
  .contents .market-list dl:nth-of-type(1), .contents .market-list dl:nth-of-type(2) {
    border-top: 1px dotted #e0ddd6;
  }
  .contents .market-list dl:nth-child(2n) {
    margin-right: 0;
  }

  .contents .new_market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  .contents .new_market-list dl:nth-of-type(1) {
    border-top: 1px dotted #e0ddd6;
  }

}
@media screen and (max-width: 767px) {
  .contents .market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  .contents .market-list dl:first-child {
    border-top: 1px dotted #e0ddd6;
  }

  .contents .new_market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  .contents .new_market-list dl:first-child {
    border-top: 1px dotted #e0ddd6;
  }
}
@media screen and (max-width: 959px) {
  .contents .new_market-list dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.contents .market-list dt, .contents .market-list dd {
  line-height: 1;
}
.contents .new_market-list dt, .contents .new_market-list dd {
  line-height: 1;
}
.contents .market-list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f5f2;
}
.contents .new_market-list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  .contents .market-list dt {
    width: 50%;
    padding: 20px;
  }

  .contents .new_market-list dt {
    width: 30%;
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  .contents .market-list dt {
    width: 60%;
    padding: 15px;
  }

  .contents .new_market-list dt {
    width: 60%;
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .contents .market-list dt {
    padding: 12px;
  }

  .contents .new_market-list dt {
    padding: 12px;
  }
}
@media screen and (min-width: 960px) {
  .contents .market-list dt small {
    font-size: 12px;
  }

  .contents .new_market-list dt small {
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  .contents .market-list dt small {
    font-size: 11px;
  }

  .contents .new_market-list dt small {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .contents .market-list dt small {
    font-size: 10px;
  }

  .contents .new_market-list dt small {
    font-size: 10px;
  }
}
.contents .market-list dd {
  background: #fff;
  font-family: "Oswald", sans-serif;
  text-align: right;
}

.contents .new_market-list dd {
  background: #fff;
  font-family: "Oswald", sans-serif;
  text-align: right;
}
.contents .new_market-list dd:nth-of-type(2){
  background: #f6f5f2;
}
.contents .new_market-list dd:nth-of-type(3) {
  color: #881104;
}

@media screen and (min-width: 960px) {
  .contents .market-list dd {
    width: 50%;
    font-size: 20px;
  }

  .contents .new_market-list dd:nth-of-type(1),.contents .new_market-list dd:nth-of-type(3) {
    width: 30%;
    font-size: 20px;
  }
  .contents .new_market-list dd:nth-of-type(2),.contents .new_market-list dd:nth-of-type(3){
    width: 20%;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  .contents .market-list dd {
    width: 40%;
    font-size: 18px;
  }

  .contents .new_market-list dd:nth-of-type(1),.contents .new_market-list dd:nth-of-type(3) {
    width: 40%;
    font-size: 18px;
  }
  .contents .new_market-list dd:nth-of-type(2) {
    width: 60%;
    text-align: left;
  }
  .contents .new_market-list dd:nth-of-type(3) {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .contents .market-list dd {
    font-size: 16px;
  }

  .contents .new_market-list dd:nth-of-type(1),.contents .new_market-list dd:nth-of-type(3) {
    font-size: 16px;
  }
}
@media screen and (min-width: 960px) {
  .contents .market-list dd.no-link {
    padding: 20px 2em 20px 20px;
  }

  .contents .new_market-list dd.no-link {
    padding: 20px 2em 20px 20px;
  }
}
@media screen and (max-width: 959px) {
  .contents .market-list dd.no-link {
    padding: 15px 2em 15px 15px;
  }

  .contents .new_market-list dd.no-link {
    padding: 15px 2em 15px 15px;
  }
}
.contents .market-list dd .contact {
  font-size: 1rem;
}
.contents .new_market-list dd .contact {
  font-size: 1rem;
}
.contents .market-list a {
  position: relative;
  display: block;
  text-decoration: none;
}
.contents .new_market-list a {
  position: relative;
  display: block;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .market-list a {
    padding: 20px 2em 20px 20px;
  }
  .contents .new_market-list a {
    padding: 20px 2em 20px 20px;
  }
  .contents .market-list a:hover {
    color: #887b5e;
  }
  .contents .new_market-list a:hover {
    color: #887b5e;
  }
}
@media screen and (max-width: 959px) {
  .contents .market-list a {
    padding: 15px 2em 15px 15px;
  }
  .contents .new_market-list a {
    padding: 15px 2em 15px 15px;
  }
}
.contents .market-list a:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  bottom: calc(50% - 3px);
  right: 1em;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #887b5e;
  border-right: 1px solid #887b5e;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  vertical-align: middle;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.contents .new_market-list a:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  bottom: calc(50% - 3px);
  right: 1em;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #887b5e;
  border-right: 1px solid #887b5e;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  vertical-align: middle;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.contents .genre-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contents .genre-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  background: #f6f5f2;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  .contents .genre-list .item {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-top: 20px;
  }
  .contents .genre-list .item:nth-of-type(1), .contents .genre-list .item:nth-of-type(2), .contents .genre-list .item:nth-of-type(3), .contents .genre-list .item:nth-of-type(4) {
    margin-top: 0;
  }
  .contents .genre-list .item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  .contents .genre-list .item {
    width: calc(33.33333% - 10px);
    margin-right: 15px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  .contents .genre-list .item:nth-of-type(1), .contents .genre-list .item:nth-of-type(2), .contents .genre-list .item:nth-of-type(3) {
    margin-top: 0;
  }
  .contents .genre-list .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents .genre-list .item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-top: 15px;
  }
  .contents .genre-list .item:nth-of-type(1), .contents .genre-list .item:nth-of-type(2) {
    margin-top: 0;
  }
  .contents .genre-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
.contents .genre-list a {
  padding-bottom: 1.5em;
  background: #fff;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .genre-list a:hover {
    opacity: .6;
  }
}
.contents .genre-list figure {
  margin-bottom: 1.5em;
}
.contents .genre-list figure img {
  width: 100%;
}
.contents .genre-list p, .contents .genre-list span {
  padding: 0 1em;
}
.contents .genre-list p {
  margin: 0;
  line-height: 1.3;
}
.contents .genre-list span {
  display: block;
  margin-top: 10px;
  color: #887b5e;
  font-family: "Oswald", sans-serif;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 1px;
}
#home-page .contents #cnt-faq .item {
  margin-bottom: 1em;
}
#home-page .contents #cnt-faq .item:last-child {
  margin-bottom: 0;
}
#home-page .contents #cnt-faq .item h3:before, #home-page .contents #cnt-faq .item .article-inner:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  border-radius: 100%;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-faq .item h3:before, #home-page .contents #cnt-faq .item .article-inner:before {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-faq .item h3:before, #home-page .contents #cnt-faq .item .article-inner:before {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-faq .item h3:before, #home-page .contents #cnt-faq .item .article-inner:before {
    margin-right: 10px;
  }
}
#home-page .contents #cnt-faq .item h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 0 1em;
  border-left: none;
  border-bottom: 1px dotted #e0ddd6;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (min-width: 768px) {
  #home-page .contents #cnt-faq .item h3 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-faq .item h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-faq .item h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-faq .item h3 {
    text-align: left;
  }
}
#home-page .contents #cnt-faq .item h3:before {
  content: "Q";
  color: #fff;
  background: #887b5e;
}
#home-page .contents #cnt-faq .item h3 span {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
#home-page .contents #cnt-faq .item h3 i {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-faq .item h3 i {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-faq .item h3 i {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-faq .item h3 i {
    width: 10px;
    height: 10px;
  }
}
#home-page .contents #cnt-faq .item h3 i:before, #home-page .contents #cnt-faq .item h3 i:after {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  background: #bab19b;
}
#home-page .contents #cnt-faq .item h3 i:after {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}
#home-page .contents #cnt-faq .item h3.on i:after {
  -webkit-transform: rotateZ(0);
          transform: rotateZ(0);
}
#home-page .contents #cnt-faq .item .article-inner {
  position: relative;
  display: none;
  padding-top: 1em;
}
#home-page .contents #cnt-faq .item .article-inner .answer {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-faq .item .article-inner .answer {
    min-height: 50px;
    padding-top: .5em;
    padding-left: 60px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-faq .item .article-inner .answer {
    min-height: 30px;
    padding-left: 50px;
  }
}
#home-page .contents #cnt-faq .item .article-inner:before {
  position: absolute;
  top: 1em;
  left: 0;
  content: "A";
  border: 1px solid #887b5e;
  background: #fff;
  color: #887b5e;
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-faq .item .article-inner:before {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-update .item {
    float: left;
    width: calc(50% - 20px);
    margin-right: 40px;
  }
  #home-page .contents #cnt-update .item:nth-of-type(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-update .item:first-child {
    margin-bottom: 3em;
  }
}
#home-page .contents #cnt-update .info-list a, #home-page .contents #cnt-update .info-list span {
  display: block;
  width: auto;
  padding: 0;
}
#home-page .contents #cnt-update .info-list a {
  padding: 1em 0;
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-update .info-list a {
    padding: 1em;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-update .info-list a {
    padding: 1em 10px;
  }
}
#home-page .contents #cnt-update .info-list span {
  border: none;
  line-height: 1.5;
}
#home-page .contents #cnt-update .info-list span:first-child {
  margin-bottom: 10px;
  font-family: "Oswald", sans-serif;
  font-size: 12px;
  line-height: 1;
}
#home-page .contents #cnt-nettrade {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade {
    padding-bottom: 10px;
  }
}
#home-page .contents #cnt-nettrade .item {
  position: relative;
  background: url("/images/index/buy-sell-img.png") no-repeat top left;
  background-size: cover;
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-nettrade .item {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #home-page .contents #cnt-nettrade .item {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item {
    background: none;
  }
}
@media screen and (min-width: 768px) {
  #home-page .contents #cnt-nettrade .item figure {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item figure {
    position: relative;
    display: block;
  }
}
#home-page .contents #cnt-nettrade .item a {
  overflow: hidden;
  display: block;
  border-top: 3px solid #887b5e;
  background: #fff;
  text-decoration: none;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-nettrade .item a {
    width: 58%;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    margin-left: 37%;
    padding: 50px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #home-page .contents #cnt-nettrade .item a {
    width: 70%;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    margin-left: 25%;
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item a {
    width: 90%;
    margin: auto;
    padding: 20px;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
}
#home-page .contents #cnt-nettrade .item h2 {
  border-bottom: 1px dotted #e0ddd6;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #home-page .contents #cnt-nettrade .item h2 {
    margin-bottom: 25px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-nettrade .item h2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item h2 {
    text-align: left;
  }
}
#home-page .contents #cnt-nettrade .item h2 span {
  display: block;
  margin: 0 0 10px 0;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item h2 span {
    font-size: 12px;
  }
}
#home-page .contents #cnt-nettrade .item h3 {
  padding: 0;
  border: none;
  color: #887b5e;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item h3 {
    font-size: 15px;
  }
}
#home-page .contents #cnt-nettrade .item ul {
  margin: 0;
}
#home-page .contents #cnt-nettrade .item li {
  margin-bottom: .5em;
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item li {
    margin: 0;
  }
}
#home-page .contents #cnt-nettrade .item li:last-child {
  margin-bottom: 0;
}
#home-page .contents #cnt-nettrade .item .btn {
  margin-top: 2em;
  text-align: left;
}
#home-page .contents #cnt-nettrade .item .btn span {
  height: 50px;
  margin: 0;
}
@media screen and (max-width: 959px) {
  #home-page .contents #cnt-nettrade .item .btn span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents #cnt-nettrade .item .btn span {
    height: 40px;
    margin-top: 1em;
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #home-page .contents .pickup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents .pickup-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .pickup-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#home-page .contents .pickup-list .item {
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  #home-page .contents .pickup-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents .pickup-list .item {
    width: calc(33.33333% - 13px);
    background: #f6f5f2;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #home-page .contents .pickup-list .item {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  #home-page .contents .pickup-list .item:nth-child(2n) {
    margin-right: 0;
  }
  #home-page .contents .pickup-list .item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .pickup-list .item {
    margin-bottom: 15px;
  }
  #home-page .contents .pickup-list .item:last-child {
    margin-bottom: 0;
  }
}
#home-page .contents .pickup-list a {
  display: block;
  width: 100%;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  #home-page .contents .pickup-list a:hover {
    opacity: .6;
  }
}
#home-page .contents .pickup-list h3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 70px;
  margin: 0;
  padding: 0;
  border: none;
  line-height: 1;
}
#home-page .contents .pickup-list h3 figure {
  width: 70px;
}
#home-page .contents .pickup-list h3 span {
  width: calc(100% - 70px);
  padding-left: 15px;
}
#home-page .contents .pickup-list p, #home-page .contents .pickup-list ul, #home-page .contents .pickup-list li {
  margin: 0;
  font-size: 14px;
}
#home-page .contents .pickup-list i.arrow {
  position: absolute;
  right: 0;
  margin: 0;
}
#home-page .contents .pickup-list small {
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
  #home-page .contents .pickup-list .inner {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px dotted #e0ddd6;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .pickup-list .inner {
    display: none;
  }
}
#home-page .contents .pickup-list .market h3 {
  font-size: 20px;
  letter-spacing: -2px;
}
#home-page .contents .pickup-list .blog h3 {
  font-size: 26px;
}
#home-page .contents .pickup-list .blog small {
  font-size: 12px;
}
#home-page .contents .pickup-list .lab h3 {
  font-size: 24px;
  letter-spacing: 0;
}
#home-page .contents .pickup-list .lab span {
  width: 100%;
  padding-left: 0;
}
#home-page .contents .pickup-list .lab small {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  #home-page .contents .site-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#home-page .contents .site-list .item {
  overflow: hidden;
  position: relative;
  background: #f6f5f2;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 768px) {
  #home-page .contents .site-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list .item {
    width: calc(50% - 20px);
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #home-page .contents .site-list .item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .site-list .item {
    margin-bottom: 15px;
  }
  #home-page .contents .site-list .item:last-child {
    margin-bottom: 0;
  }
}
#home-page .contents .site-list a {
  display: block;
  width: 100%;
  background: #fff;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list a:hover {
    opacity: .6;
  }
}
#home-page .contents .site-list dl {
  margin: 0;
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list dl {
    padding: 30px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .site-list dl {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .site-list dl {
    padding: 15px 15px 25px;
  }
}
#home-page .contents .site-list dt {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #e0ddd6;
  color: #887b5e;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list dt {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .site-list dt {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .site-list dt {
    font-size: 16px;
  }
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list dd {
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .site-list dd {
    font-size: 14px;
  }
}
#home-page .contents .site-list i {
  position: absolute;
}
@media screen and (min-width: 960px) {
  #home-page .contents .site-list i {
    right: 30px;
    bottom: 30px;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .site-list i {
    right: 20px;
    bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .site-list i {
    right: 15px;
    bottom: 15px;
  }
}

/* gold page
========================================================= */
#gold-page .pagetitle .hero-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #gold-page .pagetitle .hero-cnt {
    height: 400px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .pagetitle .hero-cnt {
    height: 300px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .pagetitle .hero-cnt {
    height: 250px;
  }
}
#gold-page .pagetitle h1 {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 30%;
  padding: 0;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #gold-page .pagetitle h1 {
    margin-bottom: 40px;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1520px) {
  #gold-page .pagetitle h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .pagetitle h1 {
    margin-bottom: 30px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .pagetitle h1 {
    margin-bottom: 20px;
    font-size: 5.5vw;
  }
}
#gold-page .pagetitle h1 small:not(.hero-cap) {
  display: inline-block;
  width: auto;
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 960px) {
  #gold-page .pagetitle h1 small:not(.hero-cap) {
    font-size: 60%;
  }
}
#gold-page .pagetitle .summary {
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-right: 30%;
}
#gold-page .pagetitle .summary p {
  line-height: 1.8;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #gold-page .pagetitle .summary p {
    font-size: 1.3vw;
  }
  #gold-page .pagetitle .summary p.attention {
    font-size: 85%;
  }
}
@media screen and (min-width: 1520px) {
  #gold-page .pagetitle .summary p {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .pagetitle .summary p {
    font-size: 16px;
  }
  #gold-page .pagetitle .summary p.attention {
    font-size: 70%;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .pagetitle .summary {
    margin-right: 0;
  }
  #gold-page .pagetitle .summary p {
    font-size: 12px;
  }
  #gold-page .pagetitle .summary br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .breadcrumbs {
    bottom: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
  }
  #gold-page .breadcrumbs li, #gold-page .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
  }
  #gold-page .breadcrumbs li:before {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
#gold-page .contents .section h3 {
  position: relative;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .section h3 {
    margin-bottom: 30px;
  }
}
#gold-page .contents .section h3 span {
  display: block;
  position: absolute;
  right: 0;
  font-size: 12px;
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 768px) {
  #gold-page .contents .section h3 span {
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .section h3 span {
    bottom: -20px;
    font-size: 10px;
  }
}
#gold-page .contents .market-price table {
  border-top: 1px dotted #e0ddd6;
}
#gold-page .contents .market-price thead th {
  border-left: 1px dotted #e0ddd6;
  text-align: center;
}
#gold-page .contents .market-price thead th:first-of-type {
  border-left: none;
}
#gold-page .contents .market-price th, #gold-page .contents .market-price td {
  padding: 15px;
  border-bottom: 1px dotted #e0ddd6;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .market-price th, #gold-page .contents .market-price td {
    padding: 8px;
    font-size: 12px;
  }
}
#gold-page .contents .market-price td {
  border-left: 1px dotted #e0ddd6;
  font-family: "Oswald", sans-serif;
  text-align: right;
}
#gold-page .contents .gram th {
  font-weight: 700;
}
#gold-page .contents .gram th figure {
	display: inline-block;
	width: 100px;
	margin-right: 5px;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .gram th figure {
			display: none;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .gram th span {
    display: block;
    font-size: 10px;
  }
}
@media (min-width: 768px) {
#gold-page .contents .gram th.price {
	width: 25%;
}
#gold-page .contents .gram th.stock {
  width: 15%;
}
#gold-page .contents .gram th.changes {
  width: 20%;
}
}
@media screen and (min-width: 960px) {
  #gold-page .contents .gram td {
    font-size: 24px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .gram td {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .gram td {
    font-size: 15px;
  }
}
#gold-page .contents .gram .icon-stock {
	display: block;
	text-align: center;
}
#gold-page .contents .gram .icon-stock img {
	vertical-align: inherit;
}
@media (max-width: 991px) {
	#gold-page .contents .gram .icon-stock img {
		width: 1em;
		height: 1em;
	}
}
@media (min-width: 992px) {
	#gold-page .contents .gram .icon-stock img {
		width: 20px;
		height: 20px;
	}
}
#gold-page .contents .intro thead th {
  width: 33.33333%;
}
#gold-page .contents .intro thead th small {
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 959px) {
  #gold-page .contents .intro thead th small {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .intro thead th small {
    font-size: 10px;
  }
}
#gold-page .contents .intro td {
  text-align: center;
}
@media screen and (min-width: 960px) {
  #gold-page .contents .intro td {
    font-size: 30px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .intro td {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .intro td {
    font-size: 18px;
  }
}
#gold-page .contents .intro td:first-of-type {
  border-left: none;
}
#gold-page .contents .intro td small {
  font-size: 12px;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 959px) {
  #gold-page .contents .intro td small {
    font-size: 11px;
  }
}
#gold-page .contents .intro.coin th {
  text-align: right;
}
#gold-page .contents .intro.coin th small {
  font-size: 12px;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 959px) {
  #gold-page .contents .intro.coin th small {
    font-size: 11px;
  }
}
#gold-page .contents .intro.coin thead th {
  text-align: center;
}
#gold-page .contents .intro.coin td {
  border-left: 1px dotted #e0ddd6 !important;
}
@media screen and (min-width: 960px) {
  #gold-page .contents .intro.coin td {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .intro.coin td {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .intro.coin td {
    font-size: 16px;
  }
}
#gold-page .contents .charge:after {
  content: " ";
  display: block;
  clear: both;
}
@media screen and (min-width: 960px) {
  #gold-page .contents .charge {
    margin-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .charge {
    margin-top: 2em;
  }
}
/*
@media screen and (min-width: 960px) {
  #gold-page .contents .charge table {
    width: calc(50% - 20px);
  }
  #gold-page .contents .charge table:first-child {
    float: left;
  }
  #gold-page .contents .charge table:last-child {
    float: right;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .charge table:last-child {
    border-top: none;
  }
  #gold-page .contents .charge table:last-child thead {
    display: none;
  }
}
*/
#gold-page .contents .charge th, #gold-page .contents .charge td {
  padding: 15px 10px;
}
#gold-page .contents .charge th small, #gold-page .contents .charge td small {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .charge th small, #gold-page .contents .charge td small {
    font-size: 10px;
  }
}
#gold-page .contents .charge thead th {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .charge thead th {
    font-size: 12px;
  }
}
#gold-page .contents .charge thead th small {
  display: block;
}
@media screen and (max-width: 767px) {
  #gold-page .contents .charge thead th small {
    font-size: 10px;
  }
}
#gold-page .contents .charge tbody th {
  text-align: right;
}
/*
#gold-page .contents .charge td {
  width: 27%;
}
*/
#gold-page .contents .chart {
  text-align: center;
}
@media screen and (min-width: 960px) {
  #gold-page .contents .chart {
    margin-top: 50px;
  }
}
@media screen and (max-width: 959px) {
  #gold-page .contents .chart {
    margin-top: 2em;
  }
}
#gold-page .contents .chart img {
  margin: auto;
}
#gold-page .contents .chart a {
  display: inline-block;
}
#gold-page .contents .chart a:hover {
  opacity: .8;
}
@media screen and (min-width: 960px) {
  #gold-page .contents #price-pd .btn-link a {
    width: 400px;
  }
}
#gold-page .contents .fee table {
  border-top: 1px dotted #e0ddd6;
}
#gold-page .contents .fee table tbody th {
		width: 8em;
}
@media screen and (max-width: 1200px) {
  #gold-page .contents .fee table thead th {
    padding: 15px 0;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .fee table {
    width: 100%;
  }
  #gold-page .contents .fee table thead th {
    padding: 10px 0;
  }
}
#gold-page .contents .fee thead th {
  border-left: 1px dotted #e0ddd6;
  text-align: center;
}
#gold-page .contents .fee thead th:first-of-type {
  border-left: none;
}
#gold-page .contents .fee tbody th {
  text-align: center;
}
#gold-page .contents .fee th, #gold-page .contents .fee td {
  padding: 15px;
  border-bottom: 1px dotted #e0ddd6;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  #gold-page .contents .fee th, #gold-page .contents .fee td {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #gold-page .contents .fee th, #gold-page .contents .fee td {
    padding: 8px;
    font-size: 12px;
  }
}
#gold-page .contents .fee td {
  border-left: 1px dotted #e0ddd6;
  font-family: "Oswald", sans-serif;
  text-align: center;
}

/* assessment page
========================================================= */
#assessment-page .pagetitle {
  background-image: url("/images/assessment/hero-img.png");
}
#assessment-page.cnt-gold .pagetitle {
  background-image: url("/images/assessment/gold/hero-img.png");
}
#assessment-page.cnt-silvers .pagetitle {
  background-image: url("/images/assessment/silvers/hero-img.png");
}
#assessment-page.cnt-platinum .pagetitle {
  background-image: url("/images/assessment/platinum/hero-img.png");
}
#assessment-page.cnt-diamond .pagetitle {
  background-image: url("/images/assessment/diamond/hero-img.png");
}
#assessment-page .pagetitle {
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #1c1f22;
  background-size: cover;
}
#assessment-page .pagetitle .hero-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #assessment-page .pagetitle .hero-cnt {
    height: 400px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .pagetitle .hero-cnt {
    height: 300px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .pagetitle .hero-cnt {
    height: 250px;
  }
}
#assessment-page .pagetitle h1 {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 30%;
  padding: 0;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #assessment-page .pagetitle h1 {
    margin-bottom: 40px;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1520px) {
  #assessment-page .pagetitle h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .pagetitle h1 {
    margin-bottom: 30px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .pagetitle h1 {
    margin-bottom: 20px;
    font-size: 5.5vw;
  }
}
#assessment-page .pagetitle h1 small {
  text-align: left;
}
#assessment-page .pagetitle .summary {
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-right: 30%;
}
#assessment-page .pagetitle .summary p {
  line-height: 1.8;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #assessment-page .pagetitle .summary p {
    font-size: 1.3vw;
  }
  #assessment-page .pagetitle .summary p.attention {
    font-size: 85%;
  }
}
@media screen and (min-width: 1520px) {
  #assessment-page .pagetitle .summary p {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .pagetitle .summary p {
    font-size: 16px;
  }
  #assessment-page .pagetitle .summary p.attention {
    font-size: 70%;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .pagetitle .summary {
    margin-right: 0;
  }
  #assessment-page .pagetitle .summary p {
    font-size: 12px;
  }
  #assessment-page .pagetitle .summary br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .breadcrumbs {
    bottom: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
  }
  #assessment-page .breadcrumbs li, #assessment-page .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
  }
  #assessment-page .breadcrumbs li:before {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (min-width: 768px) {
  #assessment-page .category-link i.arrow {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#assessment-page .contents h2 {
  position: relative;
}
#assessment-page .contents h2 .update {
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents h2 .update {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents h2 .update {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents h2 .update {
    text-align: center;
  }
}
#assessment-page .contents .section h3 small {
  display: inline-block;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .section h3 small {
    margin-left: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .section h3 small {
    margin-left: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .section h3 small {
    font-size: 11px;
  }
}
#assessment-page .contents .exp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#assessment-page .contents .exp-list .item {
  overflow: hidden;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list .item {
    width: calc(33.33333% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list .item {
    width: calc(33.33333% - 10px);
    margin-right: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .exp-list .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .exp-list .item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 15px;
  }
  #assessment-page .contents .exp-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list figure {
    padding: 15px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list figure {
    padding: 10px;
  }
}
#assessment-page .contents .exp-list h3 {
  margin: 0;
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list h3 {
    padding: 5px 15px 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list h3 {
    padding: 5px 10px 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .exp-list h3 {
    padding: 0 10px 10px;
    font-size: 15px;
  }
}
#assessment-page .contents .exp-list .price {
  border-top: 1px dotted #e0ddd6;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list .price {
    padding: 20px 15px 25px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list .price {
    padding: 15px 10px 20px;
  }
}
#assessment-page .contents .exp-list .price p {
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list .price p {
    font-size: 40px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list .price p {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .exp-list .price p {
    font-size: 18px;
  }
}
#assessment-page .contents .exp-list .price p small {
  display: block;
  padding-top: 5px;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list .price p small {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list .price p small {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .exp-list .price p small {
    font-size: 12px;
  }
}
#assessment-page .contents .exp-list .price p span {
  display: block;
  color: #887b5e;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .exp-list .price p span {
    margin-bottom: 10px;
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .exp-list .price p span {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .exp-list .price p span {
    margin-bottom: 5px;
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .market-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#assessment-page .contents .market-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .market-list dl {
    width: calc(50% - 10px);
    margin-right: 20px;
    border-bottom: 1px dotted #e0ddd6;
  }
  #assessment-page .contents .market-list dl:nth-of-type(1), #assessment-page .contents .market-list dl:nth-of-type(2) {
    border-top: 1px dotted #e0ddd6;
  }
  #assessment-page .contents .market-list dl:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  #assessment-page .contents .market-list dl:first-child {
    border-top: 1px dotted #e0ddd6;
  }
}
#assessment-page .contents .market-list dt, #assessment-page .contents .market-list dd {
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .market-list dt, #assessment-page .contents .market-list dd {
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .market-list dt, #assessment-page .contents .market-list dd {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .market-list dt, #assessment-page .contents .market-list dd {
    padding: 12px;
  }
}
#assessment-page .contents .market-list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .market-list dt {
    width: 50%;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .market-list dt {
    width: 60%;
  }
}
#assessment-page .contents .market-list dd {
  font-family: "Oswald", sans-serif;
  background: #fff;
  text-align: right;
}
#assessment-page .contents .market-list.top dd:not(.no-link) {
	padding: 0;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .market-list dd {
    width: 50%;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .market-list dd {
    width: 40%;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .market-list dd {
    font-size: 16px;
  }
}
#assessment-page .contents .market-list dd .contact {
  font-size: 1rem;
}
#assessment-page .contents .estimate {
  margin-bottom: 2em;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#assessment-page .contents .estimate .item {
  overflow: hidden;
  margin: 0;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
#assessment-page .contents .estimate .item dt {
  margin: 0;
  padding: 0;
  background: #887b5e;
  color: #fff;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate .item dt {
    padding: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .estimate .item dt {
    padding: 10px;
    font-size: 16px;
  }
}
#assessment-page .contents .estimate .item dd {
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .estimate .item dd {
    padding: 25px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .estimate .item dd {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .estimate .item dd {
    padding: 15px;
  }
}
#assessment-page .contents .estimate .item .custom {
  overflow: hidden;
  position: relative;
  width: 100%;
  border: 1px solid #bab19b;
  border-radius: 5px;
  background: #f6f5f2;
  z-index: 10;
}
#assessment-page .contents .estimate .item .custom:before, #assessment-page .contents .estimate .item .custom:after {
  display: block;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
}
#assessment-page .contents .estimate .item .custom:before {
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: #bab19b;
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .estimate .item .custom:before {
    width: 30px;
  }
}
#assessment-page .contents .estimate .item .custom:after {
  top: calc(50% - 9px);
  right: 18px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .estimate .item .custom:after {
    top: calc(50% - 6px);
    right: 11px;
    width: 8px;
    height: 8px;
  }
}
#assessment-page .contents .estimate .item select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  width: 130%;
  height: 50px;
  padding: 0 20px;
  border: none;
  background: none;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  z-index: 15;
  vertical-align: middle;
  line-height: 24px;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .estimate .item select {
    height: 40px;
    padding: 0 10px;
  }
}
#assessment-page .contents .estimate .item select:focus {
  outline: none;
}
#assessment-page .contents .estimate .item #gram {
  display: inline-block;
  width: 70%;
  height: 50px;
  margin-right: 5px;
  padding: 0 20px;
  border: 1px solid #bab19b;
  border-radius: 5px;
  background: #f6f5f2;
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  text-align: center;
  vertical-align: bottom;
}
#assessment-page .contents .estimate .item #gram:focus {
  outline: none;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate .item:nth-of-type(1) {
    width: calc(60% - 30px);
  }
}
#assessment-page .contents .estimate .item:nth-of-type(1) dd {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate .item:nth-of-type(2) {
    width: calc(40% - 30px);
  }
}
#assessment-page .contents .estimate .item:nth-of-type(2) dd {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) {
    margin-top: 30px;
    width: 50%;
  }
}
#assessment-page .contents .estimate .item:nth-of-type(3) dt {
  background: #881104;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) dt {
    font-size: 24px;
  }
}
#assessment-page .contents .estimate .item:nth-of-type(3) dd {
  color: #881104;
}
#assessment-page .contents .estimate .item:nth-of-type(3) small {
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) small {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) small {
    font-size: 16px;
  }
}
#assessment-page .contents .estimate .item:nth-of-type(3) #total {
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) #total {
    font-size: 40px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .estimate .item:nth-of-type(3) #total {
    font-size: 30px;
  }
}
#assessment-page .contents .estimate i {
  display: block;
}
#assessment-page .contents .estimate i.arrow-right {
  -ms-flex-item-align: center;
      align-self: center;
  width: 0;
  height: 0;
  margin: 0 20px;
  border-left: 20px solid #bab19b;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
#assessment-page .contents .estimate i.arrow-dwn {
  width: 0;
  height: 0;
  margin: 10px auto;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 20px solid #bab19b;
}
#assessment-page .contents .other-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#assessment-page .contents .other-purchase .item {
  overflow: hidden;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .other-purchase .item {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-top: 20px;
  }
  #assessment-page .contents .other-purchase .item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .other-purchase .item {
    width: calc(33.33333% - 10px);
    margin-right: 15px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #assessment-page .contents .other-purchase .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .other-purchase .item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-top: 15px;
  }
  #assessment-page .contents .other-purchase .item:nth-child(2n) {
    margin-right: 0;
  }
}
#assessment-page .contents .other-purchase p {
  margin: 0;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .other-purchase p {
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .other-purchase p {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .other-purchase p {
    padding: 10px;
  }
}
#assessment-page .contents .other-list {
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .other-list {
    margin-top: 50px;
    padding: 30px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .other-list {
    margin-top: 30px;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .other-list {
    margin-top: 20px;
    padding: 15px;
  }
}
#assessment-page .contents .other-list .scroll {
  overflow-y: auto;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .other-list .scroll {
    height: 240px;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .other-list .scroll {
    height: 200px;
  }
}
#assessment-page .contents .other-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#assessment-page .contents .other-list ul li {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 960px) {
  #assessment-page .contents .other-list ul li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 959px) {
  #assessment-page .contents .other-list ul li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 767px) {
  #assessment-page .contents .other-list ul li {
    width: 50%;
  }
}
#assessment-page .contents .other-list ul a:hover {
  text-decoration: none;
}

/* industrial page
========================================================= */
/* #industrial-page .pagetitle {
  background-image: url("/images/industrial/hero-img.png");
} */
#industrial-page.cnt-gold .pagetitle {
  background-image: url("/images/industrial/hero-gold.png");
}
#industrial-page.cnt-silver .pagetitle {
  background-image: url("/images/industrial/hero-sv.png");
}
#industrial-page.cnt-platinum .pagetitle {
  background-image: url("/images/industrial/hero-pt.png");
}
#industrial-page.cnt-pd .pagetitle {
  background-image: url("/images/industrial/hero-pd.png");
}
#industrial-page.cnt-dental .pagetitle {
  background-image: url("/images/industrial/hero-dental.png");
}
#industrial-page.cnt-bord .pagetitle,
#industrial-page.cnt-bord_test .pagetitle {
  background-image: url("/images/industrial/hero-bord.png");
}
#industrial-page .pagetitle {
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #1c1f22;
  background-size: cover;
}
#industrial-page .pagetitle .hero-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #industrial-page .pagetitle .hero-cnt {
    height: 400px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .pagetitle .hero-cnt {
    height: 300px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .pagetitle .hero-cnt {
    height: 250px;
  }
}
#industrial-page .pagetitle h1 {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 30%;
  padding: 0;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #industrial-page .pagetitle h1 {
    margin-bottom: 40px;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1520px) {
  #industrial-page .pagetitle h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .pagetitle h1 {
    margin-bottom: 30px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .pagetitle h1 {
    margin-bottom: 20px;
    font-size: 5.5vw;
  }
}
#industrial-page .pagetitle h1 small {
  text-align: left;
}
#industrial-page .pagetitle .summary {
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-right: 30%;
}
#industrial-page .pagetitle .summary p {
  line-height: 1.8;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #industrial-page .pagetitle .summary p {
    font-size: 1.3vw;
  }
  #industrial-page .pagetitle .summary p.attention {
    font-size: 85%;
  }
}
@media screen and (min-width: 1520px) {
  #industrial-page .pagetitle .summary p {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .pagetitle .summary p {
    font-size: 16px;
  }
  #industrial-page .pagetitle .summary p.attention {
    font-size: 70%;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .pagetitle .summary {
    margin-right: 0;
  }
  #industrial-page .pagetitle .summary p {
    font-size: 12px;
  }
  #industrial-page .pagetitle .summary br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .breadcrumbs {
    bottom: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
  }
  #industrial-page .breadcrumbs li, #industrial-page .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
  }
  #industrial-page .breadcrumbs li:before {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (min-width: 768px) {
  #industrial-page .category-link i.arrow {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#industrial-page .contents h2 {
  position: relative;
}
#industrial-page .contents h2 .update {
  display: block;
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #industrial-page .contents h2 .update {
    margin-top: 1em;
  }
}
@media screen and (min-width: 960px) {
  #industrial-page .contents h2 .update {
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents h2 .update {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents h2 .update {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  #industrial-page .contents h2 .update.pos-right {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
#industrial-page .contents .section h3 small {
  display: inline-block;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .section h3 small {
    margin-left: 10px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .section h3 small {
    margin-left: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .section h3 small {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  #industrial-page .contents .market-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#industrial-page .contents .market-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #industrial-page .contents .market-list dl {
    width: calc(50% - 10px);
    margin-right: 20px;
    border-bottom: 1px dotted #e0ddd6;
  }
  #industrial-page .contents .market-list dl:nth-of-type(1), #industrial-page .contents .market-list dl:nth-of-type(2) {
    border-top: 1px dotted #e0ddd6;
  }
  #industrial-page .contents .market-list dl:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  #industrial-page .contents .market-list dl:first-child {
    border-top: 1px dotted #e0ddd6;
  }
}
#industrial-page .contents .market-list dt, #industrial-page .contents .market-list dd {
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .market-list dt, #industrial-page .contents .market-list dd {
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .market-list dt, #industrial-page .contents .market-list dd {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .market-list dt, #industrial-page .contents .market-list dd {
    padding: 12px;
  }
}
#industrial-page .contents .market-list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .market-list dt {
    width: 50%;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .market-list dt {
    width: 60%;
  }
}
#industrial-page .contents .market-list dd {
  font-family: "Oswald", sans-serif;
  background: #fff;
  text-align: right;
}
#industrial-page .contents .market-list.top dd:not(.no-link) {
	padding: 0;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .market-list dd {
    width: 50%;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .market-list dd {
    width: 40%;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .market-list dd {
    font-size: 16px;
  }
}
#industrial-page .contents .market-list dd .contact {
  font-size: 1rem;
}
#industrial-page .contents .exp-list,
#raremetal-page .contents .exp-list,
#shokubai-page .contents .exp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#industrial-page .contents .exp-list .item,
#raremetal-page .contents .exp-list .item,
#shokubai-page .contents .exp-list .item {
  overflow: hidden;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list .item,
  #raremetal-page .contents .exp-list .item,
  #shokubai-page .contents .exp-list .item {
    width: calc(33.33333% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list .item,
  #raremetal-page .contents .exp-list .item,
  #shokubai-page .contents .exp-list .item {
    width: calc(33.33333% - 10px);
    margin-right: 15px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #industrial-page .contents .exp-list .item:nth-child(3n),
  #raremetal-page .contents .exp-list .item:nth-child(3n),
  #shokubai-page .contents .exp-list .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .exp-list .item,
  #raremetal-page .contents .exp-list .item,
  #shokubai-page .contents .exp-list .item{
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 15px;
  }
  #industrial-page .contents .exp-list .item:nth-child(2n),
  #raremetal-page .contents .exp-list .item:nth-child(2n),
  #shokubai-page .contents .exp-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list figure,
  #raremetal-page .contents .exp-list figure,
  #shokubai-page .contents .exp-list figure {
    padding: 15px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list figure,
  #raremetal-page .contents .exp-list figure,
  #shokubai-page .contents .exp-list figure {
    padding: 10px;
  }
}
#industrial-page .contents .exp-list h3,
#raremetal-page .contents .exp-list h3,
#shokubai-page .contents .exp-list h3  {
  margin: 0;
  padding: 0;
  border: none;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list h3,
  #raremetal-page .contents .exp-list h3,
  #shokubai-page .contents .exp-list h3 {
    padding: 5px 15px 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list h3,
  #raremetal-page .contents .exp-list h3,
  #shokubai-page .contents .exp-list h3 {
    padding: 5px 10px 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .exp-list h3,
  #raremetal-page .contents .exp-list h3,
  #shokubai-page .contents .exp-list h3 {
    padding: 0 10px 10px;
    font-size: 15px;
  }
}
#industrial-page .contents .exp-list .price,
#raremetal-page .contents .exp-list .price,
#shokubai-page .contents .exp-list .price {
  border-top: 1px dotted #e0ddd6;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list .price,
  #raremetal-page .contents .exp-list .price,
  #shokubai-page .contents .exp-list .price {
    padding: 20px 15px 25px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list .price,
  #raremetal-page .contents .exp-list .price,
  #shokubai-page .contents .exp-list .price  {
    padding: 15px 10px 20px;
  }
}
#industrial-page .contents .exp-list .price p,
#raremetal-page .contents .exp-list .price p,
#shokubai-page .contents .exp-list .price p {
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list .price p,
  #raremetal-page .contents .exp-list .price p,
  #shokubai-page .contents .exp-list .price p {
    font-size: 40px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list .price p,
  #raremetal-page .contents .exp-list .price p,
  #shokubai-page .contents .exp-list .price p {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .exp-list .price p,
  #raremetal-page .contents .exp-list .price p,
  #shokubai-page .contents .exp-list .price p {
    font-size: 18px;
  }
}
#industrial-page .contents .exp-list .price p small,
#raremetal-page .contents .exp-list .price p small {
  display: block;
  padding-top: 5px;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list .price p small,
  #raremetal-page .contents .exp-list .price p small,
  #shokubai-page .contents .exp-list .price p small {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list .price p small,
  #raremetal-page .contents .exp-list .price p small,
  #shokubai-page .contents .exp-list .price p small {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .exp-list .price p small,
  #raremetal-page .contents .exp-list .price p small,
  #shokubai-page .contents .exp-list .price p small {
    font-size: 12px;
  }
}
#industrial-page .contents .exp-list .price p span,
#raremetal-page .contents .exp-list .price p span,
#shokubai-page .contents .exp-list .price p span {
  display: block;
  color: #887b5e;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .exp-list .price p span,
  #raremetal-page .contents .exp-list .price p span,
  #shokubai-page .contents .exp-list .price p span {
    margin-bottom: 10px;
    font-size: 15px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .exp-list .price p span,
  #raremetal-page .contents .exp-list .price p span,
  #shokubai-page .contents .exp-list .price p span {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .exp-list .price p span,
  #raremetal-page .contents .exp-list .price p span,
  #shokubai-page .contents .exp-list .price p span {
    margin-bottom: 5px;
    font-size: 11px;
  }
}
#industrial-page .contents .other-purchase,
#raremetal-page .contents .other-purchase,
#shokubai-page .contents .other-purchase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#industrial-page .contents .other-purchase .item,
#raremetal-page .contents .other-purchase .item,
#shokubai-page .contents .other-purchase .item  {
  overflow: hidden;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .other-purchase .item,
  #raremetal-page .contents .other-purchase .item,
  #shokubai-page .contents .other-purchase .item {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-top: 20px;
  }
  #industrial-page .contents .other-purchase .item:nth-child(4n),
  #raremetal-page .contents .other-purchase .item:nth-child(4n),
  #shokubai-page .contents .other-purchase .item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .other-purchase .item,
  #raremetal-page .contents .other-purchase .item,
  #shokubai-page .contents .other-purchase .item {
    width: calc(33.33333% - 10px);
    margin-right: 15px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 959px) and (min-width: 768px) {
  #industrial-page .contents .other-purchase .item:nth-child(3n),
  #raremetal-page .contents .other-purchase .item:nth-child(3n),
  #shokubai-page .contents .other-purchase .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .other-purchase .item,
  #raremetal-page .contents .other-purchase .item,
  #shokubai-page .contents .other-purchase .item {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-top: 15px;
  }
  #industrial-page .contents .other-purchase .item:nth-child(2n),
  #raremetal-page .contents .other-purchase .item:nth-child(2n),
  #shokubai-page .contents .other-purchase .item:nth-child(2n) {
    margin-right: 0;
  }
}
#industrial-page .contents .other-purchase p,
#raremetal-page .contents .other-purchase p,
#shokubai-page .contents .other-purchase p {
  margin: 0;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .other-purchase p,
  #raremetal-page .contents .other-purchase p,
  #shokubai-page .contents .other-purchase p {
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .other-purchase p,
  #raremetal-page .contents .other-purchase p,
  #shokubai-page .contents .other-purchase p {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .other-purchase p,
  #raremetal-page .contents .other-purchase p,
  #shokubai-page .contents .other-purchase p {
    padding: 10px;
  }
}
#industrial-page .contents .other-list,
#raremetal-page .contents .other-list,
#shokubai-page .contents .other-list {
  overflow: hidden;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .other-list,
  #raremetal-page .contents .other-list,
  #shokubai-page .contents .other-list {
    margin-top: 50px;
    padding: 30px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .other-list,
  #raremetal-page .contents .other-list,
  #shokubai-page .contents .other-list {
    margin-top: 30px;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .other-list,
  #raremetal-page .contents .other-list,
  #shokubai-page .contents .other-list {
    margin-top: 20px;
    padding: 15px;
  }
}
#industrial-page .contents .other-list .scroll,
#raremetal-page .contents .other-list .scroll,
#shokubai-page .contents .other-list .scroll {
  overflow-y: auto;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .other-list .scroll,
  #raremetal-page .contents .other-list .scroll,
  #shokubai-page .contents .other-list .scroll {
    height: 240px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .other-list .scroll,
  #raremetal-page .contents .other-list .scroll,
  #shokubai-page .contents .other-list .scroll {
    height: 200px;
  }
}
#industrial-page .contents .other-list ul,
#raremetal-page .contents .other-list ul,
#shokubai-page .contents .other-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#industrial-page .contents .other-list ul li,
#raremetal-page .contents .other-list ul li,
#shokubai-page .contents .other-list ul li {
  margin-bottom: 0.5em;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .other-list ul li,
  #raremetal-page .contents .other-list ul li,
  #shokubai-page .contents .other-list ul li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .other-list ul li,
  #raremetal-page .contents .other-list ul li,
  #shokubai-page .contents .other-list ul li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .other-list ul li,
  #raremetal-page .contents .other-list ul li,
  #shokubai-page .contents .other-list ul li {
    width: 50%;
  }
}
#industrial-page .contents .other-list ul a:hover,
#raremetal-page .contents .other-list ul a:hover,
#shokubai-page .contents .other-list ul a:hover {
  text-decoration: none;
}
#industrial-page .contents .action:after,
#raremetal-page .contents .action:after,
#shokubai-page .contents .action:after {
  content: " ";
  display: block;
  clear: both;
}
#industrial-page .contents .action li,
#raremetal-page .contents .action li,
#shokubai-page .contents .action li {
  margin: 0;
}
@media screen and (min-width: 1280px) {
  #industrial-page .contents .action li;
  #raremetal-page .contents .action l;
  #raremetal-page .contents .action lii {
    float: left;
    width: 50%;
  }
  #industrial-page .contents .action li:first-child,
  #raremetal-page .contents .action li:first-child,
  #shokubai-page .contents .action li:first-child {
    padding-right: 1rem;
  }
  #industrial-page .contents .action li:last-child,
  #raremetal-page .contents .action li:last-child,
  #shokubai-page .contents .action li:last-child {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 1279px) {
  #industrial-page .contents .action li,
  #raremetal-page .contents .action li,
  #shokubai-page .contents .action li {
    width: 70%;
  }
  #industrial-page .contents .action li:first-child,
  #raremetal-page .contents .action li:first-child,
  #shokubai-page .contents .action li:first-child {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .action li,
  #raremetal-page .contents .action li,
  #shokubai-page .contents .action li {
    width: 100%;
  }
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .action a,
  #raremetal-page .contents .action a,
  #shokubai-page .contents .action a {
    width: 100%;
    height: 100px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .action a,
  #raremetal-page .contents .action a,
  #shokubai-page .contents .action a  {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .action a,
  #raremetal-page .contents .action a,
  #shokubai-page .contents .action a {
    height: 70px;
  }
}
#industrial-page .contents .action span,
#raremetal-page .contents .action span,
#shokubai-page .contents .action span {
  font-weight: 700;
  text-align: left;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .action span,
  #raremetal-page .contents .action span,
  #shokubai-page .contents .action span {
    font-size: 28px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .action span,
  #raremetal-page .contents .action span,
  #shokuabai-page .contents .action span {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .action span,
  #raremetal-page .contents .action span,
  #shokubai-page .contents .action span {
    font-size: 17px;
  }
}
#industrial-page .contents .action small,
#raremetal-page .contents .action small,
#shokubai-page .contents .action small {
  display: block;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .action small,
  #raremetal-page .contents .action small,
  #shokubai-page .contents .action small {
    margin-bottom: 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .action small,
  #raremetal-page .contents .action small,
  #shokubai-page .contents .action small {
    margin-bottom: 7px;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .action small,
  #raremetal-page .contents .action small,
  #shokubai-page .contents .action small {
    font-size: 12px;
  }
}
#industrial-page .contents .action i,
#raremetal-page .contents .action i,
#shokubai-page .contents .action i {
  margin-right: 10px;
}
@media screen and (min-width: 960px) {
  #industrial-page .contents .action i, #industrial-page .contents .action svg,
  #raremetal-page .contents .action i, #raremetal-page .contents .action svg,
  #shokubai-page .contents .action i, #shokubai-page .contents .action svg {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 959px) {
  #industrial-page .contents .action i, #industrial-page .contents .action svg,
  #raremetal-page .contents .action i, #raremetal-page .contents .action svg,
  #shokubai-page .contents .action i, #shokubai-page .contents .action svg {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  #industrial-page .contents .action i, #industrial-page .contents .action svg,
  #raremetal-page .contents .action i, #raremetal-page .contents .action svg,
  #shokubai-page .contents .action i, #shokubai-page .contents .action svg {
    width: 40px;
    height: 40px;
  }
}

/* raremetal page
========================================================= */
/*#raremetal-page .contents .exp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#raremetal-page .contents .exp-list .item {
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  text-align: center;
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents .exp-list .item {
    width: calc(25% - 15px);
    margin-bottom: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
  }
  #raremetal-page .contents .exp-list .item:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  #raremetal-page .contents .exp-list .item {
    width: calc(33.33333% - 15px);
    margin-bottom: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
  }
  #raremetal-page .contents .exp-list .item:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #raremetal-page .contents .exp-list .item {
    width: calc(50% - 10px);
    margin-bottom: 20px;
    margin-right: 20px;
    padding-bottom: 15px;
  }
  #raremetal-page .contents .exp-list .item:nth-child(3n) {
    margin-right: 20px;
  }
  #raremetal-page .contents .exp-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents .exp-list .item figure {
    margin-bottom: 13px;
  }
}*/

/* feature page
========================================================= */
#feature-page .contents .feature-list {
  border-top: 1px dotted #e0ddd6;
}
#feature-page .contents .feature-list .item {
  border-bottom: 1px dotted #e0ddd6;
}
@media screen and (min-width: 768px) {
  #feature-page .contents .feature-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  #feature-page .contents .feature-list .item {
    padding: 40px 0;
  }
}
@media screen and (max-width: 959px) {
  #feature-page .contents .feature-list .item {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  #feature-page .contents .feature-list .item {
    padding: 20px 0;
  }
}
@media screen and (min-width: 960px) {
  #feature-page .contents .feature-list .txt {
    width: calc(100% - 340px);
  }
}
@media screen and (max-width: 959px) {
  #feature-page .contents .feature-list .txt {
    width: calc(100% - 280px);
  }
}
@media screen and (max-width: 767px) {
  #feature-page .contents .feature-list .txt {
    width: 100%;
  }
}
#feature-page .contents .feature-list h3 {
  padding: 0;
  border: none;
  color: #887b5e;
}
#feature-page .contents .feature-list h3 small {
  display: block;
}
@media screen and (min-width: 960px) {
  #feature-page .contents .feature-list h3 small {
    margin-bottom: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  #feature-page .contents .feature-list h3 small {
    margin-bottom: 8px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #feature-page .contents .feature-list h3 small {
    margin-bottom: 5px;
    font-size: 11px;
  }
}
@media screen and (min-width: 960px) {
  #feature-page .contents .feature-list .btn-link {
    padding-top: 30px;
    text-align: left;
  }
  #feature-page .contents .feature-list .btn-link a {
    margin: 0;
  }
}
@media screen and (max-width: 959px) {
  #feature-page .contents .feature-list .btn-link {
    padding-top: 25px;
    text-align: left;
  }
  #feature-page .contents .feature-list .btn-link a {
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 960px) {
  #feature-page .contents .feature-list figure {
    width: 300px;
  }
}
@media screen and (max-width: 959px) {
  #feature-page .contents .feature-list figure {
    width: 250px;
  }
}
@media screen and (max-width: 767px) {
  #feature-page .contents .feature-list figure {
    margin-top: 1em;
    width: 100%;
  }
}

/* shop page
========================================================= */
@media screen and (min-width: 960px) {
  #shop-page .contents .intro .txt {
    float: left;
    width: calc(100% - 430px);
  }
}
@media screen and (max-width: 959px) {
  #shop-page .contents .intro .txt {
    float: left;
    width: calc(100% - 320px);
  }
}
@media screen and (max-width: 767px) {
  #shop-page .contents .intro .txt {
    float: none;
    width: 100%;
  }
}
#shop-page .contents .intro .bnr {
  margin-top: 1.5em;
  text-align: center;
}
#shop-page .contents .intro .bnr a {
  text-decoration: none;
  display: block;
  padding: 1.5em;
  background: #fff;
  border: 1px solid #e0ddd6;
}
@media screen and (min-width: 960px) {
  #shop-page .contents .intro .bnr a:hover {
    opacity: .8;
  }
}
#shop-page .contents .intro .bnr img {
  max-width: 250px;
}
@media screen and (min-width: 960px) {
  #shop-page .contents .intro figure {
    float: right;
    width: 400px;
  }
}
@media screen and (max-width: 959px) {
  #shop-page .contents .intro figure {
    float: right;
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #shop-page .contents .intro figure {
    float: none;
    width: 100%;
    margin-top: 1em;
  }
}
#shop-page .contents .shop-photo ul:after {
  content: " ";
  display: block;
  clear: both;
}
#shop-page .contents .shop-photo li {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  #shop-page .contents .shop-photo li {
    float: left;
    width: 50%;
    padding-right: 1rem;
  }
  #shop-page .contents .shop-photo li:nth-child(2n) {
    padding-right: 0;
    padding-left: 1rem;
  }
/*  #shop-page .contents .shop-photo li:nth-child(3), #shop-page .contents .shop-photo li:nth-child(4) {
    margin-bottom: 0;
  }*/
}
@media screen and (max-width: 767px) {
  #shop-page .contents .shop-photo li:last-child {
    margin-bottom: 0;
  }
}
#shop-page .contents .parking table {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  #shop-page .contents .parking th {
    width: 35%;
  }
}
#shop-page .contents .parking .photo:after {
  content: " ";
  display: block;
  clear: both;
}
#shop-page .contents .parking .photo li {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #shop-page .contents .parking .photo li {
    margin-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  #shop-page .contents .parking .photo li {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #shop-page .contents .parking .photo li {
    margin-top: 1em;
  }
}
@media screen and (min-width: 768px) {
  #shop-page .contents .parking .photo li:not(:nth-of-type(1)) {
    width: calc(50% - 20px);
  }
}
#shop-page .contents .parking .photo li:nth-of-type(2) {
  float: left;
}
#shop-page .contents .parking .photo li:nth-of-type(3) {
  float: right;
}
#shop-page .contents .parking .photo li figure {
  display: block;
  margin-bottom: 10px;
}
#shop-page .contents .parking .photo li small {
  display: block;
  font-size: 85%;
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  #shop-page .contents .parking .map-img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 959px) {
  #shop-page .contents .parking .map-img {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  #shop-page .contents .parking .map-img {
    margin-top: 1em;
  }
}

/* flow page
========================================================= */
@media screen and (min-width: 960px) {
  #flow-page .contents .box-tab, #flow-page .contents .tab-wrap {
    margin-top: 50px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .box-tab, #flow-page .contents .tab-wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .box-tab, #flow-page .contents .tab-wrap {
    margin-top: 20px;
  }
}
@media screen and (min-width: 960px) {
  #flow-page .contents .tab li, #flow-page .contents .tab-list li {
    font-size: 18px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .tab li, #flow-page .contents .tab-list li {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .tab li, #flow-page .contents .tab-list li {
    font-size: 14px;
  }
}
#flow-page .contents .tab li:last-child, #flow-page .contents .tab-list li:last-child {
  margin-right: 0;
}
#flow-page .contents .flow .item {
  position: relative;
  margin-bottom: 40px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  #flow-page .contents .flow .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow .item {
    padding: 30px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow .item {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .flow .item {
    margin-bottom: 30px;
    padding: 15px;
  }
}
#flow-page .contents .flow .item:before, #flow-page .contents .flow .item:after {
  display: block;
  content: "";
  position: absolute;
  background: #fff;
}
#flow-page .contents .flow .item:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  z-index: 3;
}
#flow-page .contents .flow .item:after {
  left: calc(50% - 20px);
  bottom: -18px;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #flow-page .contents .flow .item:after {
    left: calc(50% - 15px);
    bottom: -13px;
    width: 30px;
    height: 30px;
  }
}
#flow-page .contents .flow .item:last-child {
  margin-bottom: 0;
}
#flow-page .contents .flow .item:last-child:after {
  display: none;
}
#flow-page .contents .flow figure {
  position: relative;
  z-index: 10;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow figure {
    width: 200px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow figure {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .flow figure {
    width: 100%;
    margin-top: 1em;
  }
  #flow-page .contents .flow figure img {
    max-width: 200px;
  }
}
#flow-page .contents .flow figure img {
  margin: auto;
}
#flow-page .contents .flow .txt {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow .txt {
    width: calc(100% - 230px);
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow .txt {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .flow .txt {
    width: 100%;
  }
}
#flow-page .contents .flow .txt dl {
  margin-bottom: 2em;
}
#flow-page .contents .flow .txt dl:last-child {
  margin-bottom: 0;
}
#flow-page .contents .flow .txt dt {
  color: #887b5e;
  font-weight: 700;
}
#flow-page .contents .flow .txt .decision {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background: #881104;
  color: #fff;
  font-weight: 600;
  font-size: 1.2em;
  line-height: 1;
}
#flow-page .contents .flow .txt .btn-link {
  padding-top: 1em;
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow .txt .btn-link {
    text-align: left;
  }
  #flow-page .contents .flow .txt .btn-link a {
    margin: 0;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow .txt .btn-link {
    text-align: left;
  }
  #flow-page .contents .flow .txt .btn-link a {
    width: 100%;
    margin: 0;
  }
}
#flow-page .contents .flow h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px dotted #e0ddd6;
  font-weight: 600;
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow h4 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow h4 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .flow h4 {
    font-size: 16px;
  }
}
#flow-page .contents .flow h4 i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  background: #bab19b;
  border-radius: 100%;
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #flow-page .contents .flow h4 i {
    width: 40px;
    height: 40px;
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  #flow-page .contents .flow h4 i {
    width: 30px;
    height: 30px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  #flow-page .contents .tab-cnt .flow .item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 20px;
  }
}
@media screen and (min-width: 768px) {
  #flow-page .contents .tab-cnt .flow .item .txt {
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2;
    width: auto;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .tab-cnt .flow .item .txt {
    text-align: center;
  }
}
#flow-page .contents .tab-cnt .flow .item h4 {
  position: relative;
  padding-bottom: 0;
  border-bottom: none;
  color: #887b5e;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  #flow-page .contents .tab-cnt .flow .item h4 {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  #flow-page .contents .tab-cnt .flow .item h4 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#flow-page .contents .tab-cnt .flow .item h4 i {
  margin: 0 0 0 5px;
  color: #fff;
}

/* marketdata page
========================================================= */
@media screen and (max-width: 767px) {
  #marketdata-page .contents .tab-wrap .tab-btn {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  #marketdata-page .contents .chart-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#marketdata-page .contents .tab-cnt figure {
  text-align: center;
}
#marketdata-page .contents .tab-cnt figure a {
  display: inline-block;
}
@media screen and (min-width: 960px) {
  #marketdata-page .contents .tab-cnt figure a:hover {
    opacity: .8;
  }
}
#marketdata-page .contents .tab-cnt figure img {
  margin: auto;
  background: #fff;
}
@media screen and (min-width: 768px) {
  #marketdata-page .contents .box-chart {
    width: calc(50% - 15px);
    margin-top: 40px;
  }
  #marketdata-page .contents .box-chart:nth-child(1), #marketdata-page .contents .box-chart:nth-child(2) {
    margin-top: 0 !important;
  }
  #marketdata-page .contents .box-chart:nth-child(odd) {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  #marketdata-page .contents .box-chart {
    margin-bottom: 30px;
  }
}
#marketdata-page .contents .chart-link {
  padding-top: 0;
  text-align: left;
}
@media screen and (min-width: 960px) {
  #marketdata-page .contents .chart-link li {
    width: calc(33.33333% - 15px);
    margin-right: 22px;
  }
  #marketdata-page .contents .chart-link li:nth-child(3n) {
    margin-right: 0;
  }
  #marketdata-page .contents .chart-link li:nth-child(3) {
    margin-top: 0;
  }
}
#marketdata-page .contents .world-clock {
  overflow: hidden;
}
#marketdata-page .contents .world-clock img {
  width: auto;
}
#marketdata-page .contents .world-clock div {
  font-size: 12px;
}

/* hoge page
========================================================= */
/* lab page
========================================================= */
#lab-page .pagetitle {
  background: url("/images/lab/hero-bg.png") no-repeat top center;
  background-size: auto 100%;
}
#lab-page .pagetitle h1 {
  display: block;
  width: auto;
  height: auto;
  margin: auto;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 960px) {
  #lab-page .pagetitle h1 img {
    width: 900px;
    height: auto;
    margin: auto;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .pagetitle h1 {
    width: 100%;
  }
}
#lab-page .breadcrumbs li, #lab-page .breadcrumbs a {
  color: #887b5e;
}
#lab-page .breadcrumbs li:before, #lab-page .breadcrumbs a:before {
  border-color: #887b5e;
}
#lab-page .contents .photo:after {
  content: " ";
  display: block;
  clear: both;
}
@media screen and (min-width: 960px) {
  #lab-page .contents .photo li {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .contents .photo li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  #lab-page .contents .photo li {
    float: left;
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
  #lab-page .contents .photo li {
    width: 100%;
    margin-right: 0;
    margin-top: 1em;
  }
}
#lab-page .contents .photo li:nth-of-type(2n) {
  margin-right: 0;
}
@media screen and (min-width: 960px) {
  #lab-page .contents .reservation a {
    width: 500px;
    height: 100px;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .contents .reservation a {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  #lab-page .contents .reservation a {
    height: 70px;
  }
}
#lab-page .contents .reservation span {
  font-weight: 700;
  text-align: left;
}
@media screen and (min-width: 960px) {
  #lab-page .contents .reservation span {
    font-size: 22px;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .contents .reservation span {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #lab-page .contents .reservation span {
    font-size: 17px;
  }
}
#lab-page .contents .reservation small {
  display: block;
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  #lab-page .contents .reservation small {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .contents .reservation small {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #lab-page .contents .reservation small {
    font-size: 12px;
  }
}
#lab-page .contents .reservation i {
  margin-right: 10px;
}
@media screen and (min-width: 960px) {
  #lab-page .contents .reservation i, #lab-page .contents .reservation svg {
    width: 52px;
    height: 52px;
  }
}
@media screen and (max-width: 959px) {
  #lab-page .contents .reservation i, #lab-page .contents .reservation svg {
    width: 40px;
    height: 40px;
  }
}

/* privacy page
========================================================= */
@media screen and (min-width: 768px) {
  #privacy-page .contents .anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3em;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  #privacy-page .contents .anchor {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  #privacy-page .contents .anchor li {
    width: 48%;
  }
}
@media screen and (max-width: 767px) {
  #privacy-page .contents .anchor li:first-child {
    margin-bottom: 1.5em;
  }
}
#privacy-page .contents .anchor a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  background: #bab19b;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
#privacy-page .contents .anchor a:hover {
  opacity: .8;
}
#privacy-page .contents .anchor i {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#privacy-page .contents .anchor i:before {
  border-color: #fff;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
@media screen and (min-width: 960px) {
  #privacy-page .contents .attention li {
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  #privacy-page .contents .attention li {
    font-size: 14px;
  }
}

/* faq page
========================================================= */
@media screen and (min-width: 960px) {
  #faq-page .contents {
    padding-top: 80px;
  }
}
#faq-page .contents .faq-article h2, #faq-page .contents .faq-article .article-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#faq-page .contents .faq-article h2:before, #faq-page .contents .faq-article .article-inner:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  border-radius: 100%;
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #faq-page .contents .faq-article h2:before, #faq-page .contents .faq-article .article-inner:before {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #faq-page .contents .faq-article h2:before, #faq-page .contents .faq-article .article-inner:before {
    width: 30px;
    height: 30px;
    margin-right: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #faq-page .contents .faq-article h2:before, #faq-page .contents .faq-article .article-inner:before {
    margin-right: 10px;
  }
}
@media screen and (min-width: 960px) {
  #faq-page .contents .faq-article h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 959px) {
  #faq-page .contents .faq-article h2 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #faq-page .contents .faq-article h2 {
    font-size: 16px;
    text-align: left;
  }
}
#faq-page .contents .faq-article h2:before {
  content: "Q";
  background: #887b5e;
  color: #fff;
}
#faq-page .contents .faq-article h2 span {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
#faq-page .contents .faq-article .article-inner .answer {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
#faq-page .contents .faq-article .article-inner .answer p {
  line-height: 1.8;
}
#faq-page .contents .faq-article .article-inner:before {
  content: "A";
  border: 1px solid #887b5e;
  background: #fff;
  color: #887b5e;
}
@media screen and (max-width: 767px) {
  #faq-page .contents .faq-article .article-inner:before {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

/* post page
========================================================= */
.post-page .category-link {
  background: #fff;
  border-bottom: 1px solid #bab19b;
}
.post-page .category-link dt {
  background: #bab19b;
}
.post-page .category-link li {
  border-color: #bab19b;
}
.post-page .category-link a {
  color: #312d2b;
}
@media screen and (min-width: 960px) {
  .post-page .category-link a:hover {
    color: #887b5e;
  }
}
.post-page .contents {
  padding-top: 40px;
}

.contents .post-list ul {
  border-top: 1px dotted #e0ddd6;
}
.contents .post-list li, .contents .post-list a, .contents .post-list span {
  cursor: pointer;
}
.contents .post-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  border-bottom: 1px dotted #e0ddd6;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .post-list a:hover {
    color: #887b5e;
  }
}
@media screen and (max-width: 767px) {
  .contents .post-list a {
    padding: 10px 0;
  }
}
.contents .post-list span {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}
.contents .faq-list li a:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "Q";
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding-bottom: 2px;
  background: #887b5e;
  color: #fff;
  font-size: 20px;
  font-family: "Oswald", sans-serif;
  border-radius: 100%;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .contents .faq-list li a:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
.contents .post h2 {
  padding-bottom: .5em;
  border-bottom: 1px dotted #e0ddd6;
}
.contents .post p, .contents .post dt, .contents .post dd, .contents .post li {
  line-height: 2.5;
  letter-spacing: 2px;
}
.contents .post .update {
  margin-bottom: 20px;
  padding: 15px;
  border: 1px dotted #e0ddd6;
  border-left: none;
  border-right: none;
  text-align: right;
  line-height: 0;
}
.contents .post .update dt, .contents .post .update dd {
  display: inline-block;
  line-height: 1;
  font-family: "Oswald", sans-serif;
  font-size: 14px;
}
.contents .post .update dt {
  margin-left: 2em;
  margin-right: 5px;
}
.contents .post .update dt:after {
  display: inline-block;
  content: ":";
  margin-left: 5px;
}
.contents .post .update a:hover {
  text-decoration: none;
}
.contents .related-wrap:after {
  content: " ";
  display: block;
  clear: both;
}
@media screen and (min-width: 768px) {
  .contents .related-wrap .related-list {
    float: left;
  }
}
@media screen and (min-width: 960px) {
  .contents .related-wrap .related-list {
    width: calc(50% - 20px);
    padding-top: 50px;
  }
  .contents .related-wrap .related-list:first-child {
    margin-right: 40px;
  }
}
@media screen and (max-width: 959px) {
  .contents .related-wrap .related-list {
    width: calc(50% - 15px);
  }
  .contents .related-wrap .related-list:first-child {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents .related-wrap .related-list {
    width: 100%;
    margin-right: 0;
  }
  .contents .related-wrap .related-list:first-child {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 960px) {
  .contents .related-wrap .related-list.faq-list a:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}
@media screen and (max-width: 959px) {
  .contents .related-wrap .related-list.faq-list a:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .contents .related-wrap .related-list.faq-list a:before {
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  .contents .related-wrap h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 959px) {
  .contents .related-wrap h2 {
    font-size: 20px;
  }
}
.contents .related-wrap h2 span {
  display: block;
  margin: 0;
}
.contents .info-list ul {
  border-top: 1px dotted #e0ddd6;
}
.contents .info-list li, .contents .info-list a, .contents .info-list span {
  cursor: pointer;
}
.contents .info-list a {
  border-bottom: 1px dotted #e0ddd6;
  text-decoration: none;
}
@media screen and (min-width: 960px) {
  .contents .info-list a:hover {
    color: #887b5e;
  }
}
@media screen and (min-width: 768px) {
  .contents .info-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .contents .info-list a {
    display: block;
    padding: 10px 0;
  }
}
.contents .info-list a span {
  display: block;
}
@media screen and (min-width: 768px) {
  .contents .info-list a span:first-child {
    width: 7em;
    border-right: 1px dotted #e0ddd6;
  }
}
@media screen and (min-width: 768px) {
  .contents .info-list a span:last-of-type {
    -webkit-box-flex: 8;
        -ms-flex: 8;
            flex: 8;
    padding-left: 2em;
  }
}

/* info page
========================================================= */
#news-page .contents .post h2 {
  padding-bottom: 0;
  border: none;
  text-align: left;
}

/*  blog page
========================================================= */
#blog-page .pagetitle {
  background: url("/images/blog/hero-img.png") top right no-repeat #1c1f22;
  background-size: cover;
}
#blog-page .pagetitle .hero-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #blog-page .pagetitle .hero-cnt {
    height: 400px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #blog-page .pagetitle .hero-cnt {
    height: 300px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .pagetitle .hero-cnt {
    height: 250px;
  }
}
#blog-page .pagetitle h1 {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 30%;
  padding: 0;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #blog-page .pagetitle h1 {
    margin-bottom: 40px;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1520px) {
  #blog-page .pagetitle h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  #blog-page .pagetitle h1 {
    margin-bottom: 30px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .pagetitle h1 {
    margin-bottom: 20px;
    font-size: 5.5vw;
  }
}
#blog-page .pagetitle .summary {
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-right: 30%;
}
#blog-page .pagetitle .summary p {
  line-height: 1.8;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #blog-page .pagetitle .summary p {
    font-size: 1.3vw;
  }
  #blog-page .pagetitle .summary p.attention {
    font-size: 85%;
  }
}
@media screen and (min-width: 1520px) {
  #blog-page .pagetitle .summary p {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #blog-page .pagetitle .summary p {
    font-size: 16px;
  }
  #blog-page .pagetitle .summary p.attention {
    font-size: 70%;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .pagetitle .summary {
    margin-right: 0;
  }
  #blog-page .pagetitle .summary p {
    font-size: 12px;
  }
  #blog-page .pagetitle .summary br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .breadcrumbs {
    bottom: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
  }
  #blog-page .breadcrumbs li, #blog-page .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
  }
  #blog-page .breadcrumbs li:before {
    border-color: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (max-width: 767px) {
  #blog-page .contents {
    padding-top: 40px;
  }
}
#home-page .contents .blog-list,
#caselist-page .contents .blog-list,
#case-page .contents .blog-list,
#knowledgelist-page .contents .blog-list,
#knowledge-page .contents .blog-list,
#blog-page .contents .blog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#home-page .contents .blog-list .item,
#caselist-page .contents .blog-list .item,
#case-page .contents .blog-list .item,
#knowledgelist-page .contents .blog-list .item,
#knowledge-page .contents .blog-list .item,
#blog-page .contents .blog-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960px) {
  #home-page .contents .blog-list .item,
  #caselist-page .contents .blog-list .item,
  #case-page .contents .blog-list .item,
  #knowledgelist-page .contents .blog-list .item,
  #knowledge-page .contents .blog-list .item,
  #blog-page .contents .blog-list .item {
    width: calc(33.33333% - 20px);
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #home-page .contents .blog-list .item:nth-of-type(3n),
  #caselist-page .contents .blog-list .item:nth-of-type(3n),
  #case-page .contents .blog-list .item:nth-of-type(3n),
  #knowledgelist-page .contents .blog-list .item:nth-of-type(3n),
  #knowledge-page .contents .blog-list .item:nth-of-type(3n),
  #blog-page .contents .blog-list .item:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .blog-list .item,
  #caselist-page .contents .blog-list .item,
  #case-page .contents .blog-list .item,
  #knowledgelist-page .contents .blog-list .item,
  #knowledge-page .contents .blog-list .item,
  #blog-page .contents .blog-list .item {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 30px;
  }
  #home-page .contents .blog-list .item:nth-child(2n),
  #caselist-page .contents .blog-list .item:nth-child(2n),
  #case-page .contents .blog-list .item:nth-child(2n),
  #knowledgelist-page .contents .blog-list .item:nth-child(2n),
  #knowledge-page .contents .blog-list .item:nth-child(2n),
  #blog-page .contents .blog-list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item,
  #caselist-page .contents .blog-list .item,
  #case-page .contents .blog-list .item,
  #knowledgelist-page .contents .blog-list .item,
  #knowledge-page .contents .blog-list .item,
  #blog-page .contents .blog-list .item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
#home-page .contents .blog-list .item a,
#caselist-page .contents .blog-list .item a,
#case-page .contents .blog-list .item a,
#knowledgelist-page .contents .blog-list .item a,
#knowledge-page .contents .blog-list .item a,
#blog-page .contents .blog-list .item a {
  display: block;
  width: 100%;
  padding: 15px;
  background: #fff;
  text-decoration: none;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
@media screen and (min-width: 960px) {
  #home-page .contents .blog-list .item a,
  #caselist-page .contents .blog-list .item a,
  #case-page .contents .blog-list .item a,
  #knowledgelist-page .contents .blog-list .item a,
  #knowledge-page .contents .blog-list .item a,
  #blog-page .contents .blog-list .item a {
    padding-bottom: 40px;
  }
  #home-page .contents .blog-list .item a:hover,
  #caselist-page .contents .blog-list .item a:hover,
  #case-page .contents .blog-list .item a:hover,
  #knowledgelist-page .contents .blog-list .item a:hover,
  #knowledge-page .contents .blog-list .item a:hover,
  #blog-page .contents .blog-list .item a:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  #home-page .contents .blog-list .item a:hover img,
  #caselist-page .contents .blog-list .item a:hover img,
  #case-page .contents .blog-list .item a:hover img,
  #knowledgelist-page .contents .blog-list .item a:hover img,
  #knowledge-page .contents .blog-list .item a:hover img,
  #blog-page .contents .blog-list .item a:hover img {
    opacity: .8;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media screen and (max-width: 959px) {
  #home-page .contents .blog-list .item a,
  #caselist-page .contents .blog-list .item a,
  #case-page .contents .blog-list .item a,
  #knowledgelist-page .contents .blog-list .item a,
  #knowledge-page .contents .blog-list .item a,
  #blog-page .contents .blog-list .item a {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item a,
  #caselist-page .contents .blog-list .item a,
  #case-page .contents .blog-list .item a,
  #knowledgelist-page .contents .blog-list .item a,
  #knowledge-page .contents .blog-list .item a,
  #blog-page .contents .blog-list .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-bottom: 15px;
  }
}
#home-page .contents .blog-list .item figure,
#caselist-page .contents .blog-list .item figure,
#case-page .contents .blog-list .item figure,
#knowledgelist-page .contents .blog-list .item figure,
#knowledge-page .contents .blog-list .item figure,
#blog-page .contents .blog-list .item figure {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item figure,
  #caselist-page .contents .blog-list .item figure,
  #case-page .contents .blog-list .item figure,
  #knowledgelist-page .contents .blog-list .item figure,
  #knowledge-page .contents .blog-list .item figure,
  #blog-page .contents .blog-list .item figure {
    width: 100px;
    margin-right: 10px;
  }
}
#home-page .contents .blog-list .item figure img,
#caselist-page .contents .blog-list .item figure img,
#case-page .contents .blog-list .item figure img,
#knowledgelist-page .contents .blog-list .item figure img,
#knowledge-page .contents .blog-list .item figure img,
#blog-page .contents .blog-list .item figure img {
  -webkit-transition: all .2s;
  transition: all .2s;
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item div,
  #caselist-page .contents .blog-list .item div,
  #case-page .contents .blog-list .item div,
  #knowledgelist-page .contents .blog-list .item div,
  #knowledge-page .contents .blog-list .item div,
  #blog-page .contents .blog-list .item div {
    width: calc(100% - 110px);
  }
}
#home-page .contents .blog-list .item ul,
#caselist-page .contents .blog-list .item ul,
#case-page .contents .blog-list .item ul,
#knowledgelist-page .contents .blog-list .item ul,
#knowledge-page .contents .blog-list .item ul,
#blog-page .contents .blog-list .item ul {
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px dotted #e0ddd6;
  font-family: "Oswald", sans-serif;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item ul,
  #caselist-page .contents .blog-list .item ul,
  #case-page .contents .blog-list .item ul,
  #knowledgelist-page .contents .blog-list .item ul,
  #knowledge-page .contents .blog-list .item ul,
  #blog-page .contents .blog-list .item ul {
    margin: 0 0 5px;
    padding: 0;
    border: none;
  }
}
#home-page .contents .blog-list .item ul li,
#caselist-page .contents .blog-list .item ul li,
#case-page .contents .blog-list .item ul li,
#knowledgelist-page .contents .blog-list .item ul li,
#knowledge-page .contents .blog-list .item ul li,
#blog-page .contents .blog-list .item ul li {
  display: inline-block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #home-page .contents .blog-list .item ul li,
  #caselist-page .contents .blog-list .item ul li,
  #case-page .contents .blog-list .item ul li,
  #knowledgelist-page .contents .blog-list .item ul li,
  #knowledge-page .contents .blog-list .item ul li,
  #blog-page .contents .blog-list .item ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #home-page .contents .blog-list .item ul li,
  #caselist-page .contents .blog-list .item ul li,
  #case-page .contents .blog-list .item ul li,
  #knowledgelist-page .contents .blog-list .item ul li,
  #knowledge-page .contents .blog-list .item ul li,
  #blog-page .contents .blog-list .item ul li {
    font-size: 10px;
  }
}
#home-page .contents .blog-list .item ul li:first-child,
#caselist-page .contents .blog-list .item ul li:first-child,
#case-page .contents .blog-list .item ul li:first-child,
#knowledgelist-page .contents .blog-list .item ul li:first-child,
#knowledge-page .contents .blog-list .item ul li:first-child,
#blog-page .contents .blog-list .item ul li:first-child {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #e0ddd6;
}
#home-page .contents .blog-list .item p,
#caselist-page .contents .blog-list .item p,
#case-page .contents .blog-list .item p,
#knowledgelist-page .contents .blog-list .item p,
#knowledge-page .contents .blog-list .item p,
#blog-page .contents .blog-list .item p {
  color: #887b5e;
  font-weight: 600;
  line-height: 1.6;
}
#blog-page .contents .post h2 {
  padding-bottom: 0;
  border: none;
  text-align: left;
}
#blog-page .contents .weather-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#blog-page .contents .weather-list .item {
  overflow: hidden;
  width: calc(50% - 20px);
  margin-top: 30px;
  margin-right: 40px;
  padding-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #blog-page .contents .weather-list .item {
    width: 100%;
    margin-right: 0;
  }
}
#blog-page .contents .weather-list .item:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  #blog-page .contents .weather-list .item:nth-of-type(1), #blog-page .contents .weather-list .item:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .contents .weather-list .item:first-child {
    margin-top: 0;
  }
}
#blog-page .contents .weather-list .item figure {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #blog-page .contents .weather-list .item figure {
    margin-bottom: 15px;
  }
}
#blog-page .contents .weather-list .item img {
  width: auto;
  height: 100px;
  margin: auto;
}
#blog-page .contents .weather-list h3 {
  padding: 20px 15px;
  background: #887b5e;
  color: #fff;
  font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #blog-page .contents .weather-list h3 {
    padding-bottom: 15px;
    font-size: 20px;
  }
}
#blog-page .contents .weather-list p {
  width: 90%;
  margin: auto;
  line-height: 1.5;
}
@media screen and (max-width: 959px) {
  #blog-page .contents .weather-list p {
    width: 85%;
  }
}
#blog-page .contents .icon-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#blog-page .contents .icon-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(33.33333% - 20px);
  margin-top: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 768px) {
  #blog-page .contents .icon-list li:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #blog-page .contents .icon-list li {
    width: calc(50% - 5px);
    margin-top: 10px;
    margin-right: 10px;
  }
  #blog-page .contents .icon-list li:nth-child(2n) {
    margin-right: 0;
  }
}
#blog-page .contents .icon-list figure {
  width: 70px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#blog-page .contents .icon-list span {
  display: block;
  padding-left: 15px;
  line-height: 1.5;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
@media screen and (max-width: 767px) {
  #blog-page .contents .icon-list span {
    padding-left: 10px;
    font-size: 12px;
  }
}

/*  contact page
========================================================= */
.contents form {
  width: 100%;
}
.contents form h3 {
  margin-bottom: 15px;
}
.contents form h3 .must {
  display: inline-block;
  width: 35px;
  height: 18px;
  margin-left: 5px;
  background: #881104;
  color: #fff;
  font-size: 9px;
  text-align: center;
  line-height: 18px;
  text-indent: 0;
  border-radius: 6px;
}
.contents .form-wrap {
  width: 100%;
}
.contents .form-wrap dl {
  display: table;
  width: inherit;
  margin: 0;
  padding: 20px 0;
  border-bottom: dotted 1px #e0ddd6;
}
.contents .form-wrap dl:first-of-type {
  border-top: dotted 1px #e0ddd6;
}
@media screen and (max-width: 959px) {
  .contents .form-wrap dl {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents .form-wrap dl {
    display: block;
  }
}
.contents .form-wrap dt,.contents .form-wrap dd {
  display: table-cell;
  padding: 0;
  border: none !important;
  font-size: 100%;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 959px) {
  .contents .form-wrap dt,.contents .form-wrap dd {
    display: block;
  }
}
@media screen and (min-width: 960px) {
   .contents .form-wrap dt {
    width: 250px;
  }
}
@media screen and (max-width: 959px) {
   .contents .form-wrap dt {
    width: auto;
    padding: 1rem;
    border-bottom: 1px dotted #e0ddd6 !important;
    background: #f6f5f2;
  }
}
.contents .form-wrap dt span {
  display: block;
  float: right;
  width: 35px;
  height: 18px;
  margin-top: 3px;
  background: #881104;
  color: #fff;
  font-size: 9px;
  text-align: center;
  line-height: 18px;
  text-indent: 0;
  border-radius: 6px;
}
.contents .form-wrap dd {
  padding-left: 20px;
}
@media screen and (max-width: 959px) {
  .contents .form-wrap dd {
    padding: 1rem 0;
  }
}
@media screen and (max-width: 959px) {
  .contents .form-wrap dd {
    padding-left: 0;
  }
}
.contents .form-wrap dd dl {
  width: 100%;
  padding: 5px 0;
  border: none !important;
}
.contents .form-wrap dd dl:first-of-type {
  border-top: none;
}
.contents .form-wrap dd dl dt {
  width: 7em;
}
@media screen and (max-width: 959px) {
  .contents .form-wrap dd dl {
    padding-left: 1em;
  }
  .contents .form-wrap dd dl dt {
    margin-bottom: 5px;
  }
  .contents .form-wrap dd dl dt,.contents .form-wrap dd dl dd {
    width: auto;
    padding: 0;
    border: none !important;
    background: none;
  }
}
.contents .form-wrap .error {
  display: block;
  padding-top: 5px;
  color: #881104;
  font-weight: 700;
}
.contents .form-wrap .info {
  display: block;
  font-size: 13px;
}
.contents .form-wrap input, .contents .form-wrap select, .contents .form-wrap textarea {
  font-size: 16px;
}
.contents .form-wrap input:focus, .contents .form-wrap select:focus, .contents .form-wrap textarea:focu {
  outline: none;
}
.contents .form-wrap input[type="text"], .contents .form-wrap input[type="tel"], .contents .form-wrap input[type="email"], .contents .form-wrap textarea {
  -webkit-appearance: none;
  width: 100% !important;
  padding: 10px;
  border: solid 1px #e0ddd6;
  background: #fff;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100% !important;
}
.contents .form-wrap input.zip {
  width: 100px !important;
}
.contents .form-wrap #zip, .contents .form-wrap #other_zip {
  margin-right: 3px;
}
.contents .form-wrap #zip1, .contents .form-wrap #other_zip1 {
  margin-left: 5px;
}
.contents .form-wrap .custom {
  overflow: hidden;
  position: relative;
  width: 250px;
  border: 1px solid #e0ddd6;
  border-radius: 6px;
  background: #fff;
  z-index: 10;
}
.contents .form-wrap .custom i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 10px;
  margin: 0;
  width: 8px;
  height: 8px;
}
.contents .form-wrap .custom i:before {
  width: 8px;
  height: 8px;
  -webkit-transform: rotateZ(135deg);
          transform: rotateZ(135deg);
}
.contents .form-wrap select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  width: 130%;
  height: 44px;
  padding: 11px 0 10px 15px;
  font-weight: 400;
  cursor: pointer;
  background: none;
  z-index: 15;
  vertical-align: middle;
  line-height: 24px;
  border: none;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
}
.contents .form-wrap input[type=radio], .contents .form-wrap input[type=checkbox] {
  display: none;
}
.contents .form-wrap .mwform-radio-field, .contents .form-wrap .mwform-checkbox-field {
  display: block;
  margin: 0 0 15px!important;
}
.contents .form-wrap .mwform-radio-field:last-of-type, .contents .form-wrap .mwform-checkbox-field:last-of-type {
  margin-bottom: 0!important;
}
.contents .form-wrap .mwform-radio-field label, .contents .form-wrap .mwform-checkbox-field label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  padding-left: 30px;
  vertical-align: middle;
  cursor: pointer;
}
.contents .form-wrap .mwform-radio-field label:hover:after, .contents .form-wrap .mwform-checkbox-field label:hover:after {
  border-color: #887b5e;
}
.contents .form-wrap .mwform-radio-field label:before, .contents .form-wrap .mwform-radio-field label:after, .contents .form-wrap .mwform-checkbox-field label:before, .contents .form-wrap .mwform-checkbox-field label:after {
  display: block;
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: '';
}
.contents .form-wrap .mwform-radio-field label:before, .contents .form-wrap .mwform-checkbox-field label:before {
  opacity: 0;
  z-index: 2;
}
.contents .form-wrap .mwform-radio-field label:after, .contents .form-wrap .mwform-checkbox-field label:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  left: 0;
  margin-top: 3px;
  width: 20px;
  height: 20px;
  border: 2px solid #e0ddd6;
  border-radius: 6px;
  background: #fff;
  z-index: 1;
}
.contents .form-wrap .mwform-radio-field label.selected:after, .contents .form-wrap .mwform-checkbox-field label.selected:after {
  border-color: #887b5e;
}
.contents .form-wrap .mwform-radio-field label.selected:before, .contents .form-wrap .mwform-checkbox-field label.selected:before {
  opacity: 1;
}
.contents .form-wrap .mwform-radio-field label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  left: 6px;
  margin-top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #887b5e;
}
.contents .form-wrap .mwform-radio-field label:after {
  border-radius: 100%;
}
.contents .form-wrap .mwform-checkbox-field label:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  margin-top: -7px;
  width: 7px;
  height: 11px;
  border-right: 3px solid #887b5e;
  border-bottom: 3px solid #887b5e;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.contents #submit {
  margin-top: 30px;
  text-align: center;
}
.contents .intro-message {
  display: block;
  margin-bottom: 2em;
}

.contents .intro-message .document_pdf{
  margin-bottom: 1em;
  background: #fff;
  border: 1px solid #e0ddd6;
  border-radius: 5px;
}

.contents .intro-message .kit {
  margin-bottom: 1em;
  background: #fff;
  border: 1px solid #e0ddd6;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .contents .intro-message .kit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.5rem;
  }
  .contents .intro-message .document_pdf{
    padding: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .contents .intro-message .kit {
    padding: 1rem;
  }
  .contents .intro-message .document_pdf{
    padding: 1rem;
  }
}
.contents .intro-message .kit figure {
  width: 50%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .contents .intro-message .kit figure {
    width: 250px;
    padding-left: 20px;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .contents .intro-message .kit dl {
    width: calc(100% - 200px);
  }
}
.contents .intro-message .kit dt {
  padding-bottom: .5em;
  border-bottom: 1px dotted #e0ddd6 !important;
  font-weight: 700;
}
.contents .intro-message .kit dd {
  padding-top: .5em;
}

.contents .intro-message .document_pdf dt{
  padding-bottom: .5em;
  border-bottom: 1px dotted #e0ddd6 !important;
  font-weight: 700;
  color: #881104;
}

.contents .intro-message .document_pdf dd{
  padding-top: .5em;
}

.contents .intro-message .document_pdf dd .document_pdf_box{
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
}

.contents .intro-message .document_pdf dd .document_pdf_box .document_pdf_list{
  margin-bottom: 25px;
}

.contents .intro-message .document_pdf dd .document_pdf_box .document_pdf_list p{
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .contents .intro-message .kit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contents .intro-message .document_pdf dd .document_pdf_box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 20px;
  }
  .contents .intro-message .document_pdf dd .document_pdf_box .document_pdf_list{
    margin-bottom: 0px;
  }
}
.contents .intro-message .kit li {
  margin-top: .5rem;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .contents .intro-message .kit li {
    padding-right: 2rem;
  }
}
.contents .conf-message, .contents .error-message {
  display: none;
  margin-bottom: 2em;
  text-align: center;
}
.contents .caution dl, .contents .caution dt, .contents .caution dd {
  display: block;
  width: 100%;
}
.contents .mw_wp_form_confirm dl dd .custom {
  border: none;
  background: none;
}
.contents .mw_wp_form_confirm dl dd .custom i {
  display: none;
}
.contents .mw_wp_form_confirm dl dd .info {
  display: none;
}
.contents .mw_wp_form_confirm .intro-message,.contents .mw_wp_form_error .intro-message {
  display: none;
}
.contents .mw_wp_form_confirm .privacy-wrap {
  display: none;
}
.contents .mw_wp_form_confirm .conf-message{
  display: block;
}
.contents .mw_wp_form_confirm .conf-message p {
  color: #881104;
  font-weight: 700;
}
.contents .mw_wp_form_error .error-message {
  display: block;
}
.contents .mw_wp_form_error .error-message p {
  color: #881104;
  font-weight: 700;
}
.contents .button {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .contents .button {
    margin-top: 50px;
  }
}
@media screen and (max-width: 959px) {
  .contents .button {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .contents .button {
    margin-top: 0;
  }
}
.contents .button input {
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  background: #887b5e;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  text-align: center;
  -webkit-transition: al .3s;
  transition: al .3s;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.contents .button input:focus {
  outline: none;
}
@media screen and (min-width: 960px) {
  .contents .button input {
    width: 35%;
    height: 60px;
    margin: 0 15px;
    font-size: 16px;
  }
   .contents .button input:hover {
    background-color: #bab19b;
  }
}
@media screen and (max-width: 959px) {
  .contents .button input {
    width: 40%;
    height: 50px;
    margin: 0 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents .button input {
    width: 100%;
    margin: 0;
    margin-top: 20px;
  }
}
.contents .privacy-wrap {
  text-align: center;
}
@media screen and (min-width: 960px) {
  .contents .privacy-wrap {
    margin-top: 30px;
  }
}
@media screen and (max-width: 959px) {
  .contents .privacy-wrap {
    margin-top: 20px;
  }
}
.contents .thanks-message {
  text-align: center;
}
.contents .thanks-message h2 {
  margin-bottom: 50px;
  padding: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .contents .thanks-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
}
.contents .thanks-message p {
  text-align: center;
  line-height: 2;
}

/*  buy page,sell page
========================================================= */
.form-trade .time, .form-trade .bank {
  overflow: hidden;
  border: 1px solid #e0ddd6 !important;
  background: #fff;
  border-radius: 5px;
}
.form-trade .time dt, .form-trade .time dd, .form-trade .bank dt, .form-trade .bank dd {
  padding: 1rem;
}
.form-trade .time dt, .form-trade .bank dt {
  border-bottom: 1px solid #e0ddd6 !important;
  background: #f6f5f2;
}
@media screen and (min-width: 768px) {
  .form-trade .form-wrap .mwform-checkbox-field, .form-trade .form-wrap .mwform-radio-field {
    display: inline-block;
    width: 30%;
    margin: 1rem 0 0 0!important;
  }
  .form-trade .form-wrap .mwform-checkbox-field:nth-of-type(1),
	.form-trade .form-wrap .mwform-checkbox-field:nth-of-type(2),
	.form-trade .form-wrap .mwform-checkbox-field:nth-of-type(3),
	.form-trade .form-wrap .mwform-radio-field:nth-of-type(1),
	.form-trade .form-wrap .mwform-radio-field:nth-of-type(2),
	.form-trade .form-wrap .mwform-radio-field:nth-of-type(3) {
    margin-top: 0!important;
  }
}
.form-trade .type ul {
  margin-bottom: -.5rem;
}
.form-trade .type ul:after {
  content: " ";
  display: block;
  clear: both;
}
.form-trade .type li {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: .5rem;
}
@media screen and (min-width: 768px) {
  .form-trade .type li {
    width: 33.33333%;
  }
}
@media screen and (max-width: 767px) {
  .form-trade .type li {
    width: 50%;
  }
}
.form-trade .type li em {
  margin: 0 5px;
}
.form-trade .type li span:first-child {
  width: 3.5rem;
}
.form-trade .type .form-wrap input[type="text"] {
  width: 4rem !important;
  text-align: center;
}
.form-trade .caution .scroll-wrap {
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  border: 1px solid #e0ddd6;
  background: #fff;
}
.form-trade .caution .scroll {
  height: 240px;
}
.form-trade .caution dl {
  padding-right: 1rem;
}
.form-trade .caution dt {
  margin-top: 1rem;
  margin-bottom: .5rem;
  padding-bottom: .5rem;
  border-bottom: 1px dotted #e0ddd6;
}
.form-trade .caution dt:first-child {
  margin-top: 0;
}
.form-trade .caution .mwform-checkbox-field {
  margin-right: 0;
}
.form-trade .caution label {
  display: inline-block !important;
  margin: 0;
}
.form-trade .caution .agree {
  text-align: center;
}
.mw_wp_form_confirm .form-trade .caution .scroll-wrap {
  display: none;
}
.mw_wp_form_confirm .form-trade .caution .agree {
  text-align: left;
}

/*  reservation page
========================================================= */
#reservation-page .contents .form-wrap .day-select input.day {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  #reservation-page .contents .form-wrap .day-select input.day {
    width: 10em !important;
  }
}
@media screen and (max-width: 767px) {
  #reservation-page .contents .form-wrap .day-select input.day {
    width: 100%;
    margin-bottom: 5px;
  }
}
#reservation-page .contents .form-wrap .day-select .custom {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  #reservation-page .contents .form-wrap .day-select .custom {
    display: inline-block;
    width: 10em;
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  #reservation-page .contents .form-wrap .day-select .custom {
    width: 100% !important;
  }
}
#reservation-page .contents .form-wrap .item-detail {
  margin-bottom: 0;
}
#reservation-page .contents .form-wrap .item-detail li {
  margin-bottom: 10px;
}
#reservation-page .contents .form-wrap .item-detail li:last-child {
  margin-bottom: 0;
}
#reservation-page .contents .form-wrap .item-detail li span {
  display: inline-block;
  margin-right: 5px;
}
#reservation-page .contents .form-wrap .item-detail .item-name {
  width: calc(100% - 8em) !important;
}
#reservation-page .contents .form-wrap .item-detail .item-weight {
  width: 5em !important;
}
#reservation-page .contents .form-wrap .method .mwform-checkbox-field {
  display: inline-block;
  margin: 0 1em 0 0;
}
#reservation-page .contents .form-wrap .caution {
  padding-top: 1em;
  padding-bottom: 2em;
  border-bottom: 1px dotted #e0ddd6;
}
#reservation-page .contents .form-wrap .caution li {
  padding-top: 1em;
  text-align: center;
}
#reservation-page .contents .form-wrap .caution span:first-child {
  display: block;
  text-align: left;
}
#reservation-page .contents .form-wrap .caution span.mwform-checkbox-field {
  display: inline-block;
  margin-top: .5em;
  margin-bottom: 0;
}

/*  error page
========================================================= */
#error-page .pagetitle h1 {
  padding: 0;
  border: none;
}
#error-page .contents {
  text-align: center;
}
#error-page .contents h2 span {
  display: block;
  font-size: 11px;
}

@media screen and (max-width: 959px) {
  #error-page #pagetitle h1 {
    padding: 0;
    border: none;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.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);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[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;
}

.slick-arrow {
  cursor: pointer;
  position: absolute;
  background: #bab19b;
  border-radius: 5px;
  text-indent: -9999px;
  z-index: 50;
}
.slick-arrow:focus {
  outline: none;
}
.slick-arrow:before {
  display: block;
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  vertical-align: middle;
  -webkit-transition: all .3s;
  transition: all .3s;
}
@media screen and (min-width: 768px) {
  .slick-arrow {
    top: calc(50% - 50px);
    width: 40px;
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .slick-arrow {
    top: calc(50% - 30px);
    width: 20px;
    height: 60px;
  }
}
.slick-arrow.slick-next {
  right: 0;
}
.slick-arrow.slick-next:before {
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}
.slick-arrow.slick-prev {
  left: 0;
}
.slick-arrow.slick-prev:before {
  -webkit-transform: rotateZ(-135deg);
          transform: rotateZ(-135deg);
}

.slick-dots {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .slick-dots {
    bottom: 20px;
    padding-right: 20px;
    text-align: right;
  }
}
.slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
@media screen and (min-width: 960px) {
  .slick-dots li {
    margin: 0 7px;
  }
}
.slick-dots li.slick-active button {
  background: #887b5e;
}
.slick-dots button {
  cursor: pointer;
  text-indent: -9999px;
  width: 25px;
  height: 5px;
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 960px) {
  .slick-dots button {
    width: 35px;
    height: 6px;
  }
}
.slick-dots button:focus {
  outline: none;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  background: red;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 5px;
}

.jspHorizontalBar {
  background: red;
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #f6f5f2;
  position: relative;
}

.jspDrag {
  background: #887b5e;
  cursor: pointer;
  left: 0;
  position: relative;
  top: 0;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #887b5e;
  cursor: pointer;
  direction: ltr;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -20000px;
}

.jspDisabled {
  background: #f6f5f2;
  cursor: default;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  float: left;
  height: 100%;
  width: 16px;
}

.jspVerticalBar .jspArrow:focus {
  border: 1px solid red;
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

@media print {
  * html body {
    zoom: .7;
  }
}

/* 190308
========================================================= */
@media screen and (min-width: 768px) {
  #industrial-page .category-link li:nth-of-type(5), .category-link li:nth-of-type(6), .category-link li:nth-of-type(7), .category-link li:nth-of-type(8) {
    border-bottom: 1px solid #fefcf4;
  }
}

/* 190311
========================================================= */
@media screen and (min-width: 768px) {
  #raremetal-page .contents .market-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#raremetal-page .contents .market-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #raremetal-page .contents .market-list dl {
    width: calc(50% - 10px);
    margin-right: 20px;
    border-bottom: 1px dotted #e0ddd6;
  }
  #raremetal-page .contents .market-list dl:nth-of-type(1), #raremetal-page .contents .market-list dl:nth-of-type(2) {
    border-top: 1px dotted #e0ddd6;
  }
  #raremetal-page .contents .market-list dl:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #raremetal-page .contents .market-list dl {
    width: 100%;
    border-bottom: 1px dotted #e0ddd6;
  }
  #raremetal-page .contents .market-list dl:first-child {
    border-top: 1px dotted #e0ddd6;
  }
}
#raremetal-page .contents .market-list dt, #raremetal-page .contents .market-list dd {
  line-height: 1;
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents .market-list dt, #raremetal-page .contents .market-list dd {
    padding: 20px;
  }
}
@media screen and (max-width: 959px) {
  #raremetal-page .contents .market-list dt, #raremetal-page .contents .market-list dd {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  #raremetal-page .contents .market-list dt, #raremetal-page .contents .market-list dd {
    padding: 12px;
  }
}
#raremetal-page .contents .market-list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f6f5f2;
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents .market-list dt {
    width: 50%;
  }
}
@media screen and (max-width: 959px) {
  #raremetal-page .contents .market-list dt {
    width: 60%;
  }
}
#raremetal-page .contents .market-list dd {
  font-family: "Oswald", sans-serif;
  background: #fff;
  text-align: right;
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents .market-list dd {
    width: 50%;
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #raremetal-page .contents .market-list dd {
    width: 40%;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #raremetal-page .contents .market-list dd {
    font-size: 16px;
  }
}
#raremetal-page .contents .market-list dd .contact {
  font-size: 1rem;
}
#raremetal-page .contents h2 {
  position: relative;
}
#raremetal-page .contents h2 .update {
  display: block;
  font-family: "Oswald", sans-serif;
  letter-spacing: 2px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #raremetal-pagee .contents h2 .update {
    margin-top: 1em;
  }
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents h2 .update {
    font-size: 12px;
  }
}
@media screen and (max-width: 959px) {
  #raremetal-page .contents h2 .update {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  #raremetal-page .contents h2 .update {
    text-align: center;
  }
}
@media screen and (min-width: 960px) {
  #raremetal-page .contents h2 .update.pos-right {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

/* 190308 knowledge page
========================================================= */
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-trigger {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 148px;
  margin: auto;
  padding: 8px 0;
/*  border-radius: 5px;*/
  background: #fefcf4;
  color: #887b5e;
  font-size: 0.8em;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
/*  box-shadow: 0 0 3px rgba(0,0,0,.3);*/
}
.grad-trigger i.arrow {
	transform: rotate(90deg);
}
.grad-trigger:hover {
    opacity: .8;
}

.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.is-hide {
  height: 283px; /*隠した後の高さ*/
}
@media screen and (max-width: 767px) {
.grad-item.is-hide {
  height: 204px; /*隠した後の高さ*/
}
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 20px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(254,252,244,0) 0%, rgba(254,252,244,0.9) 50%, rgba(254,252,244,0.9) 50%, #fefcf4 100%);
  background: linear-gradient(top, rgba(254,252,244,0) 0%, rgba(254,252,244,0.9) 50%, rgba(254,252,244,0.9) 50%, #fefcf4 100%);
}

.grad-trigger.is-show + .grad-item::before {
  display: none;
}

/* 190313 industrial page
========================================================= */
#industrial-page.cnt-rhodium .pagetitle {
  background-image: url("/images/industrial/hero-rhodium.png");
}
#industrial-page.cnt-iridium .pagetitle {
  background-image: url("/images/industrial/hero-iridium.png");
}

/* 190318 Knowledge page
========================================================= */
#knowledge-page .imgR,
#knowledge-page .imgL {
	max-width: 450px;
}

@media screen and (max-width: 767px) {
	#knowledge-page .imgR,
	#knowledge-page .imgL {
		max-width: 100%;
	}
}
/* 190318 postpage
========================================================= */
.contents .post p {
	line-height: 1.8;
	letter-spacing: 1px;
	margin-bottom: 1em;
}

.contents .post div {
	margin-bottom: 30px;
}

.contents .post h3 {
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	.contents .post h3 {
		margin-top: 30px;
	}
}
.contents .post strong {
	font-weight: bolder;
}

#blog-page .contents .post .weather-list h3 {
	margin-top: 0;
}


/* 190320 other-purchase p
========================================================= */
#industrial-page .contents .other-purchase p,
#assessment-page .contents .other-purchase p,
#raremetal-page .contents .other-purchase p,
#shokubai-page .contents .other-purchase p {
    line-height: 1.4;
  }

/* 190327 blog-link
========================================================= */
h4.blog-link {
	font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 1;
	margin-top: 30px;
	font-size: 110%;
}
h4.blog-link a {
	text-decoration: none;
}
h4.blog-link a:hover {
    color: #887b5e;
}
span.attention {
	color: #881104;
	margin-right: 3px;
}
h4.blog-link i.arrow {
	margin-right: 0;
}
@media screen and (max-width: 767px) {
  h4.blog-link {
    font-size: 14px;
	line-height: 1.5;
  }
}


/* 190523 knowledge
========================================================= */
p.quot {
    display: block;
    padding: 8px 30px 13px;
    border-left: 1px solid #b9b19b;
	margin-top: 30px;
}

/* 190724 raremetal
========================================================= */
#raremetal-page table.table03:not(.ui-datepicker-calendar) {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e0ddd6;
	margin: 20px 0;
}
#raremetal-page table.table03:not(.ui-datepicker-calendar) th,
#raremetal-page table.table03:not(.ui-datepicker-calendar) td {
	border: 1px dotted #e0ddd6;
	text-align: center;
}
@media screen and (max-width: 767px) {
 #raremetal-page table.table03:not(.ui-datepicker-calendar):not(.normal):not(.ui-datepicker-calendar) th,#raremetal-page table:not(.ui-datepicker-calendar):not(.normal):not(.ui-datepicker-calendar) td {
    display: table-cell;
  }
}
@media screen and (min-width: 960px) {
#raremetal-page .contents .market-list dt {
    width: 90%;
	}
}

/* 190807 gold page
========================================================= */
#shokubai-page .pagetitle {
  background: url("/images/shokubai/hero-img.png") top right no-repeat #1c1f22;
  background-size: cover;
}
#shokubai-page .pagetitle .hero-cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 960px) {
  #shokubai-page .pagetitle .hero-cnt {
    height: 400px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 959px) {
  #shokubai-page .pagetitle .hero-cnt {
    height: 300px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #shokubai-page .pagetitle .hero-cnt {
    height: 250px;
  }
}
#shokubai-page .pagetitle h1 {
  display: block;
  width: 100%;
  height: auto;
  margin-right: 30%;
  padding: 0;
  line-height: 1.3;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #shokubai-page .pagetitle h1 {
    margin-bottom: 40px;
    font-size: 3vw;
  }
}
@media screen and (min-width: 1520px) {
  #shokubai-page .pagetitle h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 959px) {
  #shokubai-page .pagetitle h1 {
    margin-bottom: 30px;
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  #shokubai-page .pagetitle h1 {
    margin-bottom: 20px;
    font-size: 6.5vw;
  }
}
#shokubai-page .pagetitle h1 small {
  display: inline-block;
  width: auto;
  margin: 0;
  text-align: left;
}
@media screen and (min-width: 960px) {
  #shokubai-page .pagetitle h1 small {
    font-size: 60%;
  }
}
#shokubai-page .pagetitle .summary {
  color: #fff;
  font-family: YakuHanMP, "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-right: 30%;
}
#shokubai-page .pagetitle .summary p {
  line-height: 1.8;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 960px) {
  #shokubai-page .pagetitle .summary p {
    font-size: 1.3vw;
  }
  #shokubai-page .pagetitle .summary p.attention {
    font-size: 85%;
  }
}
@media screen and (min-width: 1520px) {
  #shokubai-page .pagetitle .summary p {
    font-size: 20px;
  }
}
@media screen and (max-width: 959px) {
  #shokubai-page .pagetitle .summary p {
    font-size: 16px;
  }
  #shokubai-page .pagetitle .summary p.attention {
    font-size: 70%;
  }
}
@media screen and (max-width: 767px) {
  #shokubai-page .pagetitle .summary {
    margin-right: 0;
  }
  #shokubai-page .pagetitle .summary p {
    font-size: 12px;
  }
  #shokubai-page .pagetitle .summary br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #shokubai-page .breadcrumbs {
    bottom: 5px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin: 0;
  }
  #shokubai-page .breadcrumbs li, #gold-page .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8);
  }
  #shokubai-page .breadcrumbs li:before {
    border-color: rgba(255, 255, 255, 0.8);
  }
}

/* 190823 shop page
========================================================= */
@media screen and (min-width: 768px) {
  #shop-page .contents .shop-photo li:nth-last-child(2), #shop-page .contents .shop-photo li:nth-last-child(1) {
    margin-bottom: 0;
  }
}

/* 190910 dental page
========================================================= */
@media screen and (min-width: 768px) {
a.bnr_shikakin img {
    width: 180px;
	margin-left: 30px;
	}
}
@media screen and (max-width: 767px) {
a.bnr_shikakin img {
    width: 50%;
    margin: 0 auto;
    display: block;
	}
}

a.bnr_shikakin img {
    border: 1px solid #bab19b;
    box-shadow: 1px 1px 2px 1px rgba(186,177,155,0.38);
	}
a.bnr_shikakin img:hover {
    opacity: .8;
	}


/* 191002 coin page
========================================================= */

#assessment-page.cnt-coin .pagetitle {
  background-image: url("/images/assessment/coin/hero-img.png");
}
@media screen and (min-width: 768px) {
	#assessment-page.cnt-coin .coin-purchase {
		display: flex;
	}
	#assessment-page.cnt-coin .coin-purchase dl.list {
		display: block;
		margin-right: 50px;
	}
	#assessment-page.cnt-coin .coin-purchase dl.list:last-child {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
		#assessment-page.cnt-coin .coin-purchase {
		display: block;
		padding: 0 10px;
	}
}
#assessment-page.cnt-coin .coin-purchase dl.list dt {
	font-weight: bold;
	padding-bottom: 10px;
}
#assessment-page.cnt-coin .coin-purchase dl.list dd:before {
    position: absolute;
    display: block;
    content: '';
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #887b5e;
    border-radius: 100%;
}
#assessment-page.cnt-coin .coin-purchase dl.list dd {
    position: relative;
    padding-left: 1em;
	line-height: 1.8;
}

/*191024*/
#industrial-page .contents .article video {
	width: 100%;
	height: auto;
	margin-top: 30px;
}
@media screen and (max-width: 767px) {
	#industrial-page .contents .article video {
		width: 100%;
		height: auto;
	}
}

/*191025*/
.article .bnr_campaign {
	box-shadow:2px 2px 5px -1px #887b5a;
	max-width: 100%;
	margin-bottom: 30px;
}

/*191101*/
@media screen and (min-width: 768px) {
	.action-l.btn-link li {
		width: 100%;
	}
	.action.btn-link {
		padding-top: 30px
	}
	.action-l.btn-link {
		padding-top: 50px
	}
	#industrial-page .contents .action-l i,
	#raremetal-page .contents .action-l i,
	#shokubai-page .contents .action-l i {
	  margin-right: 30px;
	}
}
.action-l.btn-link a {
	background: #881104;
}
.action-l.btn-link a:hover {
    background: #c5756c!important;
  }
@media screen and (max-width: 767px) {
  .action-l.btn-link a {
    padding: 0 10px;
  }
	.action.btn-link {
		padding-top: 0;
	}
	.action-l.btn-link {
		padding-top: 50px;
	}
	.action-l.btn-link span.is-pc {
		display: none;
	}
}

/*191105*/
span.knowledge_deco {
    font-weight: 500;
    background: linear-gradient(transparent 60%, #fbff0059 50%);
}
#knowledge-page h4 {
	font-weight: bold;
	padding-bottom: 5px;
}
/*191113*/
#faq-page .category-link a i.arrow:before,
#faqlist-page .category-link a i.arrow:before,
#knowledgelist-page .category-link a i.arrow:before,
#knowledge-page .category-link a i.arrow:before,
#caselist-page .category-link a i.arrow:before,
#case-page .category-link a i.arrow:before {
   border-color: #887b5e;
  top: 5px;
}

/*191118*/
.contents a img.bnr_campaign:hover {
    opacity: .8;
}

/*191209*/
.contents .form-wrap .error {
  color: #ff0000;
}

 .contents .mw_wp_form_error .error-message p {
  color: #ff0000;
}

/*191226*/
#case-page .text_case_detail .box_img {
	float: right;
	width: 50%;
	margin-left: 30px;
}
#case-page .text_case_detail h3 {
	line-height: 1.5;
}
#case-page .text_case_detail table.case_detail {
    width: 45%;
}
#case-page .text_case_detail table.case_detail th {
	width: 35%;
	text-align: center;
	vertical-align: middle;
}
#case-page .text_case_detail table.case_detail td.price {
	font-size: 30px;
	font-family: "Oswald", sans-serif;
}

#home-page #cnt-caselist .blog-list .item table.case_detail th,
#caselist-page.cnt-caselist .blog-list .item table.case_detail th,
#case-page .blog-list .item table.case_detail th {
	padding: 10px 0;
	font-size: 14px;
	background: none;
	vertical-align: middle;
	width: 35%;
}
#home-page #cnt-caselist .blog-list .item table.case_detail td,
#caselist-page.cnt-caselist .blog-list .item table.case_detail td,
#case-page .blog-list .item table.case_detail td {
	padding: 10px 0;
	font-size: 14px;
}
#home-page #cnt-caselist .blog-list .item table.case_detail td.price,
#caselist-page.cnt-caselist .blog-list .item table.case_detail td.price,
#case-page .blog-list .item table.case_detail td.price {
	font-size: 20px;
	font-family: "Oswald", sans-serif;
}
#home-page #cnt-caselist .blog-list .item a,
#caselist-page.cnt-caselist .contents .blog-list .item a,
#case-page .contents .blog-list .item a {
	padding-bottom: 15px;
}
#case-page .text_case_detail .text-sml {
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	#home-page #cnt-caselist .blog-list .item figure,
	#caselist-page .contents .blog-list .item figure,
	#case-page .contents .blog-list .item figure {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#home-page #cnt-caselist .blog-list .item a,
	#caselist-page .contents .blog-list .item a,
	#case-page .contents .blog-list .item a {
		display: block;
	}
	#home-page #cnt-caselist .blog-list .item div,
	#caselist-page .contents .blog-list .item div,
	#case-page .contents .blog-list .item div {
		width: 100%;
	}
	#home-page #cnt-caselist .blog-list .item ul li,
	#caselist-page .contents .blog-list .item ul li,
	#case-page .contents .blog-list .item ul li {
		font-size: 12px;
	}
	#home-page #cnt-caselist .blog-list .item table.case_detail th,
	#caselist-page.cnt-caselist .blog-list .item table.case_detail th,
	#case-page .blog-list .item table.case_detail th {
		display: table-cell;
		border-bottom: 1px solid #e0ddd6;
	}
	#home-page #cnt-caselist .blog-list .item table.case_detail td,
	#caselist-page.cnt-caselist .blog-list .item table.case_detail td,
	#case-page .blog-list .item table.case_detail td {
		display: table-cell;
	}
	#case-page .text_case_detail .box_img {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#case-page .contents .post .update {
		text-align: left;
		padding:  5px 0;
	}
	#case-page .contents .post .update dt, #case-page .contents .post .update dd {
		font-size: 12px;
		padding: 5px 0;
	}
	#case-page .contents .post .update dt {
		display: block;
		margin-right: 5px;
		margin-left: 0;
		width: 25%;
		float: left;
	}
	#case-page .contents .post .update dd {
		display: inline-block;
	}
	#case-page .text_case_detail table.case_detail {
    	width: 100%;
	}
	#case-page .text_case_detail table.case_detail td {
		display: table-cell;
	}
	#case-page .text_case_detail table.case_detail th {
		display: table-cell;
		border-bottom: 1px solid #e0ddd6;
	}
}

/*200109　毒劇物ページ*/
#poisonous-page .pagetitle {
  background: url("/images/poisonous/hero-bg.png") no-repeat top center;
  background-size: auto 100%;
}
@media screen and (min-width: 960px) {
	#poisonous-page .pagetitle h1 {
    height: 370px;
    padding-bottom: 20px;
  }
	#poisonous-page .pagetitle h1 span:nth-of-type(1) {
    font-size: 42px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 959px) {
	#poisonous-page .pagetitle h1 {
    height: 240px;
    padding-bottom: 15px;
  }
	#poisonous-page .pagetitle h1 span:nth-of-type(1) {
    font-size: 28px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
	#poisonous-page .pagetitle h1 {
    height: auto;
    padding: 30px 0;
  }
	#poisonous-page .pagetitle h1 span {
	text-align: left;
	}
	#poisonous-page .pagetitle h1 span:nth-of-type(1) {
    font-size: 20px;
    line-height: 1.3;
  }
}

#poisonous-page .contents .photo:after {
  content: " ";
  display: block;
  clear: both;
}
#poisonous-page .contents video {
	width: 100%;
}
@media screen and (min-width: 960px) {
	#poisonous-page .contents .photo li {
    width: calc(50% - 20px);
    margin-right: 40px;
  }
}
@media screen and (max-width: 959px) {
	#poisonous-page .contents .photo li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
	#poisonous-page .contents .photo li  {
    float: left;
    margin-top: 2em;
  }
}
@media screen and (max-width: 767px) {
	#poisonous-page .contents .photo li {
    width: 100%;
    margin-right: 0;
    margin-top: 1em;
  }
}
#poisonous-page .contents .photo li:nth-of-type(2n) {
  margin-right: 0;
}


/*200121*/
#home-page #cnt-caselist .blog-list .item,
#caselist-page.cnt-caselist .blog-list .item,
#case-page .blog-list .item {
	position: relative;
}
#home-page #cnt-caselist .blog-list .item span.new,
#caselist-page.cnt-caselist .blog-list .item span.new,
#case-page .blog-list .item span.new {
    background: #881104;
    display: inline-block;
    z-index: 10;
    top: 5px;
    left: 5px;
    position: absolute;
    padding: 5px 10px;
    color: #fff;
    box-shadow: 1px 1px 3px #3934276e;
}

/*200305*/
#message h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

/*200413*/
.btn-link li a.buy {
    background: #77403b;
}
.btn-link li a.sell {
    background: #65532c;
}


/*2004020*/
@media screen and (max-width: 767px) {
#home-page .contents #cnt-faq .item h3 span {
  -webkit-box-flex: 8;
  -ms-flex: 8;
  flex: 8;
  padding-right: 5vw;
  text-align: justify;
  text-justify: inter-ideograph;
}
#home-page .contents #cnt-faq .item h3 i {
    top: 8px;
}
}
#assessment-page.cnt-silvers .pagetitle {
  background-image: url("/images/assessment/silvers/hero-img_200420.png");
}
#assessment-page.cnt-platinum .pagetitle {
  background-image: url("/images/assessment/platinum/hero-img_200420.png");
}

/*200511*/
#home-page .section.topics {
    padding-top: 0;
	margin-bottom: 50px;
}
#home-page .section.topics li {
	margin-bottom: 5px;
}
#home-page .section.topics li:last-child {
	margin-bottom: 0;
}
#home-page .section.topics li a {
	color: #881104;
}
#home-page .section.topics dd {
	font-weight: 600;
}
#home-page .section.topics dl dt {
    float: left;
    width: 100px;
}
#home-page .section.topics dl dd span.new {
	background: #881104;
    display: inline-block;
    padding: 0 5px;
    color: #fff;
	margin-right: 3px;
	font-size: 12px;
}
#home-page.section.topics dl dd {
	text-align: left;
}

@media screen and (max-width: 767px) {
#home-page .contents {
    padding-top: 30px;
}
#home-page .section.topics {
    width: 90%;
    margin: auto;
	margin-bottom: 5vh;
}
#home-page .section.topics li {
	margin-bottom: 5px;
}
#home-page .section.topics li:last-child {
	margin-bottom: 0;
}
#home-page .section.topics li a {
	color: #881104;
}
#home-page .section.topics dd {
	font-weight: 600;
	font-size: 3vw;
}
#home-page .section.topics dl dt {
	text-decoration: none;
	font-size: 2.8vw;
	width: 20%;
	margin-right: 2vw;
}
#home-page .section.topics dl dd span.new {
    padding: 0 1vw;
    margin-right: 1vw;
    font-size: 2vw;
}
#home-page.section.topics dl dd {
	text-align: left;
	font-size: 2.8vw;
}
}
#gold-page .contents .section .cnt-shopinfo td {
  text-align: left;
}

/*210721*/
p.emphasis {
    font-weight: 500;
    font-size: 0.9rem;
}

/*210924*/
a.inline {
	display: inline!important;
	text-decoration: underline!important;
}

/*テストページ追加css*/
#industrial-page.cnt-industrial .pagetitle {
  background-image: url("/images/industrial/hero-img.png")!important;
}
@media screen and (max-width: 1090px){
  #industrial-page.cnt-industrial .pagetitle {
  background-image: url("/images/industrial/hero-img-02.png")!important;
  }
}
@media screen and (max-width: 959px){
  #industrial-page.cnt-industrial .pagetitle {
  background-image: url("/images/industrial/hero-img-01.png")!important;
  }
}
@media screen and (max-width: 767px){
  #industrial-page.cnt-industrial .pagetitle {
  background-image: url("/images/industrial/hero-img-sp.png")!important;
  }
}
@media screen and (min-width: 768px) {
  #industrial-page.cnt-industrial .pagetitle .industrial-mv-flex{
    margin: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
  }
  .mv-txt-01{
    width: 65%;
  }
  .mv-txt-02{
    width: 65%;
    padding-top: 8%;
  }
  #industrial-page.cnt-industrial .pagetitle .summary p.mv-txt-02{
    font-size: 18px;
  }
}
@media screen and (min-width: 960px) {
  #industrial-page.cnt-industrial .pagetitle .industrial-mv-flex{
    margin: 0;
    display: block;
    width: 100%;
  }
  .mv-txt-01{
    width: 100%;
  }
  .mv-txt-02{
    width: 100%;
    padding-top: 0%;
  }
  #industrial-page.cnt-industrial .pagetitle .summary p.mv-txt-02{
    font-size: 1.3vw;
  }
}
@media screen and (min-width: 1520px) {
  #industrial-page.cnt-industrial .pagetitle .industrial-mv-flex{
    margin: 0;
    display: flex;
    width: 100%;
  }
  .mv-txt-01{
    width: 70%;
  }
  .mv-txt-02{
    width: 100%;
    padding-top: 8%;
  }
  #industrial-page.cnt-industrial .pagetitle .summary p.mv-txt-02{
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 767px){
#industrial-page .contents .article {
      width: 90%;
      margin: auto;
  }
}

  /*industrial-page #cnt-caselist*/
  #industrial-page .contents .blog-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #industrial-page .contents .blog-list .item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents .blog-list .item{
      width: calc(33.33333% - 20px);
      margin-right: 30px;
      margin-bottom: 30px;
    }
    #industrial-page .contents .blog-list .item:nth-of-type(3n){
      margin-right: 0;
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents .blog-list .item{
      width: calc(50% - 10px);
      margin-right: 20px;
      margin-bottom: 30px;
    }
    #industrial-page .contents .blog-list .item:nth-child(2n) {
      margin-right: 0;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      width: 100%;
      margin-right: 0;
      margin-bottom: 15px;
    }
  }
  #industrial-page .contents .blog-list .item a {
    display: block;
    width: 100%;
    padding: 15px;
    background: #fff;
    text-decoration: none;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents .blog-list .item a {
      padding-bottom: 40px;
    }
    #industrial-page .contents .blog-list .item a:hover{
      background: rgba(255, 255, 255, 0.6);
    }
    #industrial-page .contents .blog-list .item a:hover img{
      opacity: .8;
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents .blog-list .item a{
      padding-bottom: 30px;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item a{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      padding-bottom: 15px;
    }
  }
  #industrial-page .contents .blog-list .item figure {
    overflow: hidden;
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item figure{
      width: 100px;
      margin-right: 10px;
    }
  }
  #industrial-page .contents .blog-list .item figure img {
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item div {
      width: calc(100% - 110px);
    }
  }
  #industrial-page .contents .blog-list .item ul{
    margin: 1em 0;
    padding-bottom: 1em;
    border-bottom: 1px dotted #e0ddd6;
    font-family: "Oswald", sans-serif;
    line-height: 0;
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item ul{
      margin: 0 0 5px;
      padding: 0;
      border: none;
    }
  }
  #industrial-page .contents .blog-list .item ul li{
    display: inline-block;
    line-height: 1;
  }
  @media screen and (min-width: 768px) {
    #industrial-page .contents .blog-list .item ul li{
      font-size: 12px;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents .blog-list .item ul li{
      font-size: 10px;
    }
  }
  #industrial-page .contents .blog-list .item ul li:first-child{
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #e0ddd6;
  }
  #industrial-page .contents .blog-list .item p{
    color: #887b5e;
    font-weight: 600;
    line-height: 1.6;
  }


  #industrial-page #cnt-caselist .blog-list .item table.case_detail th {
    padding: 10px 0;
    font-size: 14px;
    background: none;
    vertical-align: middle;
    width: 35%;
  }
  #industrial-page #cnt-caselist .blog-list .item table.case_detail td{
    padding: 10px 0;
    font-size: 14px;
  }
  #industrial-page #cnt-caselist .blog-list .item table.case_detail td.price{
    font-size: 20px;
    font-family: "Oswald", sans-serif;
  }
  #industrial-page #cnt-caselist .blog-list .item a{
    padding-bottom: 15px;
  }

  @media screen and (max-width: 767px) {
    #industrial-page #cnt-caselist .blog-list .item figure{
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
    }
    #industrial-page #cnt-caselist .blog-list .item a{
      display: block;
    }
    #industrial-page #cnt-caselist .blog-list .item div {
      width: 100%;
    }
    #industrial-page #cnt-caselist .blog-list .item ul li{
      font-size: 12px;
    }
    #industrial-page #cnt-caselist .blog-list .item table.case_detail th{
      display: table-cell;
      border-bottom: 1px solid #e0ddd6;
    }
    #industrial-page #cnt-caselist .blog-list .item table.case_detail td{
      display: table-cell;
    }
  }

  #industrial-page #cnt-caselist .blog-list .item{
    position: relative;
  }
  #industrial-page #cnt-caselist .blog-list .item span.new{
      background: #881104;
      display: inline-block;
      z-index: 10;
      top: 5px;
      left: 5px;
      position: absolute;
      padding: 5px 10px;
      color: #fff;
      box-shadow: 1px 1px 3px #3934276e;
  }
  /*industrial-page #cnt-caselist*/

  /*industrial-page #cnt-faq*/

  #industrial-page .contents #cnt-faq .item {
    margin-bottom: 1em;
  }
  #industrial-page .contents #cnt-faq .item:last-child {
    margin-bottom: 0;
  }
  #industrial-page .contents #cnt-faq .item h3:before, #industrial-page .contents #cnt-faq .item .article-inner:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    border-radius: 100%;
    line-height: 1;
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents #cnt-faq .item h3:before, #industrial-page .contents #cnt-faq .item .article-inner:before {
      width: 40px;
      height: 40px;
      margin-right: 20px;
      font-size: 20px;
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents #cnt-faq .item h3:before, #industrial-page .contents #cnt-faq .item .article-inner:before {
      width: 30px;
      height: 30px;
      margin-right: 15px;
      font-size: 16px;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents #cnt-faq .item h3:before, #industrial-page .contents #cnt-faq .item .article-inner:before {
      margin-right: 10px;
    }
  }
  #industrial-page .contents #cnt-faq .item h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    cursor: pointer;
    position: relative;
    margin: 0;
    padding: 0 0 1em;
    border-left: none;
    border-bottom: 1px dotted #e0ddd6;
    font-family: YakuHanJP, "Roboto Condensed", "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
  @media screen and (min-width: 768px) {
    #industrial-page .contents #cnt-faq .item h3 {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
    }
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents #cnt-faq .item h3 {
      font-size: 18px;
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents #cnt-faq .item h3 {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents #cnt-faq .item h3 {
      text-align: left;
    }
  }
  #industrial-page .contents #cnt-faq .item h3:before {
    content: "Q";
    color: #fff;
    background: #887b5e;
  }
  #industrial-page .contents #cnt-faq .item h3 span {
    -webkit-box-flex: 8;
        -ms-flex: 8;
            flex: 8;
  }
  #industrial-page .contents #cnt-faq .item h3 i {
    position: absolute;
    right: 0;
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents #cnt-faq .item h3 i {
      width: 16px;
      height: 16px;
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents #cnt-faq .item h3 i {
      width: 12px;
      height: 12px;
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents #cnt-faq .item h3 i {
      width: 10px;
      height: 10px;
    }
  }
  #industrial-page .contents #cnt-faq .item h3 i:before, #industrial-page .contents #cnt-faq .item h3 i:after {
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 2px;
    background: #bab19b;
  }
  #industrial-page .contents #cnt-faq .item h3 i:after {
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateZ(90deg);
            transform: rotateZ(90deg);
  }
  #industrial-page .contents #cnt-faq .item h3.on i:after {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  #industrial-page .contents #cnt-faq .item .article-inner {
    position: relative;
    display: none;
    padding-top: 1em;
  }
  #industrial-page .contents #cnt-faq .item .article-inner .answer {
    -webkit-box-flex: 8;
        -ms-flex: 8;
            flex: 8;
  }
  @media screen and (min-width: 960px) {
    #industrial-page .contents #cnt-faq .item .article-inner .answer {
      min-height: 50px;
      padding-top: .5em;
      padding-left: 60px;
    }
  }
  @media screen and (max-width: 959px) {
    #industrial-page .contents #cnt-faq .item .article-inner .answer {
      min-height: 30px;
      padding-left: 50px;
    }
  }
  #industrial-page .contents #cnt-faq .item .article-inner:before {
    position: absolute;
    top: 1em;
    left: 0;
    content: "A";
    border: 1px solid #887b5e;
    background: #fff;
    color: #887b5e;
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents #cnt-faq .item .article-inner:before {
      -webkit-transform: translateY(2px);
              transform: translateY(2px);
    }
  }
  @media screen and (max-width: 767px) {
    #industrial-page .contents #cnt-faq .item h3 span {
      -webkit-box-flex: 8;
      -ms-flex: 8;
      flex: 8;
      padding-right: 5vw;
      text-align: justify;
      text-justify: inter-ideograph;
    }
    #industrial-page .contents #cnt-faq .item h3 i {
        top: 8px;
    }
  }
  /*industrial-page #cnt-faq*/

  /*industrial-page .body-tel*/
    .body-tel {
    position: relative;
    margin-right: calc(calc(50% - 50vw) + 150px);
    margin-left: calc(calc(50% - 50vw) + 150px);
  }
    .body-tel::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-color: #887b5e;
      position: absolute;
      top: 0;
      left: 0;
  }
  .body-tel dl {
    max-width: 90%;
    margin: auto;
    position: relative;
  }
  .body-tel dt {
    color: #fff;
  }
  .body-tel dd {
    color: #fff;
  }
  .body-tel a {
    color: #fff;
  }
  .body-tel dt {
    font-weight: 700;
  }
  .body-tel dt br {
    display: none;
  }
  .body-tel dd {
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    text-align: center;
    letter-spacing: 2px;
  }
  .body-tel dd a {
    display: block;
    text-decoration: none;
  }
  .body-tel dd svg {
    fill: #fff;
  }
  .body-tel dd aside {
    display: block;
  }

    @media screen and (min-width: 960px) {
      .body-tel {
        padding: 40px 0;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel {
        padding: 30px 0;
        margin-right: calc(calc(50% - 50vw) + 0px);
        margin-left: calc(calc(50% - 50vw) + 0px);
      }
      .body-tel::before {
        background: rgba(136, 123, 94, 0.2);
      }
      .body-tel dt {
        color: #887b5e;
      }
      .body-tel dd {
        color: #887b5e;
      }
      .body-tel a {
        color: #887b5e;
      }
      .body-tel dd svg {
        fill: #887b5e;
      }
    }


    @media screen and (min-width: 960px) {
      .body-tel dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }
    }

    @media screen and (min-width: 960px) {
      .body-tel dt {
        padding-right: 40px;
        font-size: 24px;
      }
    }
    @media screen and (max-width: 1240px) {
      .body-tel dt {
        display: block;
        line-height: 1.3;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dt {
        margin-bottom: 15px;
        font-size: 16px;
        text-align: center;
      }
    }

    @media screen and (max-width: 1240px) {
      .body-tel dt br {
        display: block;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dt br {
        display: none;
      }
    }

    @media screen and (min-width: 960px) {
      .body-tel dd {
        padding-left: 40px;
        padding-bottom: 5px;
        border-left: 1px solid #fff;
        font-size: 50px;
      }
    }

    @media screen and (max-width: 959px) {
      .body-tel dd a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 60px;
        background: #fff;
        border-radius: 5px;
        -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
                box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
      }
    }
    @media screen and (min-width: 960px) {
      .body-tel dd .is-pc {
        display: inline-block;
        letter-spacing: 3px;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dd .is-pc {
        display: none;
      }
    }
    @media screen and (min-width: 960px) {
      .body-tel dd .is-sp {
        display: none;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dd .is-sp {
        display: inline-block;
        font-size: 18px;
      }
    }

    @media screen and (min-width: 960px) {
      .body-tel dd svg {
        width: 45px;
        height: 45px;
        margin-right: 10px;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dd svg {
        width: 30px;
        height: 30px;
        margin-right: 5px;
      }
    }

    @media screen and (min-width: 960px) {
      .body-tel dd aside {
        margin-top: 12px;
        font-size: 16px;
      }
    }
    @media screen and (max-width: 959px) {
      .body-tel dd aside {
        margin-top: 10px;
        font-size: 12px;
      }
    }
    /*industrial-page .body-tel*/

    .p-headerDrawer__navAccordion {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: none;
      border: 0;
      color: inherit;
      height: 78px;
      padding: 0;
      width: 78px
      }
      .header .gnav li div button.p-headerDrawer__navAccordion:after {
        display: block;
        content: "";
        width: 12px;
        height: 12px;
        border-top: 1px solid ;
        border-right: 1px solid ;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
        -webkit-transition: all .3s;
        transition: all .3s;
        z-index: 2;
        margin: 10px 0 0 42px;
        border-color: #f6f5f2;
    }
      @media screen and (min-width: 960px) {
        .p-headerDrawer__navAccordion {
          display: none
        }
      }
      @media screen and (max-width: 960px) {
        .flex-nav-l-2{
          display: flex;
          justify-content: space-between;
        }
        .header .gnav li.nav-l-2 a {
          padding: 20px;
          font-size: 20px;
          width: 90%;
        }
      }

      .icn_image{
        padding-right: 15px;
      }
      @media screen and (max-width: 767px) {
        .icn_image{
          padding-right: 0px;
        }
      }

      .article .cnt-voice{
        display: flex;
        flex-wrap: wrap;
      }
      .article .cnt-voice .item{
        width: 50%;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 25px;
      }
      .article .cnt-voice .item:last-child{
        padding-bottom: 0;
      }
      .article .cnt-voice .item:nth-child(odd){
        padding-right: 15px;
      }
      .article .cnt-voice .item:nth-child(even){
        padding-left: 15px;
      }
      .article .cnt-voice  .voice_image{
        padding-right: 15px;
      }
      .article .txt_group{
        width: 82%;
      }
      .article p.main_txt{
        font-size: 15px;
      }
      .article p.name_txt{
        font-size: 14px;
        color: #8f8f8f;
      }
      .article p.main_txt,
      .article p.name_txt{
        margin-bottom: 0;
        line-height: 1.6;
      }
      @media screen and (max-width: 767px) {
        .article .cnt-voice{
        display: flex;
        flex-wrap: wrap;
        }
        .article .cnt-voice .item{
          width: 100%;
          padding-bottom: 20px;
        }
        .article .cnt-voice .item:last-child{
          padding-bottom: 0;
        }
        .article .cnt-voice .item:nth-child(odd){
          padding-right: 0;
        }
        .article .cnt-voice .item:nth-child(even){
          padding-left: 0;
        }
        .article .cnt-voice  .voice_image{
          padding-right: 10px;
        }
        .article .txt_group{
          width: 80%;
        }
        .article p.main_txt{
          font-size: 14px;
        }
        .article p.name_txt{
          font-size: 12px;
        }
        .article p.main_txt,
        .article p.name_txt{
          line-height: 1.4;
        }
      }

/* knowledge-link */
.knowledge_image a:hover{
  opacity: 0.5;
}