@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@600;700&display=swap');
/* 
ObagiC Serum best cosme campaign / 2026.6.1
basic --------------------------------------- */
.block-contents-1 {margin: 0 !important; width: auto !important;}
.block-contents-1 .block-h1 {display: none;}
#btn-buy {display: none;}
#cserm_bc {font-family: 'Noto Sans JP', sans-serif; color: #222; font-weight: 400;}
#cserm_bc h1, #cserm_bc h2, #cserm_bc h3, #cserm_bc h4, #cserm_bc h5 {box-shadow: none; margin: 0; letter-spacing: 0; background: none; font-size: 1em; border: 0; padding: 0;}
#cserm_bc span {border: 0; padding: 0; font-size: 1em;}
#cserm_bc img {width: 100%; height: auto;}
#cserm_bc em {font-style: normal;}
#cserm_bc a:hover {text-decoration: none;}
#cserm_bc .font_serif {font-family: 'リュウミン R-KL', 'Ryumin Regular KL', serif; font-weight: 600;}/* for Android */
#cserm_bc sup {font-size: 0.6em; line-height: 0;}
/* letter spacing --------------------------------------- */
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.ls-4 {letter-spacing: -4px;}
/* このページだけAI肌診断バナーを削除 --------------------------------------- */
#btn-buy .btn_area_sp,
#btn-buy .btn_area_pc {display: none !important; height: 0 !important;}
/* FV --------------------------------------- */
#cserm_bc .fv05 {position: relative;}
#cserm_bc .fv05 .btn {position: absolute; width: 100%; text-align: center; bottom: min(10.6dvw,40px);}
#cserm_bc .fv05 .btn img {max-width: 84.2dvw;}

.btn_entry {text-align: center;}
.btn_entry img {max-width: min(84.26dvw,316px);}
/* BC --------------------------------------- */
#cserm_bc .bc {padding: min(8dvw,30px) 0 0; background: url(bc_bg_sp.jpg) center top no-repeat; background-size: 100% auto;}
#cserm_bc .bc .bc_ttl {width: min(65.06dvw,244px); margin: 0 auto min(6.4dvw,24px);}
#cserm_bc .bc .bc_ttl_c25 {padding-right: min(5.06dvw,19px); margin: 0 0 min(4dvw,15px);}
#cserm_bc .bc .bc_ttl_c25 .txt_box {display:block; font-size: min(4dvw,15px); padding: 0 0 min(1.6dvw,6px) min(5.86dvw,22px); border-bottom: 1px solid #000;}
#cserm_bc .bc .bc_content_c25 {display: -webkit-box; display: flex; flex-wrap: nowrap; padding: 0 min(5.33dvw,20px);}
#cserm_bc .bc .bc_content_c25 .bc_list {width: 66.66dvw;}
#cserm_bc .bc .bc_content_c25 .bc_pic {width: 22.53dvw;}
#cserm_bc .bc .bc_content_maquia {padding: 0 0 0 min(5.33dvw,20px);}
#cserm_bc .bc .bc_content_maquia img {width: 84dvw;}
#cserm_bc .bc .bc_content_c10 {display: -webkit-box; display: flex; flex-wrap: nowrap; padding-left: min(5.33dvw,20px);}
#cserm_bc .bc .bc_content_c10 .bc_pic {width: 18.66dvw;}
#cserm_bc .bc .bc_content_c10 .bc_list {width: 75.86dvw;}
#cserm_bc .bc .bc_ttl_c10 {text-align: right; padding: min(5.33dvw,20px) 0 min(4dvw,15px);}
#cserm_bc .bc .bc_ttl_c10 .txt_box {display:block; font-size: min(4dvw,15px); padding: 0 min(8.53dvw,32px) min(1.6dvw,6px) 0; border-bottom: 1px solid #000;}
#cserm_bc .bc .bc_biteki2 {width: 68dvw;}
/* ENQ --------------------------------------- */
#cserm_bc .enq {padding: 0 min(9.33dvw,35px) min(8dvw,30px); margin-top: min(-5.33dvw,-20px);}
#cserm_bc .enq .enq_ttl {font-size: min(4.26dvw,16px); line-height: 1.6875; margin: 0 0 min(6.13dvw,46px);}
/* FET --------------------------------------- */
#cserm_bc .fet {padding-top: min(10.66dvw,40px); background: #fff url(fet_bg01_sp.jpg) left top repeat-x; background-size: 5px auto;}
#cserm_bc .fet_inr {background: url(fet_bg02_sp.jpg) left bottom repeat-x; background-size: 5px auto; padding-bottom: min(0.266dvw,1px);}
#cserm_bc .fet .fet_ttl {font-size: min(6.4dvw,24px); color: #926e0b; margin: 0 0 min(6.93dvw,26px);}
#cserm_bc .fet .fet_content {margin-bottom: min(6.4dvw,24px);}
#cserm_bc .fet .fet_head {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-align: center; align-items: center;}
#cserm_bc .fet .fet01 .fet_head,
#cserm_bc .fet .fet03 .fet_head {padding-left: min(5.33dvw,20px);}
#cserm_bc .fet .fet_head .num {width: min(21.86dvw,82px);}
#cserm_bc .fet .fet_head .ttl {border-bottom: 1px solid #222; margin-top: min(-1.6dvw,-6px);}
#cserm_bc .fet .fet01 .fet_head .ttl,
#cserm_bc .fet .fet03 .fet_head .ttl {padding-left: min(1.6dvw,6px); width: calc(100dvw - min(21.86dvw,82px) - min(5.33dvw,20px) - min(1.6dvw,6px));}
#cserm_bc .fet .fet02 .fet_head .ttl {margin-right: min(1.6dvw,6px); padding-left: min(9.06dvw,34px); width: calc(100dvw - min(21.86dvw,82px) - min(3.2dvw,12px) - min(1.6dvw,6px) - min(9.06dvw,34px));}
#cserm_bc .fet .fet_head .ttl .txt01 {display: block; font-size: min(4.26dvw,16px); line-height: 1.68;}
#cserm_bc .fet .fet_head .ttl .txt02 {display: block; font-size: min(5.6dvw,21px); line-height: 1.28; padding: 0 0 min(1.33dvw,5px);}
#cserm_bc .fet .fet_head .ttl .txt02 .sml {font-size: 0.8em;}
#cserm_bc .fet .fet_dsc {padding: min(2.66dvw,10px) min(8dvw,30px) min(1.33dvw,5px);}
#cserm_bc .fet .fet_dsc p {font-size: min(3.73dvw,14px); line-height: 1.7;}
#cserm_bc .fet .fet_img01 {padding: 0 min(5.33dvw,20px);}
#cserm_bc .fet .fet_mov02 video {width: min(74.6dvw,280px); aspect-ratio: 560/350; margin: 0 0 min(3.6dvw,13.5px);}
#cserm_bc .fet .fet_serum25neo {display: -webkit-box; display: flex; flex-wrap: nowrap; border: 2px solid #b28d3b; padding: min(5.86dvw,22px) 0 0; margin: 0 min(5.06dvw,19px) min(4dvw,15px); background-color: #fff;}
#cserm_bc .fet .fet_serum25neo .item img {width: min(27.6dvw,103.5px);}
#cserm_bc .fet .fet_serum25neo .txt {padding-right: min(2.66dvw,10px); font-size: min(3.2dvw,12px); line-height: 1.58;}
#cserm_bc .fet .fet_serum25neo .image {text-align: center;}
#cserm_bc .fet .fet_serum25neo .image img {width: min(53.33dvw,200px);}
#cserm_bc .fet .fet_ant {padding: 0 min(5.33dvw,20px) min(5.33dvw,20px);}
#cserm_bc .fet .fet_ant p {font-size: min(2.4dvw,9px); line-height: 1.33;}
/* HIS --------------------------------------- */
#cserm_bc .his {padding: min(8dvw,30px) 0 min(6.4dvw,24px);}
#cserm_bc .his .his_ttl {text-align: center; margin: 0 0 min(6.4dvw,24px);}
#cserm_bc .his .his_ttl .cpy {font-size: min(3.73dvw,14px); line-height: 1; margin: 0 0 min(2.66dvw,10px);}
#cserm_bc .his .his_ttl .ttl .txt01 {display: block; font-size: min(5.33dvw,20px); color: #926e0b; line-height: 1.5;}
#cserm_bc .his .his_ttl .ttl .txt02 {display: block; font-size: min(6.4dvw,24px); color: #926e0b; line-height: 1.33;}
#cserm_bc .his .his_main {text-align: center;}
#cserm_bc .his .his_main img {width: min(89.86dvw,337px);}
#cserm_bc .his .his_ant {margin-top: min(-6.66dvw,-25px); padding: 0 min(5.33dvw,20px);}
#cserm_bc .his .his_ant p {font-size: min(2.4dvw,9px); line-height: 1.33;}
/* SRS --------------------------------------- */
#cserm_bc .srs {padding: min(8dvw,30px) 0;}
#cserm_bc .srs .srs_ttl {text-align: center; margin: 0 0 min(4.8dvw,18px);}
#cserm_bc .srs .srs_ttl .txt01 {display: block; font-size: min(5.33dvw,20px); color: #926e0b; line-height: 1.5;}
#cserm_bc .srs .srs_ttl .txt02 {display: block; font-size: min(6.4dvw,24px); color: #926e0b; line-height: 1.33;}
#cserm_bc .srs .srs_dsc {text-align: center; font-size: min(3.73dvw,14px); line-height: 1.64; padding: 0 0 min(5.33dvw,20px);}
#cserm_bc .srs .srs_lineup {text-align: center; padding: 0 0 min(2.66dvw,10px);}
#cserm_bc .srs .srs_lineup img {width: min(90.13dvw,338px);}
#cserm_bc .srs .srs_ant {padding: 0 min(5.33dvw,20px);}
#cserm_bc .srs .srs_ant p {font-size: min(2.4dvw,9px); line-height: 1.33;}
/* DKR --------------------------------------- */
#cserm_bc .dkr {background: url(dkr_bg_sp.jpg) center top no-repeat; background-size: 100% 100%; padding: min(8dvw,30px) 0 min(7.46dvw,28px);}
#cserm_bc .dkr .dkr_ttl {padding: 0 0 min(2.66dvw,10px);}
#cserm_bc .dkr .dkr_voice {position: relative;}
#cserm_bc .dkr .dkr_ant {padding: min(5.06dvw,18px) 0 0 min(6.66dvw,25px);}
#cserm_bc .dkr .dkr_ant p {font-size: min(2.4dvw,9px); line-height: 1.33;}
/* STP --------------------------------------- */
#cserm_bc .stp {padding: min(10.13dvw,38px) 0;}
#cserm_bc .stp .stp_ttl {text-align: center; font-size: min(6.4dvw,24px); color: #926e0b; line-height: 1.33; margin: 0 0 min(4.8dvw,18px);}
#cserm_bc .stp .stp_hl {text-align: center; font-size: min(3.73dvw,14px); line-height: 1.7;}
#cserm_bc .stp .stp01 {background: #fff url(stp_bg_sp01.jpg) center top no-repeat; background-size: 100% 100%; padding: min(5.33dvw,20px) 0 0;}
#cserm_bc .stp .stp02 {background: #fff url(stp_bg_sp02.jpg) center top no-repeat; background-size: 100% 100%; padding: min(5.33dvw,20px) 0 min(8dvw,30px);}
#cserm_bc .stp .stp_box {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; padding-right: min(5.33dvw,20px); padding-left: min(8dvw,30px);}
#cserm_bc .stp .stp01 .stp_box {padding-bottom: min(18.6dvw,70px);}
#cserm_bc .stp .stp_box .right {width: 47.73dvw;}
#cserm_bc .stp .stp_box .right video {width: min(47.73dvw,179px); aspect-ratio: 358/250;}
#cserm_bc .stp .stp_box .left {width: 65%;}
#cserm_bc .stp .stp_box .left p {font-size: min(3.2dvw,12px); line-height: 1.66; padding: min(3.73dvw,14px) min(2.66dvw,10px) 0 0;}
#cserm_bc .stp .stp_point {margin: min(6.93dvw,26px) min(5.33dvw,20px) 0; background-color: #fff; box-shadow: min(1.33dvw,5px) min(1.33dvw,5px) min(4dvw,15px) 0px rgba(157, 153, 143, 0.4); padding: min(3.2dvw,12px) min(2.66dvw,10px) min(4dvw,15px) min(2.66dvw,10px);}
#cserm_bc .stp .stp_point .point_dsc {font-size: min(3.2dvw,12px); line-height: 1.66; padding-left: min(3.2dvw,12px);}
#cserm_bc .stp .stp_goal {margin: 0 0 min(2.4dvw,9px);}
#cserm_bc .stp .stp_ant {padding: 0 min(5.33dvw,20px) min(10.4dvw,39px);}
#cserm_bc .stp .stp_ant p {font-size: min(2.4dvw,9px); line-height: 1.33;}
/* FAQ --------------------------------------- */
#cserm_bc .faq {padding: min(8dvw,30px) min(5.33dvw,20px) min(5.33dvw,20px); background-color: #f6f2e8;}
#cserm_bc .faq .faq_ttl {font-size: min(6.4dvw,24px); color: #926e0b; margin: 0 0 min(4dvw,15px);}
#cserm_bc .faq .faq_unit {margin: 0 0 min(2.66dvw,10px);}
#cserm_bc .faq .faq_q {display: -webkit-box; display: flex; flex-wrap: nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; background-color: #fff; padding: min(3.73dvw,14px) 0 min(3.2dvw,12px) 0;}
#cserm_bc .faq .faq_q .faq_q_mark img {width: min(14.13dvw,53px);}
#cserm_bc .faq .faq_q .faq_q_txt {font-size: min(3.73dvw,14px); line-height: 1.5; text-align: left; flex-grow:8;}
#cserm_bc .faq .faq_q .faq_q_btn {padding: 0 min(2.66dvw,10px); font-size: min(6.4dvw,24px); color: #926e0b;}
#cserm_bc .faq .faq_q .faq_q_btn .btn_close {display:none;}
#cserm_bc .faq .faq_q.open .faq_q_btn .btn_close {display:none;}
#cserm_bc .faq .faq_q.open .faq_q_btn .btn_open {display:inline;}
#cserm_bc .faq .faq_q.close .faq_q_btn .btn_close {display:inline;}
#cserm_bc .faq .faq_q.close .faq_q_btn .btn_open {display:none;}
#cserm_bc .faq .faq_a {display:none; background-color: #eae2ce; padding: min(4dvw,15px) min(5.33dvw,20px) min(3.73dvw,14px); font-size: min(3.73dvw,14px); line-height: 1.7;}
/* AG --------------------------------------- */
#cserm_bc .ag {padding: 0 min(5.33dvw,20px);}
#cserm_bc .ag .ag_ttl {font-size: min(6.4dvw,24px); color: #926e0b; padding: min(9.33dvw,35px) 0 min(6.66dvw,25px);}
#cserm_bc .ag .ag_hl {font-size: min(3.73dvw,14px); font-family: san-serif; padding: 0 0 min(6.66dvw,25px);}
#cserm_bc .ag .ag_subttl {font-size: min(3.2dvw,12px); font-family: san-serif; font-weight: 600; margin: min(8dvw,30px) 0 0;}
#cserm_bc .ag p {font-size: min(3.2dvw,12px); margin: 0 0 1em; font-family: san-serif;}
#cserm_bc .ag .btn_entry {padding: min(14.66dvw,55px) 0 min(7.33dvw,28px);}
/* CV BTN  --------------------------------------- */
#cserm_bc .cv_btn {display: none; position: fixed; left: 0; bottom: 0; width: 100%; height: auto; z-index: 1000; background-color: rgba(0,0,0,.5); padding: min(2.66dvw,10px) 0 0;}

/* swiper
-------------------------------------------------- */
.carousel {position: relative; margin: 0 auto;}
.swiper {width: auto;}

.swiper-slide {box-sizing: border-box; padding: 0 min(4.8dvw,18px) 0 min(6.93dvw,26px);}

.swiper-navWrap {position: absolute; top: min(25.3dvw,95px); width: 100%; z-index: 2;}
.swiper-navWrap .inr {display: flex; align-items: center; justify-content: space-between; width: 94.6dvw; margin: 0 auto;}
.swiper-paginationWrap {display: flex; align-items: center; justify-content: center;}
.swiper-pagination {padding-top: min(2.93dvw,11px); display: flex; flex-wrap: wrap; gap: 2.26dvw;}
.swiper-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  cursor: pointer;
	background-color: #bab8b9;
	height: min(2dvw,8px);
	width: min(2dvw,8px);
}

.swiper-pagination .swiper-pagination-bullet-active {background-color: #ea338b;}

.swiper-playButton,
.swiper-playButton .stop {display: none;}
.swiper-playButton .is-hide {display: none;}

.swiper-button-prev,
.swiper-button-next {
  background-color: initial;
  border: none;
  cursor: pointer;
  padding: 0;
}

  .swiper-button-prev,
  .swiper-button-next {
    width: min(6.66dvw,25px);
  }

.swiper-button-prev > svg,
.swiper-button-next > svg {
  display: none;
}


/* ========================================
+Media Querie
======================================== */
/* SP  */
		@media screen and (max-width:640px) {
.sp_none {display: none;}
		}

/* TB・PC  */
		@media screen and (min-width:641px) {
.pc_none {display: none;}
.btn_entry img {max-width: min(53.33dvw,800px);}
/* FV --------------------------------------- */
#cserm_bc .fv {background: #ffffff url(fv_pc_bg.jpg) center top repeat-x; background-size: 5px auto;}
#cserm_bc .fv01, #cserm_bc .fv02, #cserm_bc .fv03 {max-width: 950px; margin: 0 auto;}
#cserm_bc .fv04, #cserm_bc .fv05 {max-width: 1390px; margin: 0 auto;}
#cserm_bc .fv05 .btn {bottom: min(6.86dvw,103px);}
#cserm_bc .fv05 .btn img {max-width: min(53.33dvw,800px);}
/* BC --------------------------------------- */
#cserm_bc .bc {padding: min(4.66dvw,70px) 0 0; background: url(bc_bg_pc.jpg) center top no-repeat; background-size: 100% auto;}
#cserm_bc .bc .bc_inr {width: min(63.33dvw,950px); margin: 0 auto;}
#cserm_bc .bc .bc_ttl {width: min(41dvw,615px); margin: 0 auto min(7.73dvw,58px);}
#cserm_bc .bc .bc_ttl_c25 {padding-right: min(3.26dvw,49px); margin: 0 0 min(2.46dvw,37px);}
#cserm_bc .bc .bc_ttl_c25 .txt_box {font-size: min(2.46dvw,37px); padding: 0 0 min(1.06dvw,16px) min(4dvw,60px);}
#cserm_bc .bc .bc_content_c25 {padding: 0 min(3.33dvw,50px);}
#cserm_bc .bc .bc_content_c25 .bc_list {width: 40dvw;}
#cserm_bc .bc .bc_content_c25 .bc_pic {width: 16.6dvw;}
#cserm_bc .bc .bc_content_maquia {padding: 0;}
#cserm_bc .bc .bc_content_maquia img {width: min(52.8dvw,792px);}
#cserm_bc .bc .bc_content_c10 {padding-left: 0;}
#cserm_bc .bc .bc_content_c10 .bc_pic {width: min(11.6dvw,174px);}
#cserm_bc .bc .bc_content_c10 .bc_list {width: min(48.26dvw,724px);}
#cserm_bc .bc .bc_ttl_c10 {padding: min(3.46dvw,52px) 0 min(2.46dvw,37px);}
#cserm_bc .bc .bc_ttl_c10 .txt_box {font-size: min(2.46dvw,37px); padding: 0 min(4dvw,60px) min(1.06dvw,16px) 0;}
#cserm_bc .bc .bc_biteki2 {width: min(45dvw,675px);}
/* ENQ --------------------------------------- */
#cserm_bc .enq {margin-top: min(-2dvw,-30px); padding: 0 min(9.33dvw,35px) min(2dvw,30px);}
#cserm_bc .enq .enq_ttl {font-size: min(2.66dvw,40px); line-height: 1.7; margin: 0 0 min(3.86dvw,58px);}
#cserm_bc .enq .enq_graph {width: min(53.33dvw,800px); margin: 0 auto;}
/* FET --------------------------------------- */
#cserm_bc .fet {padding-top: min(6.66dvw,100px); background: #fff url(fet_bg01_pc.jpg) left top repeat-x; background-size: 10px auto;}
#cserm_bc .fet_inr {background: url(fet_bg02_pc.jpg) left bottom repeat-x; background-size: 10px auto; padding-bottom: min(2dvw,30px);}
#cserm_bc .fet .fet_ttl {font-size: min(4dvw,60px); margin: 0 0 min(4.33dvw,65px);}
#cserm_bc .fet .fet_content {width: min(61.2dvw,918px); margin: 0 auto min(3.33dvw,50px);}
#cserm_bc .fet .fet01 .fet_head,
#cserm_bc .fet .fet03 .fet_head {padding-left: 0;}
#cserm_bc .fet .fet_head .num {width: min(13.86dvw,208px);}
#cserm_bc .fet .fet_head .ttl {margin-top: min(-1.33dvw,-20px);}

#cserm_bc .fet .fet01 .fet_head .ttl,
#cserm_bc .fet .fet03 .fet_head .ttl {padding-left: min(1.13dvw,17px);width: calc(min(61.2dvw,918px) - min(13.86dvw,208px) - min(1.13dvw,17px));}
#cserm_bc .fet .fet02 .fet_head .ttl {margin-right: min(0.66dvw,10px); padding-left: min(5.86dvw,88px); width: calc(min(61.2dvw,918px) - min(13.86dvw,208px) - min(0.66dvw,10px) - min(5.86dvw,88px));}

#cserm_bc .fet .fet_head .ttl .txt01 {font-size: min(2.66dvw,40px);}
#cserm_bc .fet .fet_head .ttl .txt02 {font-size: min(3.53dvw,53px); padding: 0 0 min(1.33dvw,20px);}
#cserm_bc .fet .fet01 .fet_dsc,
#cserm_bc .fet .fet03 .fet_dsc {padding: min(2dvw,30px) min(6dvw,90px) 0 min(2.53dvw,38px);}
#cserm_bc .fet .fet02 .fet_dsc {padding: min(2dvw,30px) min(4dvw,60px) min(2.36dvw,35px) min(6.4dvw,96px);}
#cserm_bc .fet .fet_dsc p {font-size: min(2.36dvw,35px);}
#cserm_bc .fet .fet_img01 {padding: 0; width: min(56dvw,840px);}
#cserm_bc .fet .fet_mov02 video {width: min(47.33dvw,710px); aspect-ratio: 710/443; margin: 0 0 min(2.8dvw,42px);}
#cserm_bc .fet .fet_img02 {text-align: right;}
#cserm_bc .fet .fet_img02 img {width: min(56.93dvw,854px);}
#cserm_bc .fet .fet_serum25neo {width: min(56.53dvw,848px); padding: min(3.06dvw,46px) 0 min(0.86dvw,13px); margin: 0 0 min(2.8dvw,42px);}
#cserm_bc .fet .fet_serum25neo .item img {width: min(17.33dvw,260px);}
#cserm_bc .fet .fet_serum25neo .txt {padding-right: min(2.66dvw,40px); font-size: min(2dvw,30px);}
#cserm_bc .fet .fet_serum25neo .image img {width: min(33.33dvw,500px);}
#cserm_bc .fet .fet_ant {width: min(56.53dvw,848px); padding: 0 0 min(5.33dvw,20px);}
#cserm_bc .fet .fet_ant p {font-size: min(1.52dvw,22px);}
#cserm_bc .fet .btn_entry {width: min(56.53dvw,848px);}
/* HIS --------------------------------------- */
#cserm_bc .his {padding: min(7.33dvw,110px) 0 min(5.33dvw,80px);}
#cserm_bc .his .his_ttl {margin: 0 0 min(3.86dvw,58px);}
#cserm_bc .his .his_ttl .cpy {font-size: min(2.36dvw,35px); margin: 0 0 min(2dvw,30px);}
#cserm_bc .his .his_ttl .ttl .txt01 {font-size: min(3.33dvw,50px);}
#cserm_bc .his .his_ttl .ttl .txt02 {font-size: min(4dvw,60px);}
#cserm_bc .his .his_main img {width: min(56.66dvw,850px);}
#cserm_bc .his .his_img {text-align: center;}
#cserm_bc .his .his_img img {width: min(100dvw,1500px);}
#cserm_bc .his .his_ant {width: min(56.66dvw,850px); margin: min(-4dvw,-60px) auto 0; padding: 0}
#cserm_bc .his .his_ant p {font-size: min(1.52dvw,22px);}
/* SRS --------------------------------------- */
#cserm_bc .srs {padding: min(4dvw,60px) 0;}
#cserm_bc .srs .srs_ttl {margin: 0 0 min(2.53dvw,38px);}
#cserm_bc .srs .srs_ttl .txt01 {font-size: min(3.33dvw,50px);}
#cserm_bc .srs .srs_ttl .txt02 {font-size: min(4dvw,60px);}
#cserm_bc .srs .srs_dsc {font-size: min(2.36dvw,35px); padding: 0 0 min(3.33dvw,50px);}
#cserm_bc .srs .srs_lineup {padding: 0 0 min(2dvw,30px);}
#cserm_bc .srs .srs_lineup img {width: min(56.66dvw,850px);}
#cserm_bc .srs .srs_ant {width: min(56.66dvw,850px); padding: 0; margin: 0 auto;}
#cserm_bc .srs .srs_ant p {font-size: min(1.52dvw,22px);}
/* DKR --------------------------------------- */
#cserm_bc .dkr {background: url(dkr_bg_pc.jpg) center top no-repeat; background-size: 100% 100%; padding: min(3.66dvw,55px) 0 min(3.2dvw,48px);}
#cserm_bc .dkr .dkr_ttl {width: min(56.33dvw,845px); padding: 0 0 min(1.66dvw,25px); margin: 0 auto;}
#cserm_bc .dkr .dkr_ant {width: min(54.93dvw,824px); padding: min(3.06dvw,46px) 0 0 0; margin: 0 auto;}
#cserm_bc .dkr .dkr_ant p {font-size: min(1.52dvw,22px);}
/* STP --------------------------------------- */
#cserm_bc .stp {padding: min(6.66dvw,100px) 0 min(12dvw,180px);}
#cserm_bc .stp .stp_ttl {font-size: min(4dvw,60px); margin: 0 0 min(2.93dvw,44px);}
#cserm_bc .stp .stp_hl {font-size: min(2.36dvw,35px);}
#cserm_bc .stp .stp_unit {width: min(63.33dvw,950px); padding: min(3.33dvw,50px) 0 0; margin: 0 auto;}
#cserm_bc .stp .stp01 {background: #fff url(stp_bg_pc01.jpg) center top no-repeat; background-size: 100% 100%; }
#cserm_bc .stp .stp02 {background: #fff url(stp_bg_sp02.jpg) center top no-repeat; background-size: 100% 100%; padding: min(5.33dvw,20px) 0 min(2dvw,30px);}
#cserm_bc .stp .stp_box {padding-right: min(3.2dvw,48px); padding-left: min(4.93dvw,74px);}
#cserm_bc .stp .stp01 .stp_box {padding-bottom: min(11.53dvw,173px);}
#cserm_bc .stp .stp_box .right {width: min(30.4dvw,456px);}
#cserm_bc .stp .stp_box .right video {width: min(30.4dvw,456px); aspect-ratio: 456/316;}
#cserm_bc .stp .stp_box .left {width: min(26dvw,390px);}
#cserm_bc .stp .stp_box .left p {font-size: min(2dvw,30px); padding: min(2.26dvw,34px) min(2dvw,30px) 0 0}
#cserm_bc .stp .stp_point {margin: min(4.4dvw,66px) min(3.33dvw,50px) 0; box-shadow: min(0.33dvw,5px) min(0.33dvw,5px) min(1dvw,15px) 0px rgba(157, 153, 143, 0.4); padding: min(2dvw,30px) min(1.6dvw,24px) min(2.53dvw,38px) min(1.6dvw,24px);}
#cserm_bc .stp .stp_point .point_dsc {font-size: min(2dvw,30px); padding-left: min(2.4dvw,36px);}
#cserm_bc .stp .stp_goal {width: min(63.33dvw,950px); margin: 0 auto min(1.6dvw,24px);}
#cserm_bc .stp .stp_ant {width: min(63.33dvw,950px); margin: 0 auto; padding: 0;}
#cserm_bc .stp .stp_ant p {font-size: min(1.52dvw,22px); padding: 0 min(3.33dvw,50px) min(6.53dvw,98px);}
/* FAQ --------------------------------------- */
#cserm_bc .faq {padding: min(5.33dvw,80px) 0 min(3.53dvw,53px);}
#cserm_bc .faq .faq_ttl {font-size: min(4dvw,60px); margin: 0 0 min(2.66dvw,40px); font-weight: 600;}
#cserm_bc .faq .faq_unit {width: min(57.33dvw,860px); margin: 0 auto min(1.8dvw,27px);}
#cserm_bc .faq .faq_q .faq_q_mark img {width: min(9.06dvw,136px);}
#cserm_bc .faq .faq_q .faq_q_txt {font-size: min(2.36dvw,35.47px);}
#cserm_bc .faq .faq_q .faq_q_btn {font-size: min(3.73dvw,56px); padding: 0 min(1.66dvw,25px);}
#cserm_bc .faq .faq_a {font-size: min(2.36dvw,35.47px); padding: min(2.2dvw,33px) min(3.73dvw,56px);}
/* AG --------------------------------------- */
#cserm_bc .ag {width: min(56.66dvw,850px); margin: 0 auto;}
#cserm_bc .ag .ag_ttl {font-size: min(4dvw,60px); padding: min(5.33dvw,80px) 0 min(3.33dvw,50px); font-weight: 600;}
#cserm_bc .ag .ag_hl {font-size: min(1.6dvw,24px); padding: 0 0 min(8.66dvw,130px);}
#cserm_bc .ag .ag_subttl {font-size: min(0.93dvw,14px); margin: min(2dvw,30px) 0 0;}
#cserm_bc .ag p {font-size: min(0.93dvw,14px); margin: 0 0 1.5em;}
/* CV BTN  --------------------------------------- */
#cserm_bc .cv_btn {bottom: 0; padding: min(1.33dvw,20px) 0 0;}

/* swiper
-------------------------------------------------- */
.carousel {width: min(60dvw,900px);}
.swiper-slide picture {padding: 0;}
.swiper-slide picture {width: min(56.66dvw,850px);}
.swiper-navWrap {top: min(16.13dvw,242px);}
.swiper-navWrap .inr {width: min(60dvw,900px);}
.swiper-paginationWrap {}
.swiper-pagination {padding-top: min(2dvw,30px); gap: min(1.4dvw, 21px);}
.swiper-pagination .swiper-pagination-bullet {
	height: min(1.26dvw,19px);
	width: min(1.26dvw,19px);
}

  .swiper-button-prev,
  .swiper-button-next {
    width: min(4.26dvw,64px);
  }


		}