@charset "utf-8";

#dc_k-004 section {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  #dc_k-004 section {
      margin-top: 40px;
  }
}

#kv {
margin-top: 0 !important;
padding: 0
}

.tc_section_index_01 {margin: 0 auto 0;}
.imgBox {margin-bottom: 40px}
.tc_inner+.tc_inner {padding-top: 64px;}
.red {color: #EB212E}
.tc_section_clm_04 {margin-top: 40px;}
.tc_section_function_table tr, .tc_section_function_table td {padding: 10px 0}
.tc_section_function_table td img {display: inline-block;width: 21px;}
*+.tc_section_title_03L {margin-top: 64px;margin-bottom: 24px;}
.tc_section_heading_03+.tc_section_title_03L {margin-top: 0;}
.tc_section_honbun_04 {margin-top: 10px;}

.tc_section_heading_03 .tc_subTitle {text-transform:uppercase;}

.tc_dp_flex.tc_section_clm_03+.tc_dp_flex.tc_section_clm_03{margin-top: 24px;}

@media screen and (max-width: 767px) {
  .tc_dp_flex.tc_section_clm_03+.tc_dp_flex.tc_section_clm_03{margin-top: 30px;}
}

/* anc01
-------------------------------------*/
h2.tc_section_title_02L,h2.tc_section_title_02L+.tc_section_honbun_02 {margin-bottom: 40px;}
section {
  margin-top: 0;
  padding: 80px 0;
}
.tc_section_clm_BG1_01, .tc_section_clm_BG1_02 {border-radius: 40px 0 0 0}
.tc_section_clm_BG1_01+.tc_section_clm_BG1_01 {margin-top: 40px;}
.tc_section_clm_BG1_01+h2.tc_section_title_02L {margin-top: 80px;}

.tc_comp_clm_coupon {height: auto; background: #F5F5F5;}
.tc_section_coupon_02 +.tc_section_coupon_02  {margin-top: 40px}
@media screen and (max-width: 767px) {
.tc_section_coupon_02 +.tc_section_coupon_02  {margin-top: 12px}
h2.tc_section_title_02L {margin-bottom: 40px;}
.tc_section_clm_BG1_01+.tc_section_clm_BG1_01 {margin-top: 24px;}
.tc_section_clm_BG1_01+h2.tc_section_title_02L {margin-top: 44px;}

  section {
          margin-top: 0;
          padding: 40px 0;
      }
  .tc_comp_anchorlinklist>.tc_dp_flex {display: flex; flex-wrap: wrap;}
  .tc_comp_anchorlink  {width: 100%;padding: 12px 15px;}
  .tc_comp_anchorlink::before {right: 15px}
}


/* anc02
-------------------------------------*/
section#anc02 {background: #F5F5F5;padding: 80px 0;}
section#anc02 .tc_inner{max-width: 1180px}
section#anc02 .tc_dp_flex+.tc_section_title_06 {margin-top: 64px}
.tc_section_clm_BG1_01, .tc_section_clm_BG1_02 {margin-top: 24px;border-radius: 40px 0 0 0;overflow: hidden;}
.tc_section_clm_BG1_01+.tc_section_title_03L, .tc_section_clm_BG1_02+.tc_section_title_03L {margin-top: 64px;}
.tc_section_heading_04 {margin-bottom:40px; }
.tc_comp_titlecnt.tc_section_heading_08 {margin: 80px auto 60px;} 
.tc_section_relatedContent_02  {margin: 46px auto}
section#anc02 .tc_comp_btn {margin:0;}

.btnCol {display: flex;justify-content: center;gap: 40px;}
.btnCol .tc_comp_btn {margin: 0;width: 100%;}

@media screen and (max-width: 767px) {
.btnCol {flex-wrap: wrap;gap: 20px}

  section#anc02 {padding: 60px 0}
section#anc02 .tc_inner> .tc_section_title_06 {margin-top: 32px;}
section#anc02 .tc_dp_flex+.tc_section_title_06 {margin-top: 40px}
  section#anc02 .tc_section_clm_BG1_01 {border-radius: 40px 0 0 0}
  section#anc02 .tc_section_clm_BG1_02 {border-radius: 40px 0 0 0}
  section#anc02 .tc_comp_btn {width: 160px;margin: auto;}
  .tc_section_clm_BG1_01 .tc_text, .tc_section_clm_BG1_02 .tc_text, .tc_section_clm_BG2_01 .tc_text, .tc_section_clm_BG2_02 .tc_text, .tc_section_clm_BG3_01 .tc_text {padding: 24px;}
}
.tc_section_modal .tc_section_modal_01 .tc_modal_open {position: relative;}
.tc_section_modal .tc_section_modal_01 .tc_modal_open::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: url(/img/discovery/kettle/discovery-feature-kettle-how-to-use/icon_movie.png) no-repeat center center / contain;
    opacity: .7;
}


/* anc03
-------------------------------------*/
section#anc03 .tc_section_heading_04 {margin-bottom: 40px;}
section#anc03 .tc_comp_price_prodlist {justify-content: center;}
section#anc03 .tc_comp_titlecnt.tc_section_heading_08 {margin: 0 auto;}
@media screen and (max-width: 767px) {
  section#anc03 .tc_section_heading_04 {margin-bottom: 32px;}
}