@charset "utf-8";


/*------------------------------------------------
Business Content
------------------------------------------------*/

.business-content-title {
  font-size: 2.4rem;
  padding-bottom: calc(var(--layout-gap)/2);
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .business-content-title {
    font-size: 3.5rem;
    padding: calc(var(--layout-gap)*1.25) 0;
  }
  .business-content-text {
    font-size: 2.5rem;
    text-align: center;
  }
}

@media print, screen and (min-width: 1170px) {

}


/*------------------------------------------------
Business Field
------------------------------------------------*/
.business-field {}
.field-list {
  /* padding:calc(var(--layout-gap)*1); */
    padding:calc(var(--layout-gap)*0.5);
}
.field-item {
  background-color: var(--tertiary-color);
  text-align: center;
  padding:calc(var(--layout-gap)*1);
  margin-bottom: calc(var(--layout-gap)/2);
}
.field-item-title-no {
  color: #fff;
  border-bottom: 5px solid #fff;
  font-size: 3.5rem;
  display: inline-block;
  padding:0 calc(var(--layout-gap)*1);
  margin-bottom: calc(var(--layout-gap)/4);
  text-align: center;
}

.field-item-text {
  color: #fff;
  font-size: 2rem;
}
@media print, screen and (min-width: 769px) {
  .field-list {
    padding:0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
  }
  .field-item {
    width: calc(50% - calc(var(--layout-gap)/2));
    margin-bottom: calc(var(--layout-gap)/1);
  }
  .field-item-title-no {
    font-size: 4rem;
    margin-bottom: calc(var(--layout-gap)/1.5);
  }
}


/*-------features---------*/

#features.section-container {
  background-color: var(--bg-extra-light);
  background-image: url(../../image/business/features_bg.png);
  background-position: top center;
  background-size: contain;
  padding: 0 0 calc(var(--layout-gap)*1.5);
}
.features-title {
  width: 100%;
  font-size: 2rem;
  text-align: center;
  padding: calc(var(--layout-gap)*1.25) 0;
  margin-bottom: calc(var(--layout-gap)*1.25);
  border-bottom: 2px dashed #fff;
}
.features-list {
  padding: calc(var(--layout-gap)/4);
}
.features-item {
  padding: calc(var(--layout-gap)/2);
  background-color: #fff;
}

.features-item:not(:last-of-type) {
  margin-bottom:  calc(var(--layout-gap)/2);
}
.features-item-title {
  color: var(--tertiary-color);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: calc(var(--layout-gap)/2);
}
.features-item-text {
  padding-bottom: calc(var(--layout-gap)/2);
}
.features-pic-list {}
.features-pic-list.three-item {}
.features-pic-list.two-item {}
.features-pic-item:not(:last-of-type) {
  padding-bottom: calc(var(--layout-gap)/2);
}

@media print, screen and (min-width: 769px) {
  .features-title {
    font-size: 3.5rem;
  }
  .features-item:not(:last-of-type) {
    margin-bottom:  calc(var(--layout-gap)*2);
  }
  .features-item-text {
    padding-bottom: calc(var(--layout-gap)*1.25);
    text-align: center;
    font-size: 2rem;
  }
  .features-pic-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .features-pic-item:not(:last-of-type) {
    padding-bottom: 0;
  }
  .features-item-title {
    font-size: 3rem;
    line-height: 1;
    padding: calc(var(--layout-gap)*1.25) 0 var(--layout-gap) ;
  }
  .features-pic-list.three-item .features-pic-item {
    width: calc(100% / 3 - calc(var(--layout-gap)/4));
  }
  .features-pic-list.two-item .features-pic-item {
    width: calc(100% / 2 - calc(var(--layout-gap)/4));
  }
}

@media print, screen and (min-width: 960px) {
  #features.section-container {
    padding: 0 0 calc(var(--layout-gap)*2);
  }
}

/*-------see---------*/

#see {
  padding-top: var(--header-size-sp);
  margin-top: calc(var(--header-size-sp) * -1);
}

.see .section-container {
  background-color: var(--bg-extra-dark);
}
.see-title {
  color: #fff;
  background-image: url(../../image/business/see_title_bg.jpg);
  background-size: cover;
  background-position: center right;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--layout-gap)*1.25);

}
.see-pic-list {}
.see-pic-item {}
.see-pic-item:not(:last-of-type) {
  margin-bottom: calc(var(--layout-gap)/2);;
}
.see-pic-item.size-1 {}
.see-pic-item.size-2 {}
.see-pic-item.size-half {}
.see-pic-item.size-wide {}
.see-pic-item-caption {
  color: #fff;
  display: block;
}


@media print, screen and (min-width: 769px) {
  .see-title {
    font-size: 3.5rem;
    height: 200px;
  }
  .see-pic-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .see-pic-item.size-1 {
    width: calc(100% / 3 - calc(var(--layout-gap)/1.5));
  }
  .see-pic-item.size-2 {
    width: calc(100% / 3 * 2 - calc(var(--layout-gap)/3));
  }
  .see-pic-item.size-half {
    width: calc(50% - calc(var(--layout-gap)/2));
  }
}
@media print, screen and (min-width: 960px) {
  #see {
    padding-top: var(--header-size-pc);
    margin-top: calc(var(--header-size-pc) * -1);
  }
}

/*-------facility--------*/

#facility {}

.facility-list-box {
  margin: calc(var(--layout-gap)/2) 0;
}
.facility-list {}
.facility-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width: 100%
}
.facility-item-name {
  display: inline-block;
  background-color: #fff;
  text-indent: -1em;
  padding-left: 1em;
  padding-right: 0.5em;
}
.facility-item-count {
  display: inline-block;
  background-color: #fff;
  padding-left: 0.5em;
}
.facility-item::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 2px dotted var(--primary-text-color);
  left: 0;
  top: 14px;
  z-index: -1;
}
.facility-item-others {
  text-align: right;
  width: 100%;
}
@media print, screen and (min-width: 690px) {
  .facility-list-box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: var(--layout-gap) 0;
  }
  .facility-list {
    width: calc(50% - calc(var(--layout-gap)/1.5))
  }
}

@media print, screen and (min-width: 1170px) {
  .facility-list {
    width: calc(50% - calc(var(--layout-gap)*1.5))
  }
  .facility-item {
    font-size: 2rem;
  }
  .facility-item::before {
    height: 2px;
    top: 20px;
  }
}