/* common ---------- */
.irg-mt5 { margin-top: 5px !important; }
.irg-mt15 { margin-top: 15px !important; }
.irg-strong { font-weight: bold; }
.irg-percent { line-height: 1.0; vertical-align: bottom; }
.irg-percent em { font-style: normal; }
.is-equalWidth .g-ButtonUnit.irg-btn { width: 320px; }

.l-LabelTagUnit.is-colorset1 { background-color: #816E2D; }
.is-backgroundColor--7 .sensai-gold-arrow-button-pack .g-ButtonP__list .g-ButtonP__list__item .g-ButtonUnit .g-ButtonUnit__link { border-color: #B89C42; }
.is-backgroundColor--7.irg-sctItem2 .sensai-gold-arrow-button-pack .g-ButtonP__list .g-ButtonP__list__item .g-ButtonUnit .g-ButtonUnit__link { border-color: #816E2D; }


/* main visual */
.irg-sctMainVisual {}
.irg-sctMainVisual .g-Column { display: flex; justify-content: center; align-items: center; width: calc(100% - 80px); height: 100%; aspect-ratio: 240 / 139; max-width: 1920px; padding: 0 40px; }
.irg-sctMainVisual .g-Column__inner { width: 100%; }
.irg-sctMainVisual .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.irg-sctMainVisual .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctMainVisual .g-ImageTextHP__contentsBlock__image,
.irg-sctMainVisual .g-ImageTextHP__contentsBlock__text { width: calc(50% - 40px); padding: 0 !important; }


/* lead */
.irg-sctLead {}
.irg-sctLead .g-Column { display: flex; justify-content: center; align-items: center; width: calc(100% - 80px); height: 100%; aspect-ratio: 960 / 473; max-width: 1920px; padding: 0 40px; }
.irg-sctLead .g-Column__inner { width: 100%; }
.irg-sctLead .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 880px; margin: 0 auto; }
.irg-sctLead .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctLead .g-ImageTextHP__contentsBlock__image { order: 2; width: calc(20% - 40px); padding: 0 !important; }
.irg-sctLead .g-ImageTextHP__contentsBlock__text { order: 1; width: calc(80% - 40px); padding: 0 !important; }


/* movie */
.irg-sctMovie {}
.irg-sctMovie .g-Column { width: 100%; max-width: 1200px; margin: 0 auto; }
/*.irg-sctMovie .video-js .vjs-big-play-button { width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; border: none; background: url(/content/dam/sites/kanebo/www-sensai-cosmetics-com/country/jp/img/promotion/2510/utm_the_concentrate_n/btn_play.png) 0 0 no-repeat; background-size: contain; }
.irg-sctMovie .video-js .vjs-control:before { font-family: 'VideoJS'; }*/


/* item */
.irg-sctItem {}
.irg-sctItem .g-Column { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; aspect-ratio: 960 / 473; max-width: 1920px; padding: 0 40px; }
.irg-sctItem .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.irg-sctItem .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctItem .g-ImageTextHP__contentsBlock__image,
.irg-sctItem .g-ImageTextHP__contentsBlock__text { width: calc(50% - 40px); padding: 0 !important; }


/* approach */
.irg-sctApproach {}
.irg-sctApproach .g-Column { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; aspect-ratio: 960 / 473; max-width: 1920px; padding: 0 40px; }
.irg-sctApproach .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.irg-sctApproach .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctApproach .g-ImageTextHP__contentsBlock__image { width: calc(50% - 40px); padding: 0 !important; order: 2; }
.irg-sctApproach .g-ImageTextHP__contentsBlock__text { width: calc(50% - 40px); padding: 0 !important; order: 1; }


/* extract */
.irg-sctExtract {}
.irg-sctExtract .g-Column { width: 100%; max-width: 1200px; margin: 0 auto; }
.irg-sctExtract .irg-sctExtract_img { max-width: 465px; margin: 40px auto 0; }


/* technology */
.irg-sctTechnology {}
.irg-sctTechnology .g-Column { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; aspect-ratio: 960 / 473; max-width: 1920px; padding: 0 40px; }
.irg-sctTechnology .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.irg-sctTechnology .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctTechnology .g-ImageTextHP__contentsBlock__image,
.irg-sctTechnology .g-ImageTextHP__contentsBlock__text { width: calc(50% - 40px); padding: 0 !important; }


/* item2 */
.irg-sctItem2 { padding: 120px 0 40px; }
.irg-sctItem2 .irg-sctItem2_img { max-width: 436px; margin: 0 auto; }
.irg-sctItem2 .g-Column { display: flex; justify-content: center; align-items: center; max-width: 1920px; padding: 0 40px; }
.irg-sctItem2 .g-ImageTextHP__contentsBlock { display: flex; gap: 80px; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
.irg-sctItem2 .g-ImageTextHP__contentsBlock:after { display: none; }
.irg-sctItem2 .g-ImageTextHP__contentsBlock__image,
.irg-sctItem2 .g-ImageTextHP__contentsBlock__text { padding: 0 !important; }
.irg-sctItem2 .g-ImageTextHP__contentsBlock__text > .g-Text { margin: 0; }
.irg-sctItem2 .l-HeadingTitle__h2 { font-size: medium; }


/* accordion */
.irg-sctAccordion { padding-bottom: 80px; }
.irg-sctAccordion .g-Column { width: 100%; max-width: 880px; margin: 0 auto; }
.irg-sctAccordion .g-AccordionMenu { border-bottom: 1px solid #665C38; }
.irg-sctAccordion .g-AccordionMenu__item { border-top: 1px solid #665C38; }
.irg-sctAccordion .l-AccordionUnit__titleBlock__icon { font-size: 24px; color: #B89C42; }




/* large ---------- */
@media only screen and (min-width: 1025px) {
  .irg-percent { font-size: 28px; }
  .irg-percent em { font-size: 48px; }
}




/* middle ---------- */
@media (min-width: 641px) and (max-width: 1024px) {
  .irg-percent { font-size: 28px; }
  .irg-percent em { font-size: 48px; }
  .is-equalWidth .g-ButtonUnit.irg-btn { width: 100%; }


  /* main visual */
  .irg-sctMainVisual { position: relative; }
  .irg-sctMainVisual .g-Column { align-items: flex-end; aspect-ratio: auto; padding: 0; background: none !important; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock__image { width: 100%; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock__text { position: absolute; left: 0; bottom: 40px; width: 100%; }


  /* lead */
  .irg-sctLead { position: relative; }
  .irg-sctLead .g-Column { width: 100%; align-items: flex-end; aspect-ratio: auto; padding: 0; background: none !important; }
  .irg-sctLead .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; max-width: 100%; }
  .irg-sctLead .g-ImageTextHP__contentsBlock__image { order: 1; width: 100%; }
  .irg-sctLead .g-ImageTextHP__contentsBlock__text { order: 2; z-index: 1; position: absolute; left: 80px; top: 33%; width: calc(100% - 160px); }


  /* movie */
  .irg-sctMovie { padding: 0; }


  /* item */
  .irg-sctItem { padding-bottom: 40px; background-color: #11110C !important; }
  .irg-sctItem .g-Column { align-items: flex-end; aspect-ratio: auto; width: 100%; padding: 0; background: none !important; }
  .irg-sctItem .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctItem .g-ImageTextHP__contentsBlock__image { width: 100%; }
  .irg-sctItem .g-ImageTextHP__contentsBlock__text { width: calc(100% - 80px); padding: 0 40px !important; }


  /* approach */
  .irg-sctApproach { padding-bottom: 40px; }
  .irg-sctApproach .g-Column { align-items: flex-end; aspect-ratio: auto; width: 100%; padding: 0; background: none !important; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock__image { order: 1; width: 100%; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock__text { order: 2; width: calc(100% - 80px); margin-top: -50px; padding: 0 40px !important; }


  /* extract */
  .irg-sctExtract { padding: 20px 40px 40px; }
  .irg-sctExtract .irg-sctExtract_img { max-width: 376px; }


  /* technology */
  .irg-sctTechnology { padding: 40px 0; }
  .irg-sctTechnology .g-Column { width: 100%; align-items: flex-end; aspect-ratio: auto; padding: 0; background: none !important; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock { flex-direction: column; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock:after { display: none; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock__image { order: 2; width: 100%; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock__text { order: 1; width: calc(100% - 80px); padding: 0 !important; }


  /* item2 */
  .irg-sctItem2 { padding: 80px 0 40px !important; }
  .irg-sctItem2 .g-Column {}
  .irg-sctItem2 .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 40px; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__image { display: none; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text { width: 100%; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text .g-Image--v2 { width: 60%; max-width: 475px; margin: 0 auto; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text .g-ButtonUnit { width: 100%; }


  /* accordion */
  .irg-sctAccordion { padding: 0 40px 80px; }
}




/* small ---------- */
@media (max-width: 640px) {
  .irg-sm-pt5--imp { padding-top: 5px !important; }
  .irg-percent { font-size: 24px; }
  .irg-percent em { font-size: 36px; }
  .is-equalWidth .g-ButtonUnit.irg-btn { width: 100%; }


  /* main visual */
  .irg-sctMainVisual { position: relative; }
  .irg-sctMainVisual .g-Column { align-items: flex-end; aspect-ratio: auto; width: 100%; padding: 0 0 60px; background: none !important; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock__image { width: 100%; }
  .irg-sctMainVisual .g-ImageTextHP__contentsBlock__text { position: absolute; left: 0; bottom: 30px; width: 100%; }


  /* lead */
  .irg-sctLead { position: relative; }
  .irg-sctLead .g-Column { width: 100%; align-items: flex-end; aspect-ratio: auto; padding: 0; background: none !important; }
  .irg-sctLead .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; max-width: 100%; }
  .irg-sctLead .g-ImageTextHP__contentsBlock__image { order: 1; width: 100%; }
  .irg-sctLead .g-ImageTextHP__contentsBlock__text { order: 2; z-index: 1; position: absolute; left: 20px; top: 30%; width: calc(100% - 40px) !important; }


  /* movie */
  .irg-sctMovie { padding: 0; }
  .irg-sctMovie .video-js .vjs-big-play-button { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; }


  /* transcendent */
  .irg-sctItem { padding-bottom: 40px; background-color: #11110C !important; }
  .irg-sctItem .g-Column { align-items: flex-end; aspect-ratio: auto; width: 100%; padding: 0; background: none !important; }
  .irg-sctItem .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctItem .g-ImageTextHP__contentsBlock__image { width: 100%; }
  .irg-sctItem .g-ImageTextHP__contentsBlock__text { width: calc(100% - 40px) !important; padding: 0 20px !important; }


  /* approach */
  .irg-sctApproach { padding-bottom: 40px; }
  .irg-sctApproach .g-Column { align-items: flex-end; aspect-ratio: auto; width: 100%; padding: 0; background: none !important; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock__image { order: 1; width: 100%; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock__text { order: 2; width: calc(100% - 40px) !important; margin-top: -10px; padding: 0 20px !important; }
  .irg-sctApproach .g-ImageTextHP__contentsBlock__text ul { margin-left: -20px; }


  /* extract */
  .irg-sctExtract { padding: 20px 10px 40px; }
  .irg-sctExtract .irg-sctExtract_img { max-width: 67%; }


  /* technology */
  .irg-sctTechnology { padding: 40px 0; }
  .irg-sctTechnology .g-Column { width: 100%; align-items: flex-end; aspect-ratio: auto; padding: 0; background: none !important; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 0; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock:after { display: none; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock__image { order: 2; width: 100%; }
  .irg-sctTechnology .g-ImageTextHP__contentsBlock__text { order: 1; width: calc(100% - 40px) !important; padding: 0 !important; }


  /* item2 */
  .irg-sctItem2 { padding: 80px 0 40px !important; }
  .irg-sctItem2 .g-Column { padding: 0 20px; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock { flex-direction: column; gap: 40px; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__image { display: none; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text { width: 100%; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text .g-Image--v2 { width: 60%; max-width: 475px; margin: 0 auto; }
  .irg-sctItem2 .g-ImageTextHP__contentsBlock__text .g-ButtonUnit { width: 100%; }


  /* accordion */
  .irg-sctAccordion { padding: 0 20px 80px; }
  .irg-sctAccordion ul { margin-left: -20px; }
}