/*! ========================================================================
===========================================================================

	equipment.css
	---------------------------
	// Last modified: 2021/02/08 17:56:57

===========================================================================
======================================================================== */
.caption{font-size: 1rem !important;}

.p-notes {
display: block;
font-size: 10px;
font-size: 1rem;
text-align: justify;
}

.l-inner {
max-width: 1080px;
margin-right: auto;
margin-left: auto;
padding-right: 40px;
padding-left: 40px;
}
.specNavBlock .l-inner {
  padding-right: 0;
  padding-left: 0;
}

.u-clearfix:after{clear: both; content: ''; display: block}

.mainArea{color:#000; background-color: #fff;}

.page--equipment strong {
  font-weight: normal
}


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


.u-tac {
text-align: center !important;
}
.p-lead {
font-size: 22px;
font-size: 2.2rem;
line-height: 2.4;
}

.sp{display: none !important;}

.pageNotesBlock{padding-bottom: 25px; font-size: 12px;}

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




@media screen and (max-width: 767px) {
  .tWapper {
    width: 100% !important
  }
}
@media screen and (min-width: 768px) {
  .tWapper {
    padding: 10px
  }
  #specNavBlock--top {
    width: 100%;
    max-width: 1300px;
    margin: 80px auto
  }
  .specNavBlock {
    margin: 80px 0
  }
}
.heroBlock {
  margin-bottom: 60px;
  padding-top: 100px;
  text-align: center
}
@media(max-width: 700px) {
  .heroBlock {
    margin-bottom: 40px;
    padding-top: 60px
  }
}
.specNavBlock {
  margin: 80px 0
}
@media(max-width: 700px) {
  .specNavBlock {
    margin: 60px 0
  }
}
.specNav {
  display: flex;
  position: relative;
  z-index: 5
}
@media(max-width: 700px) {
  .specNav {
    flex-direction: column;
    display: none;
    padding: 5%;
    border: 1px solid #ccc
  }
}
.no-flexbox .specNav {
  display: block
}
@media(max-width: 700px) {
  .specNavBlock.is-open .specNav {
    display: block
  }
}
.specNavCurrentItem {
  position: relative;
  padding: 15px;
  border: 1px solid #ccc;
  cursor: pointer;
  text-transform: uppercase
}
.specNavCurrentItem:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: .5em;
  height: .5em;
  margin-top: -0.25em;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  transition: transform .2s ease 0s
}
.specNavBlock.is-open .specNavCurrentItem:before {
  transform: scale(-1) rotate(45deg)
}
.specNav__item {
  z-index: 2;
  text-align: center
}
@media(min-width: 701px) {
  .specNav__item {
    width: 25%;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
  }
  .specNav__item:first-child {
    border-left: 1px solid #000
  }
}
@media(max-width: 700px) {
  .specNav__item {
    width: 100%;
    border-bottom: 1px solid #fff
  }
}
.no-flexbox .specNav__item {
  display: block
}
@media(min-width: 701px) {
  .no-flexbox .specNav__item {
    float: left;
    width: 25%
  }
}
.specNav__item a {
  display: block;
  padding: 15px;
  color: #000;
  text-decoration: none
}
@media(max-width: 700px) {
  .specNav__item a {
    padding: 10px
  }
}
.no-touch .specNav__item a:hover {
  background: #f5f2e8;
  opacity: 1
}
.specNav__item .jp {
  display: block;
  font-size: 12px;
  letter-spacing: .1em;
  line-height: 1.2
}
@media(max-width: 700px) {
  .specNav__item .jp {
    font-size: 10px
  }
}
.specNav__item .en {
  display: block;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.2
}
@media(max-width: 700px) {
  .specNav__item .en {
    font-size: 14px
  }
}
.specNav__item.is-current > a {
  background: #000;
  color: #fff
}
.specNav__item.is-current > a:hover {
  background: #000
}
.leadText {
  text-align: center
}
.section {
  margin-bottom: 100px
}
.section:after{content: ''; display: block; clear: both}
@media(max-width: 700px) {
  .section {
    margin-bottom: 60px
  }
}
.sectionTitle {
  font-size: 24px;
  margin: 60px 0;
  padding: 20px 0;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: center
}
.featImage {
  margin-bottom: 40px
}
.specItem {
  margin-bottom: 40px;
  font-feature-settings: "palt"1;
  letter-spacing: .05em
}
.specItem .specItem__image {
  margin-bottom: 12px;
  text-align: center
}
.specItem .specItem__name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  font-size: 16px;
  text-align: center;
  color: #000;
  line-height: 140%
}
.specItem .specItem__text {
  margin-bottom: .5em;
  font-size: 14px;
  text-align: justify;
  line-height: 160%
}
.specItem .notes {
  margin-bottom: .5em;
  font-size: 12px;
  line-height: 140%
}
@media(min-width: 701px) {
  .section--kitchen .row-1 .col-1 {
    float: left;
    width: 742px
  }
}
@media(min-width: 701px) {
  .section--kitchen .row-1 .col-2 {
    float: right;
    width: 226px
  }
}
.section--kitchen .row-2 .l-col, .section--kitchen .row-3 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--kitchen .row-2 .l-col, .section--kitchen .row-3 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--kitchen .row-2 .l-col:nth-of-type(4n), .section--kitchen .row-3 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--kitchen .row-2 .l-col:nth-of-type(4n+1), .section--kitchen .row-3 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--kitchen .row-2 .l-col, .section--kitchen .row-3 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--kitchen .row-2 .l-col:nth-of-type(2n), .section--kitchen .row-3 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--kitchen .row-2 .l-col:nth-of-type(2n+1), .section--kitchen .row-3 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--bathroom .row-1 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--bathroom .row-1 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--bathroom .row-1 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--bathroom .row-1 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--bathroom .row-1 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--bathroom .row-1 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--bathroom .row-1 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--powderroom .row-1 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--powderroom .row-1 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--powderroom .row-1 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--powderroom .row-1 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--powderroom .row-1 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--powderroom .row-1 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--powderroom .row-1 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--toilet .row-1 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--toilet .row-1 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--toilet .row-1 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--toilet .row-1 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--toilet .row-1 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--toilet .row-1 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--toilet .row-1 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
.section--amenity .row-1 .l-col, .section--amenity .row-2 .l-col, .section--amenity .row-3 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--amenity .row-1 .l-col, .section--amenity .row-2 .l-col, .section--amenity .row-3 .l-col {
    width: 226px;
    margin-right: 32px
  }
  .section--amenity .row-1 .l-col:nth-of-type(4n), .section--amenity .row-2 .l-col:nth-of-type(4n), .section--amenity .row-3 .l-col:nth-of-type(4n) {
    margin-right: 0
  }
  .section--amenity .row-1 .l-col:nth-of-type(4n+1), .section--amenity .row-2 .l-col:nth-of-type(4n+1), .section--amenity .row-3 .l-col:nth-of-type(4n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--amenity .row-1 .l-col, .section--amenity .row-2 .l-col, .section--amenity .row-3 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--amenity .row-1 .l-col:nth-of-type(2n), .section--amenity .row-2 .l-col:nth-of-type(2n), .section--amenity .row-3 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--amenity .row-1 .l-col:nth-of-type(2n+1), .section--amenity .row-2 .l-col:nth-of-type(2n+1), .section--amenity .row-3 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
@media(min-width: 701px) {
  .section--amenity .row-4 .col-1 {
    float: left;
    width: 226px;
    margin-right: 32px
  }
}
@media(min-width: 701px) {
  .section--amenity .row-4 .col-2 {
    float: left;
    width: 484px
  }
}
@media(min-width: 701px) {
  .section--ecology .row-1 .col-1 {
    float: left;
    width: 484px;
    margin-right: 32px
  }
}
@media(min-width: 701px) {
  .section--ecology .row-1 .col-2 {
    float: right;
    width: 484px
  }
}
.section--ecology .specItem-1 .specItem__text {
  float: left;
  width: 285px
}
@media(max-width: 700px) {
  .section--ecology .specItem-1 .specItem__text {
    width: calc(100% - 182px)
  }
}
.section--ecology .specItem-1 .specItem__image-2 {
  float: right
}
.section--ecology .specItem-1 .specItem__image-3 {
  clear: both
}
.section--ecology .specItem-2 .l-innerRow:after {
  content: "";
  display: block;
  clear: both
}
@media(min-width: 701px) {
  .section--ecology .specItem-2 .l-innerRow .innerCol-1 {
    float: left;
    width: 226px
  }
}
@media(min-width: 701px) {
  .section--ecology .specItem-2 .l-innerRow .innerCol-2 {
    float: right;
    width: 226px;
    padding-top: 18px
  }
}
@media(max-width: 700px) {
  .section--ecology .specItem-2 .l-innerRow .specItem__image-2 {
    float: left;
    width: 48%
  }
}
@media(max-width: 700px) {
  .section--ecology .specItem-2 .l-innerRow .specItem__image-3 {
    float: right;
    width: 48%
  }
}
.section--ecology .specItem-2 .specItem__text strong {
  display: block;
  margin-bottom: .5em;
  font-size: 16px
}
.section--ecology .row-2 {
  margin-bottom: 40px;
  padding: 20px 30px
}
.section--ecology .specItem-3 {
  margin-bottom: 0
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .specItem__image-1 {
    float: left
  }
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .specItem__image-2 {
    float: right;
    padding-top: 30px
  }
}
.section--ecology .specItem-3 .notes {
  clear: both;
  margin-bottom: 0
}
@media(min-width: 701px) {
  .section--ecology .row-3 .l-col {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px
  }
}
@media(max-width: 700px) {
  .section--ecology .row-3 .l-col {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px
  }
}
.page--service .leadText {
  margin-bottom: 40px;
  padding: 8px 20px;
  background: #dfd7c2;
  text-align: center;
  line-height: 1.4;
  color: #000;
  font-size: 18px
}
.section--service .row-1, .section--service .row-2 {
  margin-bottom: 60px
}
.section--service .row-1 .l-col, .section--service .row-2 .l-col {
  float: left
}
@media(min-width: 701px) {
  .section--service .row-1 .l-col, .section--service .row-2 .l-col {
    width: 184px;
    margin-right: 20px
  }
  .section--service .row-1 .l-col:nth-of-type(5n), .section--service .row-2 .l-col:nth-of-type(5n) {
    margin-right: 0
  }
  .section--service .row-1 .l-col:nth-of-type(5n+1), .section--service .row-2 .l-col:nth-of-type(5n+1) {
    clear: both
  }
}
@media(max-width: 700px) {
  .section--service .row-1 .l-col, .section--service .row-2 .l-col {
    width: 48%;
    margin-right: 4%
  }
  .section--service .row-1 .l-col:nth-of-type(2n), .section--service .row-2 .l-col:nth-of-type(2n) {
    margin-right: 0
  }
  .section--service .row-1 .l-col:nth-of-type(2n+1), .section--service .row-2 .l-col:nth-of-type(2n+1) {
    clear: both
  }
}
@media(min-width: 701px) {
  .section--service .row-3 .l-col {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px
  }
}
@media(max-width: 700px) {
  .section--service .row-3 .l-col {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px
  }
}
@media(min-width: 701px) {
  .section--service .image-1 {
    margin-top: 60px
  }
  .section--ecology .specItem-7 .specItem__text {
    float: left;
    width: 480px
  }
}
.specNav__item a:hover {
  background: #f2f2f2
}
.section--ecology .specItem-3 {
  margin-bottom: 40px
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .l-innerRow {
    display: flex;
    justify-content: space-between
  }
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .l-innerRow .innerCol-1 {
    width: 246px
  }
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .l-innerRow .innerCol-2 {
    width: 226px
  }
}
@media(min-width: 701px) {
  .section--ecology .specItem-3 .l-innerRow .innerCol-3 {
    width: 480px
  }
}
.section--ecology .specItem-3 .l-innerRow .innerCol-3 .specItem__image-2 {
  padding-top: 0
}
.section--service .row-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
@media(min-width: 701px) {
  .section--service .row-1 .specItem {
    width: 226px
  }
  .section--service .row-1 .specItem img {
    width: 100%
  }
}
@media(max-width: 700px) {
  .section--service .row-1 .specItem {
    width: 48%
  }
}