@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

.CE241122product{
  --zindex-behind: -1;
  --zindex-middle: 0;
  --zindex-front: 1;
  --pointer-none: none;

  --color-txt: #000;
  --color-topicTtl: #cfc7c7;
  --color-topicminiTtl: #907d7d;
  --color-slider: #E0C1B5;
  --color-nav: #828282;
  --color-bg: #f6f4f4;

  overflow: hidden;
}
.main-area .main-inner{
  width: 100%;
}

/*================================
  variables
=================================*/
.CE241122product img,
.CE241122product picture,
.CE241122product video,
.CE241122product a{
  display: inline-block;
  width: 100%;
  height: auto;
}
.CE241122product a{
  display: block;
  width: 100%;
  height: 100%;
}
.CE241122product a:hover{
  transition: .5s;
  opacity: 70%;
}
.CE241122product .lastArea__img img:hover{
  opacity: 100%;
}
.CE241122product span{
  display: inline-block;
}
.CE241122product .flexArea{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.CE241122product .gridWrap{
  display: grid;
  margin: 0 auto;
  width: 100%;
}
/*--------------------------------
  variables for mobile
--------------------------------*/
@media screen and (max-width: 767px) {
  .CE241122product .flexArea-sp{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
  .CE241122product .pcOnly{
    display: none;
  }
}
/*--------------------------------
  variables for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE241122product .flexArea-pc{
    display: flex;
    width: 100%;
    margin: 0 auto;
  }
  .CE241122product [data-img]{
    background: #fff;
  }
  .CE241122product .spOnly{
    display: none;
  }
}
/* end variables */

/*================================
  font
=================================*/
.CE241122product .font-ja-sans{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
.CE241122product .font-ja-serif{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  font-style: normal;
  font-feature-settings: 'palt';
}
.CE241122product .font-en-serif{
  font-family: "garamond-premier-pro-subhead", serif;
  font-weight: 400;
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
}
/*================================
  txt
=================================*/
.CE241122product [data-txt]{
  font-size: calc(24 *(100vw /750));
  line-height: 2.2;
  letter-spacing: 0.05em;
  color: var(--color-txt);
  text-align: center;
}
.CE241122product [data-topicTtl]{
  font-size: calc(63 *(100vw /750));
  line-height: 1.1428571429;
  letter-spacing: 0.06em;
  color: var(--color-topicTtl);
  text-align: center;
  margin-bottom: calc(36 *(100vw /750));
}
.CE241122product [data-editTtl]{
  font-size: calc(32 *(100vw /750));
  line-height: 1.8125;
  letter-spacing: 0.05em;
  color: var(--color-txt);
  text-align: center;
}
/*--------------------------------
  txt for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE241122product [data-txt]{
    font-size: 1.3rem;
    line-height: 2.1538461538;
  }
  .CE241122product [data-topicTtl]{
    font-size: 4.2rem;
    line-height: 1.1428571429;
    margin-bottom: 2.5rem;
  }
  .CE241122product [data-editTtl]{
    font-size: 1.6rem;
    line-height: 1.7875;
  }
}
/* end txt */

/*================================
  layout
=================================*/
.CE241122product .firstviewArea{
  margin: 0 auto calc(120 *(100vw /750));
}
.CE241122product .firstviewArea__img{
  margin-bottom: calc(106 *(100vw /750));
}
.CE241122product .firstviewArea__txt{
  margin-bottom: calc(43 *(100vw /750));
}
/*===================== captionArea */
.CE241122product .captionArea{
  position: relative;
  padding-bottom: calc(64 *(100vw /750));
  margin: 0 auto calc(80 *(100vw /750));
}
.CE241122product .captionArea::before{
  content: "";
  display: block;
  background-color: #F4F0EF;
  width: 100%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: var(--zindex-behind);
}
.CE241122product .block01__captionArea::before{
  height: calc(344 *(100vw /750));
}
.CE241122product .block02__captionArea::before{
  height: calc(294 *(100vw /750));
}
/*===================== sliderArea */
.CE241122product .sliderArea{
  position: relative;
}
.CE241122product .block01__slider{
  padding: calc(80*(100vw / 750)) 0 calc(76*(100vw / 750));
}
.CE241122product .block02__slider{
  padding: calc(80*(100vw / 750)) 0 calc(68*(100vw / 750));
}
.CE241122product .sliderArea::before,
.CE241122product .sliderArea::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: var(--zindex-behind);
}
.CE241122product .sliderArea::before{
  background-color: var(--color-slider);
  opacity: 10%;
  top: calc(20*(100vw / 750));
  left: calc(20*(100vw / 750));
}
.CE241122product .sliderArea::after{
  border: solid calc(2*(100vw / 750)) var(--color-slider);
  top: calc(0*(100vw / 750));
  left: calc(-20*(100vw / 750));
}
.CE241122product [data-slideArea_img]{
  position: relative;
  margin: 0 auto calc(47*(100vw / 750));
}
.CE241122product [data-slide]{
  width: calc(530*(100vw / 750))!important;
}
.CE241122product .sliderArea__txtWrap-ttl{
  margin-bottom: calc(13*(100vw / 750));
}

.CE241122product .viewAll a{
  font-family: "Crimson Text", serif;
  font-feature-settings: "palt";
  font-size: calc(22 *(100vw / 750));
  line-height: 1.5454545455;
  letter-spacing: 0.002em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(630*(100vw / 750));
  height: calc(124*(100vw / 750));
  margin: calc(0*(100vw / 750)) auto calc(150*(100vw / 750));
  border: solid 1px #333333;
}

/*--------------------------------
  layout for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE241122product .firstviewArea{
    width: 100rem;
    margin-bottom: 9.8rem;
  }
  .CE241122product .firstviewArea__img{
    margin-bottom: 8.7rem;
  }
  .CE241122product .firstviewArea__txt{
    margin-bottom: 5.5rem;
  }
  .CE241122product .firstviewArea__movie{
    width: 80rem;
    margin: 0 auto;
  }
  /*===================== captionArea */
  .CE241122product .captionArea{
    padding-bottom: 5.4rem;
    margin-bottom: 8rem;
  }
  .CE241122product .block01__captionArea::before,
  .CE241122product .block02__captionArea::before{
    height: 18.6rem;
  }
  /*===================== captionArea */
  .CE241122product .sliderArea{
    justify-content: space-between;
    align-items: center;
    width: 90rem;
  }
  .CE241122product .block01__slider,
  .CE241122product .block02__slider{
    padding: 6rem 0 5.8rem;
  }
  .CE241122product .sliderArea::before{
    top: 1rem;
    left: 1rem;
  }
  .CE241122product .sliderArea::after{
    border: solid 0.1rem var(--color-slider);
    top: 0;
    left: 0;
  }
  .CE241122product [data-slideArea_img]{
    width: 37rem;
    margin: 0 0 0 6rem;
  }
  .CE241122product [data-slideArea_img="01"]{
    margin: 0 0 0 6rem;
  }
  .CE241122product [data-slideArea_img="02"]{
    margin: 0 0 0 9rem;
  }
  .CE241122product [data-slide]{
    width: 28rem!important;
  }
  .CE241122product .sliderArea__txtWrap{
    width: 34rem;
    padding: 0 7rem 3.2rem 0;
  }
  .CE241122product .sliderArea__txtWrap-ttl{
    margin-bottom: 1.6rem;
  }

  .CE241122product .viewAll a{
    font-size: 1.1rem;
    line-height: 1.5454545455;
    width: 100rem;
    height: 6rem;
    margin: 0rem auto 11.8rem;
  }
}

/*================================
  fadeIn
=================================*/
.CE241122product .js-fadeIn{
  opacity: 0;
  transition: 1.5s;
}
.CE241122product .pageTop{
  opacity: 0;
}
.CE241122product .js-scrollIn{
  opacity: 1;
  transform: translateY(0rem);
}
/* end fadeIn */


/*================================
  swiper
=================================*/
.CE241122product .swiper{
  overflow: visible;
}
.CE241122product .swiper-container{
  width: calc(530*(100vw / 750));
  padding-bottom: calc(46*(100vw / 750));
}
.CE241122product .js-swiper_nomal .swiper-slide{
  background: #fff;
}
.CE241122product .swiper-slide img {
  width: 100%!important;
  height: 100%!important;
  align-items: end;
  vertical-align: bottom;
  line-height: 0;
}
.CE241122product .swiper-notification{
  display: none!important;
}
/*===================== pagination */
.CE241122product .swiper-pagination{
  display: flex;
  justify-content: center;
  bottom: 0!important;
}
.CE241122product .swiper-pagination-bullet{
  background: none;
  border: solid calc(2*(100vw / 750)) var(--color-nav);
  border-radius: 0;
  box-sizing: border-box;
  opacity: 1;
  margin: 0!important;
  width: calc(15* (100vw / 750));
  height: calc(15* (100vw / 750));
  margin: 0 calc(7.5* (100vw / 750)) 0!important;
}
.CE241122product span.swiper-pagination-bullet.swiper-pagination-bullet-active{
  border: none;
  background: var(--color-nav);
}
/*===================== arrow */
.CE241122product .swiper-button-prev,
.swiper-button-next{
  width: calc(20* (100vw / 750));
  height: calc(68* (100vw / 750));
  top: 46%;
}
.CE241122product .swiper-button-next{
  right: calc(60* (100vw / 750));
}
.CE241122product .swiper-button-prev{
  left: calc(60* (100vw / 750));
}
.CE241122product .swiper-button-prev::before,
.CE241122product .swiper-button-prev::after,
.CE241122product .swiper-button-next::before, 
.CE241122product .swiper-button-next::after{
  content: "";
  display: block;
  position: absolute;
  width: calc(2* (100vw / 750));
  background: var(--color-nav);
  height: calc(38* (100vw / 750));
}
.CE241122product .swiper-button-prev::before,
.CE241122product .swiper-button-next::before{
  top: 0;
}
.CE241122product .swiper-button-prev::after, 
.CE241122product .swiper-button-next::after{
  bottom: 0;
}
/*--------------------------------
  swiper for mobile
--------------------------------*/
@media only screen and (max-width: 767px) {
  .CE241122product .swiper-button-prev::after,
  .CE241122product .swiper-button-next::before{
    transform: rotate(-35deg);
  }
  
  .CE241122product .swiper-button-prev::before,
  .CE241122product .swiper-button-next::after{
    transform: rotate(35deg);
  }
}

/*--------------------------------
  swiper for desktop
--------------------------------*/
@media only screen and (min-width: 768px) {
  .CE241122product .swiper-container{
    width: 28rem;
    padding-bottom: 2.4rem;
  }
  /*===================== pagination */
  .CE241122product .swiper-pagination{
    justify-content: left;
    width: 28rem;
    margin: 0 auto;
  }
  .CE241122product .swiper-pagination-bullet{
    border: solid 0.1rem var(--color-nav);
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.8rem 0 0!important;
  }
  /*===================== arrow */
  .CE241122product .swiper-button-prev,
  .swiper-button-next{
    width: 2rem;
    height: 3.7rem;
    top: 48%;
  }
  .CE241122product .swiper-button-next{
    right: 0;
  }
  .CE241122product .swiper-button-prev{
    left: 0;
  }
  .CE241122product .swiper-button-prev::before,
  .CE241122product .swiper-button-prev::after,
  .CE241122product .swiper-button-next::before, 
  .CE241122product .swiper-button-next::after{
    width: 1px;
    height: 2.2rem;
  }
  .CE241122product .swiper-button-prev::before,
  .CE241122product .swiper-button-prev::after{
    left: 30%;
  }
  .CE241122product .swiper-button-next::before,
  .CE241122product .swiper-button-next::after{
    left: auto;
    right: 30%;
  }
  .CE241122product .swiper-button-prev::after,
.CE241122product .swiper-button-next::before{
  transform: rotate(-45deg);
}

.CE241122product .swiper-button-prev::before,
.CE241122product .swiper-button-next::after{
  transform: rotate(45deg);
}
}
/* end swiper */


/*================================================================================
  CE241122product
=================================================================================*/
/* sec01 */
.sec01 {
  background-color: var(--color-bg);
  padding: 7rem 0 6.6rem;
}
.flex_base {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
.flex_base.sec01_img {
  width: 76rem;
  margin-bottom: 5rem;
  position: relative;
  left: -4.5rem;
}
.sec01_img_left {
  width: 39rem;
}
.sec01_img_right {
  width: 31rem;
  margin-top: 1.7rem;
}
.sec_ttl {
  color: var(--color-topicTtl);
  font-size: 5rem;
  letter-spacing: 0.07em;
  margin-bottom: 0.5rem;
}
.sec_sub_ttl {
  color: var(--color-topicminiTtl);
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  margin-bottom: 2.4rem;
}
.sec_lead {
  text-align: justify;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 2.153;
  font-feature-settings: "palt";
}
.flex_base.sec02_img {
  width: 75rem;
  position: relative;
  left: 3rem;
}
.sec02_img_left {
  width: 36rem;
  position: relative;
}
.sec02_img_right {
  width: 33rem;
  position: relative;
  margin-top: 0.9rem;
}

/* sec02 */
.sec02 {
  padding: 11.6rem 0 9rem;
}
.sec_ttl_img {
  width: 100%;
  margin: 0 auto 3.4rem;
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: center;
}
.sec_ttl_img img , .sec_ttl_img picture {
  display: block;
  width: 140rem;
}
.sec_ttl_img::before {
  content: "";
  background: #675a5a;
  width: 200vw;
  height: 1px;
  position: absolute;
  top: 7.3rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin: 0 calc(50% - 50vw);
}
.sec_ttl_img::after {
  content: "";
  background: #675a5a;
  width: 200vw;
  height: 1px;
  position: absolute;
  bottom: 0.7rem;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin: 0 calc(50% - 50vw);
}
.sec05 .sec_ttl_img::before {
  top: 7.7rem;
}
.sec_ttl_img_under_txt {
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  margin-bottom: 5rem;
  line-height: 2.1538;
  font-feature-settings: "palt";
}
.flex_base.sec02_img01 {
  width: 81rem;
  margin-bottom: 5.2rem;
}
.sec02_img01_left {
  width: 42rem;
}
.sec02_img01_left_img01 {
  margin-bottom: 4.5rem;
}
.sec_lead.width_sec02 {
  width: 35rem;
  margin: 0 auto;
}
.sec02_img01_right {
  width: 36rem;
}
.sec02_img01_left_img02 {
  width: 36rem;
  margin-top: 16.1rem;
}
.sec_center_img {
  margin: 0 auto;
}
.sec02 .sec_center_img {
  width: 45rem;
}
.sec02_img01_left_img03 {
  margin-bottom: 3.4rem;
}
.sec_lead.sec02_img01_left_img03_lead {
  text-align: center;
  width: 49rem;
  margin: 0 auto;
}

/* sec03 */
.sec03 {
  background-color: var(--color-bg);
  padding: 5.6rem 0 8rem;
}
.sec03 .sec_center_img {
  width: 54rem;
  margin-bottom: 3rem;
}
.flex_base.sec03_img02 {
  width: 67rem;
  align-items: center;
  margin-bottom: 5rem;
}
.sec03_img02_left {
  width: 36rem;
}
.sec03_img02_right {
  width: 26rem;
  margin-top: 1rem;
}
.flex_base.sec03_img03 {
  width: 73rem;
  align-items: center;
}
.sec03_img03_left {
  width: 25rem;
  margin-top: 0.2rem;
}
.sec03_img03_right {
  width: 42rem;
}

/* sec04 */
.sec04 {
  padding: 9.7rem 0 10rem;
}
.flex_base.sec04_img0102 {
  width: 82rem;
  position: relative;
  margin-bottom: 5.2rem;
}
.sec04_img01 {
  width: 36rem;
  margin-top: 12.3rem;
}
.sec04_img02_right {
  width: 42rem;
}
.sec04_img02 {
  margin-bottom: 4.5rem;
}
.sec_lead.width_sec04_01 {
  width: 34rem;
  margin: 0 auto;
}
.flex_base.sec04_img03 {
  width: 78rem;
  position: relative;
  align-items: center;
}
.sec04_img03_left {
  width: 48rem;
}
.sec04_img03_right {
  width: 25rem;
}

/* sec05 */
.sec05 {
  background-color: var(--color-bg);
  padding: 5.2rem 0 7rem;
}
.sec05 .sec_ttl_img {
  margin-bottom: 4.5rem;
}
.flex_base.sec05_img01 {
  width: 67rem;
  margin-bottom: 5rem;
  align-items: center;
}
.sec05_img01_left {
  width: 36rem;
}
.sec05_img01_right {
  width: 26rem;
}
.sec05 .sec_center_img {
  width: 51rem;
}
.sec05_img02 {
  margin-bottom: 3.4rem;
}
.sec_lead.sec05_img02_lead {
  text-align: center;
  width: 57rem;
  margin: 0 auto;
}

/* bottom_area */
.bottom_area {
  padding: 12.2rem 0;
}
.bottom_area_ttl {
  text-align: center;
  font-size: 2.6rem;
  letter-spacing: 0.06em;
  margin-bottom: 1.9rem;
}
.bottom_area_subttl {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}
.flex_base.bottom_area_img {
  width: 67rem;
  margin-bottom: 2.3rem;
  position: relative;
}
.CE241122product a.bottom_area_img_in {
  width: 21rem;
}
.bottom_area_lead {
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 2.1538;
  margin-bottom: 1.5rem;
  font-feature-settings: "palt";
}
.credit_text {
  font-family: "Crimson Text", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  display: inline-block !important;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-size: 1.3rem;
  letter-spacing: 0.025em;
  text-underline-offset: 3px;
}

.pc_on {
  display: block;
}
.sp_on {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pc_on {
    display: none;
  }
  .sp_on {
    display: block;
  }
.sec01 {
  padding: calc(88* (100vw /750)) 0 calc(70* (100vw /750));
}
.sec01_img_left {
  width: calc(750* (100vw /750));
}
.sec01_img_right {
  width: calc(750* (100vw /750));
  margin-top: calc(35* (100vw /750));
}
.flex_base {
  width: calc(750* (100vw /750)) !important;
}
.flex_base.sec01_img {
  margin-bottom: calc(75* (100vw /750));
  left: unset;
}
.sec_ttl {
  font-size: calc(88* (100vw /750));
  margin-bottom: calc(13* (100vw /750));
  text-align: center;
}
.sec_sub_ttl {
  font-size: calc(32* (100vw /750));
  margin-bottom: calc(50* (100vw /750));
  text-align: center;
}
.sec01_img_left img {
  width: calc(690* (100vw /750));
  margin-left: auto;
  display: block;
}
.sec_lead {
  font-size: calc(24* (100vw /750));
  line-height: 2.2;
  text-align: center;
}
.sec02_img_left img {
  width: calc(690* (100vw /750));
  display: block;
}
.flex_base.sec02_img {
  left: unset;
}
.sec02_img_left {
  width: calc(750* (100vw /750));
}
.sec02_img_right {
  width: calc(750* (100vw /750));
  margin-top: calc(35* (100vw /750));
}
.sec02 {
  padding: calc(125* (100vw /750)) 0 calc(97* (100vw /750));
}
.sec_ttl_img {
  width: calc(750* (100vw /750));
  margin: 0 auto calc(37* (100vw /750));
  display: block;
}
.sec_ttl_img img , .sec_ttl_img picture {
  width: 100%;
}
/* .sec_ttl_img::before , .sec_ttl_img::after {
  content: unset;
} */
.sec_ttl_img_under_txt {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(70* (100vw /750));
  line-height: 2.2;
}
.sec02_img01_left_img01 img {
  width: calc(660* (100vw /750));
  display: block;
}
.sec02_img01_left_img02 img {

}
.sec_lead.width_sec02 {
  width: 100%;
}
.sec02_img01_left {
  width: calc(750* (100vw /750));
}
.sec02_img01_left_img01 {
  margin-bottom: calc(30* (100vw /750));
}
.sec02_img01_right {
  width: calc(750* (100vw /750));
}
.sec02_img01_left_img02 {
  width: calc(750* (100vw /750));
  margin-top: 0;
  margin-bottom: calc(36* (100vw /750));
}
.sec02_img01_left_img02 img {
  width: calc(630* (100vw /750));
  display: block;
  margin-left: auto;
}
.flex_base.sec02_img01 {
  margin-bottom: calc(75* (100vw /750));
}
.sec02 .sec_center_img {
  width: calc(750* (100vw /750));
}
.sec02_img01_left_img03 {
  margin-bottom: calc(36* (100vw /750));
}
.sec_lead.sec02_img01_left_img03_lead {
  width: calc(750* (100vw /750));
}
.sec03 {
  padding: calc(88* (100vw /750)) 0 calc(66* (100vw /750));
}
.sec03 .sec_center_img {
  width: calc(660* (100vw /750));
  margin-bottom: calc(30* (100vw /750));
}
.sec03_img02_left {
  width: calc(600* (100vw /750));
}
.sec03_img02_right {
  width: calc(750* (100vw /750));
  margin-top: calc(38* (100vw /750));
}
.flex_base.sec03_img02 {
  margin-bottom: calc(75* (100vw /750));
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.sec03_img03_right {
  width: calc(720* (100vw /750));
  margin-left: auto;
}
.sec03_img03_left {
  width: calc(750* (100vw /750));
  margin-top: calc(37* (100vw /750));
}
.sec04 {
  padding: calc(104* (100vw /750)) 0 calc(97* (100vw /750));
}
.sec04_img01 img {
  width: calc(540* (100vw /750));
  display: block;
}
.sec04_img02_right {
  width: calc(690* (100vw /750));
  margin-left: auto;
}
.sec04_img02 {
  margin-bottom: calc(30* (100vw /750));
}
.sec04_img01 {
  width: calc(750* (100vw /750));
  margin-top: 0;
}
.sec_lead.width_sec04_01 {
  width: calc(750* (100vw /750));
  margin: calc(33* (100vw /750)) auto 0;
}
.flex_base.sec04_img0102 {
  margin-bottom: calc(72* (100vw /750));
}
.sec04_img03_left {
  width: calc(750* (100vw /750));
}
.sec04_img03_right {
  width: calc(750* (100vw /750));
  margin-top: calc(37* (100vw /750));
}
.sec05 {
  padding: calc(80* (100vw /750)) 0 calc(65* (100vw /750));
}
.sec05 .sec_ttl_img {
  margin-bottom: calc(36* (100vw /750));
}
.flex_base.sec05_img01 {
  margin-bottom: calc(65* (100vw /750));
  justify-content: center;
}
.sec05_img01_left {
  width: calc(540* (100vw /750));
}
.sec05_img01_right {
  width: calc(750* (100vw /750));
  margin-top: calc(37* (100vw /750));
}
.sec05 .sec_center_img {
  width: calc(720* (100vw /750));
}
.sec05_img02 {
  margin-bottom: calc(37* (100vw /750));
}
.sec_lead.sec05_img02_lead {
  width: calc(750* (100vw /750));
}
.bottom_area {
  padding: calc(124*(100vw /750)) 0 calc(150* (100vw /750));
}
.bottom_area_ttl {
  font-size: calc(50* (100vw /750));
  margin-bottom: calc(37* (100vw /750));
}
.bottom_area_subttl {
  font-size: calc(28* (100vw /750));
  margin-bottom: calc(60* (100vw /750));
}
.flex_base.bottom_area_img {
  width: calc(640* (100vw /750)) !important;
  margin-bottom: calc(45* (100vw /750));
}
.CE241122product a.bottom_area_img_in {
  width: calc(200* (100vw /750));
}
.bottom_area_lead {
  font-size: calc(24* (100vw /750));
  line-height: 2.2;
  margin-bottom: calc(33* (100vw /750));
}
.credit_text {
  font-size: calc(24* (100vw /750));
}
.sec05 .sec_ttl_img_under_txt {
  margin-bottom: calc(76*(100vw / 750));
}

.sec_ttl_img::before {
  top: calc(126* (100vw /750));
}
.sec_ttl_img::after {
  bottom: calc(12* (100vw /750));
}
.sec05 .sec_ttl_img::before {
  top: calc(134* (100vw /750));
}
}