@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First > business

--------------------------------------------------- */
/* ---------------------------------------------------

	catch

--------------------------------------------------- */
.catch{
  margin: 0 0 4rem;
  padding: 4rem 20px 0;  
}
.catch__theme{
  display: block;
  font-size: 1.125rem;
  letter-spacing: 0.9px;
  line-height: 1.75;
  margin: 0;
  text-align: center;
}
.catch__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
  padding: 2em 0 0;
}


/* ---------------------------------------------------

	productsMain

--------------------------------------------------- */
.productsMain{
  margin: 0 0 1rem;
}
.productsMain .cmnSectionBody{
  padding: 0;
}
.productsMain__wrap{}
.productsMain__note{}
.productsMain__note__theme{
  font-size: 1.5rem;
  letter-spacing: 1.2px;
  margin: 0 0 1em;
}
.productsMain__note__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.productsMain__note__list__item{
  font-size: 1rem;
  margin: 0 0 1em;
  padding: 0 0 0 calc(1em + 7px);
  text-indent: -0.7em;
}
.productsMain__note__list__item:last-of-type{
  margin: 0;
}
.productsMain__note__list__item__icon{
  display: inline-block;
  margin: 0 5px 0 0;
}
.productsMain__figure{
  padding: 2rem 0 0;
}
.productsMain__figure__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;}
.productsMain__figure__list__item{
  font-size: 0;
  width: 50%;
}
.productsMainButton__block{}
.productsMainButton__inner{}
.productsMainButton__item{}
.productsMainButton__item-link{}
.productsMainButton__item__text{}


/* ---------------------------------------------------

	business__productSlider

--------------------------------------------------- */
.business__productSlider{}


/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ------------------------------------

	catch

------------------------------------ */
.catch{
  padding: 0;
  }
.catch__theme{
  font-size: 1.25rem;
  letter-spacing: 1px;
  }
.catch__note{
  text-align: center;
  }


/* ------------------------------------

	productsMain

------------------------------------ */
.productsMain{}
.productsMain .cmnSectionBody{}
.productsMain__wrap{}
.productsMain__note{}
.productsMain__note__theme{
  font-size: 1.75rem;
  letter-spacing: 1.4px;
  margin: 0 0 1em;
  }
.productsMain__note__list{}
.productsMain__note__list__item{}
.productsMain__note__list__item__icon{}
.productsMain__figure{
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: calc(15rem + ((1vw - 6px)* 80.1887));/*240px~580px*/
  }
.productsMain__figure__list{}
.productsMain__figure__list__item{
  max-width: 250px;
  }
.productsMainButton__block{
  padding: calc(1rem + ((1vw - 0.375rem) * 18.8679)) 0 0;/*1rem~6rem*/
  }
.productsMainButton__inner{}
.productsMainButton__item{}
.productsMainButton__item-link{}
.productsMainButton__item__text{}


/* ------------------------------------

	business__productSlider

------------------------------------ */
.business__productSlider{}


}/* /min-width: 600px */



/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ------------------------------------

	catch

------------------------------------ */
.catch{
  margin: 0 0 6.25rem;
  padding: 7.25rem 0 0;
  }
.catch__theme{
  font-size: 1.5rem;
  letter-spacing: 1.2px;
  line-height: 2;
  }
.catch__note{
  line-height: 2;
  padding: 3em 0 0;
  }


/* ------------------------------------

	productsMain

------------------------------------ */
.productsMain{
  margin: 0 0 2rem;
  }
.productsMain .cmnSectionBody{}
.productsMain__wrap{}
.productsMain__note{}
.productsMain__note__theme{
  font-size: 2rem;
  letter-spacing: 1.6px;
  margin: 0 0 1.25em;
  }
.productsMain__note__list{}
.productsMain__note__list__item{
  font-size: 1.125rem;
  margin: 0 0 1.5em;
  }
.productsMain__note__list__item__icon{}
.productsMain__figure{
  max-width: calc(36.25rem + ((1vw - 10.25px)* 23.5294));/*580px~660px*/
  }
.productsMain__figure__list{
  justify-content: flex-end;
  }
.productsMain__figure__list__item{
  max-width: 325px;
  }
.productsMainButton__block{
  padding: 6rem 0 0;
  }
.productsMainButton__inner{}
.productsMainButton__item{}
.productsMainButton__item-link{}
.productsMainButton__item__text{}


/* ------------------------------------

	business__productSlider

------------------------------------ */
.business__productSlider{}

}/* /min-width: 1025px */



/* ------------------------------------

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
/* ------------------------------------

	productsMain

------------------------------------ */
.productsMain{}
.productsMain .cmnSectionBody{}
.productsMain__wrap{}
.productsMain__note{}
.productsMain__note__theme{}
.productsMain__note__list{}
.productsMain__note__list__item{}
.productsMain__note__list__item__icon{}
.productsMain__figure{
  right: calc(0rem + ((1vw - 13.66px) * 54.1516));/*0~300px*/
  max-width: 660px;
  }
.productsMain__figure__list{}
.productsMain__figure__list__item{}
.productsMainButton__block{
  padding: 7.5rem 0 0;
  }
.productsMainButton__inner{}
.productsMainButton__item{}
.productsMainButton__item-link{}
.productsMainButton__item__text{}


/* ------------------------------------

	business__productSlider

------------------------------------ */
.business__productSlider{}

}/* /min-width: 1366px */