@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
/* line 13, common.scss */
#equipment { /* カテゴリタイトル */ }
/* line 16, common.scss */
#equipment #container { text-align: left; max-width: 1200px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 17, common.scss */
#equipment #container h2, #equipment #container h3, #equipment #container h4, #equipment #container h5, #equipment #container h6 { /*font-weight: normal;*/ }
/* line 20, common.scss */
#equipment .tabMenu { width: 100%; }
/* line 21, common.scss */
#equipment .tabMenu ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 22, common.scss */
#equipment .tabMenu ul li { width: 24%; margin-bottom: 1.25%; text-align: center; font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .075em; }
/* line 23, common.scss */
#equipment .tabMenu ul li a { background: rgba(11, 119, 130, 0.6); color: #fff; padding: 6px 0; width: 100%; display: block; position: relative; }
/* line 24, common.scss */
#equipment .tabMenu ul li a::before { content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 400; position: absolute; top: 7px; left: 15px; transition: .25s; }
/* line 25, common.scss */
#equipment .tabMenu ul li a:hover, #equipment .tabMenu ul li a.active { background: #0b7782; opacity: 1; }
/* line 26, common.scss */
#equipment .tabMenu ul li a:hover::before, #equipment .tabMenu ul li a.active::before { top: 7px; transform: rotate(90deg); }
/* line 29, common.scss */
#equipment .tabMenu.upper { margin-bottom: 60px; }
/* line 30, common.scss */
#equipment .tabMenu.bottom { margin-top: 100px; margin-bottom: 80px; }
/* line 35, common.scss */
#equipment .tabMenu.bottom ul li a:hover::before, #equipment .tabMenu.bottom ul li a.active::before { top: 8px; transform: rotate(-90deg); }
/* line 42, common.scss */
#equipment sub { font-size: 70%; }
/* line 44, common.scss */
#equipment #eqpTitleWrap { font-family: "FuturaMaxiStd-Demi"; text-align: center; margin: 0 auto 40px; width: 100%; }
/* line 45, common.scss */
#equipment #eqpTitleWrap .eqpTitle { font-size: 34px; font-size: 2.125rem; line-height: 3.4rem; letter-spacing: .1em; color: #0b7782; font-style: normal; font-family: "FuturaLTPro-Medium"; }
/* line 46, common.scss */
#equipment #eqpTitleWrap .catchCopy { font-size: 28px; font-size: 1.75rem; line-height: 2.8rem; font-family: "FOT-筑紫明朝 Pr6N D"; letter-spacing: .075em; margin-top: 10px; }
/* line 47, common.scss */
#equipment #eqpTitleWrap .read { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 17px; font-size: 1.0625rem; line-height: 2.3375rem; margin-top: 20px; text-align: center; }
/* line 51, common.scss */
#equipment .mainSec { background: #e7ecef; border: 2px solid #0b7782; position: relative; }
/* line 52, common.scss */
#equipment .mainSec .list { background: #fff; }
/* line 53, common.scss */
#equipment .mainSec .secInner { padding: 20px 20px; box-sizing: border-box; background: #fff; }
/* line 54, common.scss */
#equipment .mainSec .mainTit { width: 100%; background: #dae3e4; color: #0B7782; box-sizing: border-box; position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; }
/* line 55, common.scss */
#equipment .mainSec .mainTit em { font-family: "FOT-筑紫ゴシック Pro B"; font-size: 20px; line-height: 1.6; padding: .15em .75em .25em; padding-left: 40px; text-align: justify; position: relative; z-index: 5; }
/* line 57, common.scss */
#equipment .mainSec .mainTit::before { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 100%; clip-path: polygon(0 0, 0% 100%, 100% 100%); background: #9fb5bc; z-index: 0; }
/* line 63, common.scss */
#equipment .eqpTtl { font-family: "FOT-筑紫ゴシック Pro B"; font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; /*color: $eqC;*/ width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; display: inline-flex; justify-content: space-between; align-items: flex-start; }
/* line 64, common.scss */
#equipment .eqpTtl small { font-size: 92%; margin-right: .5em; line-height: 1.8; display: inline-block; }
/* line 66, common.scss */
#equipment .eqpTtl em.wSelect { width: calc(100% - 80px); }
/* line 68, common.scss */
#equipment .eqpTtl .select { width: 75px; margin-top: .25em; }
/* line 69, common.scss */
#equipment .eqpTtl .select a { background: #0B7782; color: #fff; font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; font-size: 13px; line-height: 1.5; letter-spacing: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; pointer-events: none; }
/* line 73, common.scss */
#equipment.security .eqpTtl { color: #0B7782; border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-bottom: .5em; }
/* line 76, common.scss */
#equipment.equipment .eqpTtl, #equipment.structure .eqpTtl { color: #0B7782; }
/* line 79, common.scss */
#equipment.structure .eqpTtl { border-bottom: 1px solid rgba(0, 0, 0, 0.5); padding-bottom: .5em; }
/* line 81, common.scss */
#equipment .catch.jpG { font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; font-size: 25px; }
/* line 84, common.scss */
#equipment .eqpList { justify-content: flex-start; align-items: flex-start; column-gap: calc((100% - (100% / 4 - 20px) * 4) / 3); grid-row-gap: 2em; }
/* line 85, common.scss */
#equipment .eqpList .list { width: calc(100% / 4 - 20px); }
/* line 86, common.scss */
#equipment .eqpList .list .ph { /*margin-bottom: 15px;*/ overflow: visible; }
/* line 87, common.scss */
#equipment .eqpList .list .ph .selectIc { position: absolute; top: -10px; left: -10px; }
/* line 88, common.scss */
#equipment .eqpList .list .ph.wLine { border: 1px solid rgba(0, 0, 0, 0.25); }
/* line 90, common.scss */
#equipment .eqpList .list.vertical { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 91, common.scss */
#equipment .eqpList .list.vertical .text { width: 48%; }
/* line 92, common.scss */
#equipment .eqpList .list.vertical .ph { width: 48%; }
/* line 98, common.scss */
#equipment .eqpList .list .eqpTtl, #equipment .mainSec .secInner .eqpTtl { margin-bottom: 10px; }
/* line 99, common.scss */
#equipment .eqpList .list .eqpTtl:not(:first-child), #equipment .mainSec .secInner .eqpTtl:not(:first-child) { margin-top: 15px; }
/* line 101, common.scss */
#equipment .eqpList .list .read, #equipment .mainSec .secInner .read { letter-spacing: -.015em; text-align: justify; text-justify: inter-ideograph; }
/* line 102, common.scss */
#equipment .eqpList .list .read small, #equipment .mainSec .secInner .read small { font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; display: block; font-size: 80%; margin-top: 5px; line-height: 1.4; letter-spacing: 0; }
/* line 105, common.scss */
#equipment .eqpList .list .read, #equipment .eqpList .mainSec .secInner .read { font-size: 14.5px; font-size: 0.90625rem; line-height: 1.540625rem; }
/* line 106, common.scss */
#equipment .mainSec .secInner .read { font-size: 16px; font-size: 1rem; line-height: 1.7rem; }
/* line 110, common.scss */
#equipment .cmnLink { margin: .5em auto 0; width: 150px; height: 32px; }
/* line 111, common.scss */
#equipment .cmnLink a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; border: 1px solid #0b7782; width: 100%; height: 100%; background: rgba(11, 119, 130, 0); }
/* line 112, common.scss */
#equipment .cmnLink a em { font-family: "FOT-筑紫ゴシック Pro B"; font-size: 14px; padding-bottom: .2em; }
/* line 113, common.scss */
#equipment .cmnLink a i { font-weight: 400; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: .75em; transition: .25s; font-size: 12px; }
/* line 114, common.scss */
#equipment .cmnLink a:hover { background: rgba(11, 119, 130, 0.1); opacity: 1; }
/* line 115, common.scss */
#equipment .cmnLink a:hover i { right: .5em; }
/* line 120, common.scss */
#equipment .eqpTit { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; width: 100%; color: #0B7782; border-bottom: 1px solid #5c5552; padding-bottom: .25em; margin-bottom: 0em; width: 100%; }
/* line 121, common.scss */
#equipment .eqpTit em { font-family: "FuturaLTPro-Medium"; font-size: 27px; font-size: 1.6875rem; line-height: 2.7rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 122, common.scss */
#equipment .eqpTit em.en { letter-spacing: .075em; margin-top: .075em; }
/* line 124, common.scss */
#equipment .eqpTit span { font-family: "FOT-筑紫明朝 Pr6N D"; font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; flex-grow: 1; margin-left: 2em; }
/* line 126, common.scss */
#equipment .cap { font-family: "FOT-筑紫ゴシック Pr5 M"; font-size: 11px; line-height: 1.45; text-align: justify; display: block; }
/* line 129, common.scss */
#equipment .wImage::before { /*@include jpG;*/ color: #3e3a39; }
/* line 130, common.scss */
#equipment .wImage.w::before { color: #fff; }
/* line 131, common.scss */
#equipment .wImage.l::before { left: 5px; right: auto; }
/* line 132, common.scss */
#equipment .wImage.sdwW::before { filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8)); }
/* line 133, common.scss */
#equipment .wImage.sdwB::before { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); }
/* line 136, common.scss */
#equipment .equipmentMovie { display: none; }
/* line 137, common.scss */
#equipment .player { display: block; /* padding-top: 30.6%; height: 0;*/ }
/* line 139, common.scss */
#equipment .mainImg { position: relative; }
/* line 140, common.scss */
#equipment .aboutSelect { width: 100%; margin: auto; position: absolute; bottom: 0; left: 0; background: rgba(11, 119, 130, 0.8); color: #fff; }
/* line 141, common.scss */
#equipment .aboutSelect .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 20px; box-sizing: border-box; }
/* line 142, common.scss */
#equipment .aboutSelect .wrap .tit { font-family: "FOT-筑紫ゴシック Pro B"; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 135px; /*span { width: 50px; margin-right: 12px;}*/ }
/* line 144, common.scss */
#equipment .aboutSelect .wrap .tit em { font-size: 18px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; border: 1px solid #fff; border-block: none; }
/* line 146, common.scss */
#equipment .aboutSelect .wrap .read { font-family: "FOT-筑紫ゴシック Pr5 D"; letter-spacing: .025em; font-size: 15px; line-height: 1.5; width: calc(100% - 155px); }
/* line 147, common.scss */
#equipment .aboutSelect .wrap .read small { display: block; font-size: 11px; letter-spacing: 0; margin-top: .25em; }
/* line 148, common.scss */
#equipment .aboutSelect .wrap .read a { text-decoration: underline; color: #fff; }
@media only screen and (max-width: 750px) { /* line 13, common.scss */
  #equipment { font-size: 16; font-weight: 400; }
  /* line 162, common.scss */
  #equipment #container { max-width: 100%; }
  /* line 164, common.scss */
  #equipment .tabMenu { padding: 0 2.5%; }
  /* line 166, common.scss */
  #equipment .tabMenu ul li { width: 49.25%; margin-bottom: 1.5%; font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; }
  /* line 167, common.scss */
  #equipment .tabMenu ul li a { background: rgba(11, 119, 130, 0.6); color: #fff; padding: 6px 0; }
  /* line 168, common.scss */
  #equipment .tabMenu ul li a::before { display: none; }
  /* line 173, common.scss */
  #equipment .tabMenu.upper { margin-bottom: 30px; }
  /* line 174, common.scss */
  #equipment .tabMenu.bottom { margin-top: 30px; margin-bottom: 50px; }
  /* line 182, common.scss */
  #equipment #eqpTitleWrap { margin: 0 auto 30px; width: 100%; }
  /* line 183, common.scss */
  #equipment #eqpTitleWrap .eqpTitle { font-size: 26px; font-size: 1.625rem; line-height: 2.6rem; }
  /* line 184, common.scss */
  #equipment #eqpTitleWrap .catchCopy { font-size: 21px; font-size: 1.3125rem; line-height: 2.1rem; margin-top: 10px; }
  /* line 185, common.scss */
  #equipment #eqpTitleWrap .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; margin-bottom: 0px; text-align: justify; padding: 0 5%; letter-spacing: -.0em; }
  /* line 189, common.scss */
  #equipment .mainSec { border: 2px solid #0b7782; }
  /* line 191, common.scss */
  #equipment .mainSec .secInner { padding: 15px 15px; }
  /* line 192, common.scss */
  #equipment .mainSec .mainTit { width: 100%; }
  /* line 193, common.scss */
  #equipment .mainSec .mainTit em { font-size: 18px; line-height: 1.4; padding: .35em .75em .5em; padding-left: 20px; }
  /* line 194, common.scss */
  #equipment .mainSec .mainTit::before { width: 35px; height: 100%; opacity: .5; }
  /* line 200, common.scss */
  #equipment .eqpTtl { font-size: 15px; line-height: 1.5; }
  /* line 201, common.scss */
  #equipment .eqpTtl em { width: 100%; text-align: justify; }
  /* line 202, common.scss */
  #equipment .eqpTtl em.wSelect { width: 100%; }
  /* line 204, common.scss */
  #equipment .eqpTtl .select { width: 65px; margin-top: .5em; }
  /* line 205, common.scss */
  #equipment .eqpTtl .select a { font-size: 12px; line-height: 1.5; }
  /* line 209, common.scss */
  #equipment .eqpTtl .slctIc + em { width: calc(100% - 65px); }
  /* line 214, common.scss */
  #equipment .selectIc { width: 50px; }
  /* line 215, common.scss */
  #equipment .slctIc { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; margin-right: 10px; padding: 1px 0px; border-radius: 3px; width: 55px; display: block; margin-bottom: 3px; top: -2px; }
  /* line 218, common.scss */
  #equipment .eqpList { align-items: flex-start; justify-content: space-between; padding: 0 5%; column-gap: 10px; grid-row-gap: 0em; }
  /* line 219, common.scss */
  #equipment .eqpList::after { width: 100%; }
  /* line 220, common.scss */
  #equipment .eqpList .list { width: calc(100% / 2 - 10px); margin-bottom: 2em; }
  /* line 221, common.scss */
  #equipment .eqpList .list .ph { margin-bottom: 0px; }
  /* line 222, common.scss */
  #equipment .eqpList .list .ph .selectIc { top: -10px; left: -10px; }
  /* line 228, common.scss */
  #equipment .eqpList.vertical .text { width: 48%; }
  /* line 229, common.scss */
  #equipment .eqpList.vertical .ph { width: 48%; }
  /* line 234, common.scss */
  #equipment .eqpList .list .eqpTtl, #equipment .mainSec .secInner .eqpTtl { /*padding-bottom: .6em;*/ margin-bottom: .5em; }
  /* line 235, common.scss */
  #equipment .eqpList .list .eqpTtl:not(:first-child), #equipment .mainSec .secInner .eqpTtl:not(:first-child) { margin-top: .75em; }
  /* line 238, common.scss */
  #equipment .eqpList .list .read small, #equipment .mainSec .secInner .read small { font-size: 80%; margin-top: 3px; display: block; }
  /* line 241, common.scss */
  #equipment .eqpList .list .read, #equipment .eqpList .mainSec .secInner .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; font-family: "FOT-筑紫ゴシック Pr5 M"; }
  /* line 242, common.scss */
  #equipment .mainSec .secInner .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; font-family: "FOT-筑紫ゴシック Pr5 M"; }
  /* line 245, common.scss */
  #equipment .eqpTit { width: 100%; padding-bottom: .5em; margin-bottom: 0em; width: 100%; }
  /* line 246, common.scss */
  #equipment .eqpTit em { font-size: 20px; font-size: 1.25rem; line-height: 2rem; }
  /* line 247, common.scss */
  #equipment .eqpTit em.en { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; letter-spacing: .075em; margin-top: .075em; }
  /* line 249, common.scss */
  #equipment .eqpTit span { font-size: 20px; font-size: 1.25rem; line-height: 2rem; margin-left: 0em; text-align: justify; }
  /* line 251, common.scss */
  #equipment .cap { font-size: 10px; line-height: 1.45; }
  /* line 254, common.scss */
  #equipment .cmnLink { margin: 1.5em auto 0; width: 150px; height: 32px; }
  /* line 256, common.scss */
  #equipment .cmnLink a em { font-size: 13px; }
  /* line 257, common.scss */
  #equipment .cmnLink a i { right: 8px; font-size: 11px; }
  /* line 258, common.scss */
  #equipment .cmnLink a:hover { background: #fff; color: #0B7782; opacity: 1; }
  /* line 259, common.scss */
  #equipment .cmnLink a:hover i { right: 8px; }
  /* line 263, common.scss */
  #equipment .cap { font-size: 10px; }
  /* line 265, common.scss */
  #equipment u { padding-bottom: 3px; }
  /* line 268, common.scss */
  #equipment .wImage::before { font-size: 12px; font-size: 0.75rem; line-height: 0.75rem; bottom: 5px; right: 5px; }
  /* line 270, common.scss */
  #equipment .wImage.l::before { left: 5px; right: auto; }
  /* line 271, common.scss */
  #equipment .wImage.sdwW::before { filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.8)); }
  /* line 272, common.scss */
  #equipment .wImage.sdwB::before { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8)); }
  /* line 275, common.scss */
  #equipment .equipmentMovie { display: block; }
  /* line 276, common.scss */
  #equipment .player { display: none; }
  /* line 279, common.scss */
  #equipment .aboutSelect { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 280, common.scss */
  #equipment .aboutSelect .wrap { padding: 18px 18px; }
  /* line 281, common.scss */
  #equipment .aboutSelect .wrap .tit { width: 100%; margin-bottom: .75em; }
  /* line 282, common.scss */
  #equipment .aboutSelect .wrap .tit em { font-size: 16px; border-block: 1px solid; border-inline: none; }
  /* line 284, common.scss */
  #equipment .aboutSelect .wrap .read { font-size: 14px; width: 100%; }
  /* line 285, common.scss */
  #equipment .aboutSelect .wrap .read small { font-size: 10.75px; margin-top: .5em; }
  /* line 292, common.scss */
  #equipment.kitchen .aboutSelect .wrap { padding: 18px 18px; }
  /* line 293, common.scss */
  #equipment.kitchen .aboutSelect .wrap .tit { margin-right: auto; width: 100%; }
  /* line 294, common.scss */
  #equipment.kitchen .aboutSelect .wrap .tit em { font-size: 16px; padding: 0; }
  /* line 296, common.scss */
  #equipment.kitchen .aboutSelect .wrap .read { font-size: 14px; line-height: 1.5; width: 100%; }
  /* line 297, common.scss */
  #equipment.kitchen .aboutSelect .wrap .read small { font-size: 10.75px; } }