@charset "utf-8";
/* CSS Document */
img{
  max-width: 100%;
}
p{
  font-size: clamp(0.875rem,2vw,1rem);
}
h2{
  line-height: calc(35/24);
}


/*----- 上部バナーエリア -----*/
.top_banner_area{
  width:100%;
}
.top_banner_area ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.top_banner_area ul li {
  display: flex;
}
.top_banner_area ul li a{
  color: #FFFFFF;
  background-color: #F7C7D0;
  text-decoration: none;
  padding: 8px;
  line-height: 1;
}
.top_banner_area ul li.current a{
  color: #FF9192;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(249, 210, 218, 1));
}


/*----- メインコンテンツ -----*/
#main{
  background:url(../images/biyou_bg.jpg);
  background-repeat: repeat-y;
  background-size: contain;
  margin: 20px 10px 10px 20px;
  padding: 7px 0 0 35px;
  color: #717071;
  line-height: calc(26/16);
}
.bg_white{
  padding: 0 clamp(14px,4vw,30px);
  padding-top: clamp(24px,2vw,48px);
  padding-bottom:55px;
  margin-bottom:30px;
  max-width: 815px;
  width: 100%;
}
.bg_white >*:nth-last-of-type(n + 2){
  margin-bottom: 56px;
}
.nordlys_pdb16{
  padding-bottom: 8px;
}
.nordlys_spbr{
  display: inline-block;
  font-size: clamp(0.625rem,2vw,1rem);
}


/* トップ部分 */
.nordlys_top{
  background:url(../images/biyou_bg_top.png);
  background-repeat: no-repeat;
  max-width: 854px;
  width: 100%;
  padding: 50px 0 clamp(16px,1vw,30px) clamp(14px,1vw,32px);
}
.nordlys_sect{
  max-width: 750px;
  display: flex;
  align-items: center;
  font-size: clamp(1.125rem,4vw,1.5rem);
  color:#ED7E93;
  padding-bottom:10px;
  margin-bottom: clamp(16px,2vw,32px);
  border-bottom:dashed 1px #ED7E93;
}
.nordlys_sect span {
  line-height: 1;
  padding-top: 1px;
}
.nordlys_secs{
  font-size: clamp(1.125rem,4vw,1.5rem);
  font-weight: bold;
  color:#ED7E93;
  margin-bottom: 24px;
}
.nordlys_top p{
  max-width: 760px;
}


/* 皮膚疾患・長期減毛用光治療器 */
.nordlys_intro {
  display: flex;
  justify-content: space-between;
  gap: 24px clamp(16px,2vw,32px);
}
.nordlys_intro h2{
  margin-bottom: 24px;
}
.nordlys_intro-txtwrap{
  flex: 1 1 60%;
}
.nordlys_intro-ts{
  display: block;
  font-size: 1rem;
  color: #A51890;
  margin-bottom: 8px;
}
.nordlys_intro-tm{
  display: flex;
  align-items: center;
  gap: 0 16px;
  font-size: clamp(1.25rem,3.2vw,2rem);
  color: #A51890;
  font-weight: bold;
}
.nordlys_intro-tm img{
  max-width: 150px;
}
.nordlys_intro-imgwrap{flex: 1 1 auto;display: flex;align-items: flex-start;justify-content: center;margin: 0 auto;}
.nordlys_intro-imgwrap img{max-height: 240px; object-fit: contain;}
.nordlys_mark{
  max-width: 104px;
  width: 100%;
  margin-top: -24px;
  margin-left: -16px;
}


/* IPLで国内初 ３つの薬事承認取得！ */
.nordlys_specificwrap h2{
  text-align: center;
}
.nordlys_specificwrap h2 span{
  display: inline-block;
  font-size: clamp(1rem,4vw,1.125rem);
  font-weight: bold;
  color: #FFFFFF;
  background-color: #A51890;
  border-radius: 80px;
  padding: 4px 16px;
}
.nordlys_specificwrap ul{
  display: flex;
  justify-content: space-between;
  gap: 8px 16px;
  max-width: 670px;
  margin: 0 auto;
  border: 1px solid #CCCCCC;
  border-radius: 16px;
  padding: clamp(32px,5.5vw,40px) clamp(18px,4vw,48px) clamp(16px,4vw,24px) clamp(18px,4vw,48px);
  margin-top: -12px;
}
.nordlys_specificwrap ul li{
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
span.nordlys_t_num {
  font-size: clamp(1rem,3vw,1.5rem);
  color: #A51890;
}
span.nordlys_t {
  font-size: clamp(1.375rem,5vw,1.75rem);
  line-height: 1;
  color: #A51890;
}
span.nordlys_s{
  font-size: clamp(0.875rem,3vw,1rem);
}


/* 一般的なIPLとキャンデラSWT™の比較 */
.nordlys_compare h2{
  font-size: clamp(1.125rem, 4vw, 1.5rem);
  font-weight: bold;
  color: #A51890;
  margin-bottom: 18px;
}
.nordlys_compare_block:nth-last-of-type(n + 2){
  margin-bottom: 40px;
}
.nordlys_compare_txtwrap{
  margin-bottom: 24px;
}
.nordlys_compare_txtwrap h3{
  font-size: clamp(1rem,3vw,1.125rem);
  color: #A51890;
  margin-bottom: 8px;
}
.nordlys_compare_txtwrap p{
  font-size: 0.875rem;
}


/* ノーリス紹介動画 */
.bg_white >*:nth-last-of-type(n + 2).nordlys_video{
  margin-bottom: clamp(56px,5vw,88px);
}
.nordlys_video h2{
  text-align: center;
  margin-bottom: 8px;
}
.nordlys_video h2 span{
  display: inline-block;
  font-size: clamp(1.125rem,4vw,1.5rem);
  font-weight: bold;
  color: #A51890;
}
.nordlys_videoblock{
  max-width: 670px;
  margin: 0 auto;
}
.nordlys_videoblock video{
  width: 100%;
}


/* nordlys_info */
.nordlys_info h2{
  font-size: clamp(1.125rem,3.2vw,1.25rem);
  color: #ED7E93;
  margin-bottom: 16px;
}
.nordlys_info li{
  font-size: clamp(0.875rem,2vw,1rem);
  margin-left: 12px;
  padding-left: 1rem;
  text-indent: -1rem;
}
.nordlys_info li:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}


/* 施術当日の流れ */
.nordlys_info_dl {
  font-size: clamp(0.875rem,2vw,1rem);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.nordlys_info_dl dt{
  font-size: clamp(0.75rem,2vw,1rem);
  margin-left: 12px;
  padding-left: 1rem;
  text-indent: -1rem;
}
.nordlys_info_dl dd{
  width: calc(100% - 23% );
}
.nordlys_info_dl dt:nth-last-of-type(n + 2),
.nordlys_info_dl dd:nth-last-of-type(n + 2){
  margin-bottom: 16px;
}


/* 料金表 */
.nordlys_fee_t h2{
  font-size: clamp(1.125rem,3.2vw,1.25rem);
  color: #8171B3;
  padding-bottom: 10px;
  margin-bottom: 32px;
  border-bottom: dashed 1px #8171B3;
}
.nordlys_fee_table{
  position: relative;
  max-width: 700px;
  margin-left: 16px;
  border: 1px solid #C0B8D9;
}
.nordlys_fee_table tbody {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.nordlys_fee_table table{
  position: relative;
  width: 100%;
  z-index: 2;
}
.nordlys_fee_table tr:nth-child(4){
  border-top: 1px solid #C0B8D9;
  border-bottom: 1px solid #C0B8D9;
}
td.care_bui{
  font-size: clamp(0.75rem,2vw,1rem);
  background-color: #F6F4F9;
  width: max-content;
  min-width: 100px;
  padding: clamp(8px,2vw,24px) 0 clamp(8px,2vw,24px) clamp(8px,2vw,24px);
}
td.care_syurui{
  width: auto;
  font-size: clamp(0.75rem,2vw,1rem);
  background-color: #F6F4F9;
  padding: clamp(8px,2vw,24px) clamp(8px,1.7vw,24px) clamp(8px,2vw,24px) 0;
}
td.care_syurui.care_pdtb_0{
  padding-top: 0;
  padding-bottom: 0;
}
td.care_syurui.care_pdt_0{
  padding-top: 0;
}
td.care_fee{
  display: flex;
  flex-direction: column;
  font-size: clamp(0.87rem,2vw,1rem);
  gap: 4px 0;
  min-width: 84px;
  padding: clamp(8px,2vw,24px) clamp(8px,2vw,24px) clamp(8px,2vw,24px) clamp(8px,1.7vw,24px);
  border-left: 1px solid #C0B8D9;
}
td.care_fee.care_pdtb_0{
  padding-top: 0;
  padding-bottom: 0;
}
td.care_fee.care_pdt_0{
  padding-top: 0;
}
p.caution2{
  font-size: 0.875rem;
  margin-top: 24px;
  padding-left: 16px;
}
span.care_normal {
  display: flex;
  flex-wrap: wrap;
}
span.care_campaign {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 4px;
  font-size: clamp(0.87rem,2vw,1rem);
}
span.care_campaign_txt{
  font-size: 0.75rem;
  color: #000000;
  font-weight: bold;
  line-height: normal;
}
span.care_campaign_fee {
  color: #A51890;
  font-weight: bold;
  line-height: normal;
}
.care_inlineth{
  text-decoration: line-through;
  line-height: normal;
}

/* ノーリス（IPL）治療のＱ＆Ａ */
.nordlys_qablock dl:nth-last-of-type(n + 2){
  margin-bottom: 32px;
}
.nordlys_qablock dl dt{
  display: flex;
  color: #A51890;
  font-weight: bold;
  margin-bottom: 12px;
}
.nordlys_qablock dl dd{
  font-size: 0.875rem;
  display: flex;
  padding-left: 34px;
}
.nordlys_qablock dl dd span{
  padding-right: 6px;
}
.nordlys_qablock dl dt .nordlys_qnum{
  padding-right: 6px;
}
.nordlys_qablock ul li:nth-last-of-type(n + 2){
  margin-bottom: 6px;
}





@media screen and (max-width:820px){
  #main{
    margin: 0;
    padding: 24px 12px 30px;
  }

  /* 料金表 */
  td.care_fee{
    text-align: right;
  }
  span.care_normal,
  span.care_campaign{
    justify-content: flex-end;
  }
}
@media screen and (max-width:640px){
  .nordlys_intro{
    flex-wrap: wrap;
  }
  .nordlys_intro-imgwrap{
    margin-left: 64px;
  }

  .nordlys_fee_table{
    margin-left: 0;
  }
  p.caution2{
    padding-left: 0;
  }
  span.care_campaign{
    flex-direction: column;
    align-items: end;
  }

  .nordlys_info li,
  .nordlys_info_dl dt{
    margin-left: 0;
  }
  .nordlys_qablock dl dd{
    padding-left: 0;
  }
}
@media screen and (max-width:430px){
  .nordlys_specificwrap ul{
    flex-wrap: wrap;
  }
  .nordlys_specificwrap ul li:nth-child(1){
    width: 100%;
  }
}