@charset "UTF-8";
@import url("https://use.typekit.net/gdf1fdf.css");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap");
html { overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

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

fieldset, img { border: 0; }

img { vertical-align: bottom; }

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

li { list-style: none; }

caption, th { text-align: left; }

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

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

abbr, acronym { border: 0; font-variant: normal; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select { *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend { color: #000; }

del, ins { text-decoration: none; }

.dummy-head, .dummy-footer { background: #888; text-align: center; color: #bbb; font-size: 20px; line-height: 1.5; }

.dummy-head { padding: 40px 0; }

.dummy-footer { padding: 500px 0; }

/*$color1: #41889e;*/
/*$color1: #0094e3;*/
/******************************************************

base

******************************************************/
#equipment { overflow-x: hidden; }
#equipment .sp { display: none; }
@media screen and (max-width: 600px) { #equipment .pc { display: none; }
  #equipment .sp { display: block; } }

.page-midashi { padding-bottom: 4rem; }

.midashi { z-index: 1; margin-bottom: 2.5rem; }

#container img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }

.img .note { text-align: right; margin-bottom: 0; }

/******************************************************

page

******************************************************/
.intro .inner { padding-bottom: 0; }

.local-nav { padding: 2.5rem 0 4rem; }
.local-nav ul { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: stretch; }
.local-nav ul li { width: calc(94% / 4); }
.local-nav ul li a { display: block; width: 100%; transition: all .4s; padding: 16px; background-color: #F5F4F1; border: thin solid #B5AA8D; border-top-width: 2px; text-align: center; line-height: 1.2; font-size: 1.25rem; letter-spacing: 0.03em; font-family: eb-garamond,serif; font-weight: 400; font-style: normal; color: #b5aa8d; position: relative; pointer-events: fill; }
.local-nav ul li a::before { content: ""; display: block; height: calc(0.875rem / 2 * tan(60deg)); width: 0.875rem; clip-path: polygon(0 0, 100% 0, 50% 100%); background-color: rgba(181, 170, 141, 0.64); position: absolute; right: 4%; top: 50%; transform: translateY(-50%); pointer-events: none; }
.local-nav ul li a:hover { background-color: #fafafa; color: rgba(181, 170, 141, 0.8); }
.local-nav ul li a:hover::before { background-color: rgba(181, 170, 141, 0.4); }
@media screen and (max-width: 600px) { .local-nav { padding: 0; }
  .local-nav ul li { width: calc(98% / 2); margin-bottom: 8px; }
  .local-nav ul li a::before { height: calc(13px / 2 * tan(60deg)); width: 13px; } }

.equip-section .cate-head { display: flex; justify-content: center; align-items: center; margin-bottom: 2.5rem; font-family: eb-garamond,serif; font-weight: 400; font-style: normal; font-style: italic; font-weight: 500; color: #B5AA8D; font-size: 1.75rem; line-height: 1.2; letter-spacing: 0.03em; }
.equip-section .cate-head::after { content: ""; display: block; width: 100%; height: 1px; background-color: rgba(181, 170, 141, 0.8); margin-left: 1rem; }
.equip-section .item-list-wrap .item-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.5rem 3.63636364%; }
.equip-section .item-list-wrap .item-list .item { display: grid; grid-template-rows: subgrid; grid-row: span 3; gap: 0; }
.equip-section .item-list-wrap .item-list .cell4 { grid-column: span 4; }
.equip-section .item-list-wrap .item-list .cell2 { grid-column: span 2; }
.equip-section .item-list-wrap .item-list .item-name { margin: 8px 0; color: #B5AA8D; font-size: 1rem; line-height: 1.36; text-align: left; }
.equip-section .item-list-wrap .item-list .text .lead { font-size: 0.875rem; line-height: 2; }
.equip-section .item-list-wrap .item-list .text .note { margin-top: 0.5rem; }
.equip-section #stone { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.04081633% 4.02298851%; }
@media screen and (max-width: 1024px) { .equip-section .item-list-wrap .item-list .item-name { font-size: 0.9375rem; }
  .equip-section .item-list-wrap .item-list .text .lead { font-size: 0.8125rem; } }
@media screen and (max-width: 834px) { .equip-section .item-list-wrap .item-list { grid-template-columns: repeat(3, 1fr); }
  .equip-section .item-list-wrap .item-list .cell4, .equip-section .item-list-wrap .item-list .cell2 { grid-column: span 3; }
  .equip-section#Equipment04 .item-list li:nth-of-type(1) { order: 2; }
  .equip-section#Equipment04 .item-list li:nth-of-type(2) { order: 3; }
  .equip-section#Equipment04 .item-list li:nth-of-type(3) { order: 1; }
  .equip-section#Equipment04 .item-list li:nth-of-type(4) { order: 4; }
  .equip-section#Equipment04 .item-list li:nth-of-type(5) { order: 5; }
  .equip-section#Equipment04 .item-list li:nth-of-type(6) { order: 6; } }
@media screen and (max-width: 600px) { .equip-section .cate-head { margin-bottom: 1.5rem; }
  .equip-section .item-list-wrap .item-list { grid-template-columns: repeat(2, 1fr); grid-row-gap: 1.5rem; }
  .equip-section .item-list-wrap .item-list .cell4, .equip-section .item-list-wrap .item-list .cell2 { grid-column: span 2; }
  .equip-section .item-list-wrap .item-list .item-name { font-size: 14px; }
  .equip-section .item-list-wrap .item-list .text .lead { font-size: 12.5px; margin-top: 0; }
  .equip-section#Equipment04 .item-list li:nth-of-type(1) { order: 1; }
  .equip-section#Equipment04 .item-list li:nth-of-type(2) { order: 2; }
  .equip-section#Equipment04 .item-list li:nth-of-type(3) { order: 3; } }