@charset "utf-8";

#dc_k-001 section {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {
    #dc_k-001 section {
        margin-top: 40px;
    }
}

#kv {
  margin-top: 0 !important;
  padding: 0
}

/* try
-------------------------------------*/
/* 再生ボタン */
#try .tc_dp_flex .tc_item > a {
  display: block;
  position: relative;
}
.tc_section_movie_01 {margin-bottom: 10px;}

#try .tc_dp_flex .tc_item > a:hover {
  opacity: .6;
  transition: .2s;
}
.tc_section_heading_03 .tc_subTitle {text-transform:uppercase;}
.tc_section_step_03 .tc_comp_step_circle .tc_text {background: #fff;width: 100%}
#try .tc_dp_flex .tc_item > a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  cursor: pointer;
  width: 22.86%;
  height: 22.86%;
  background: url(/img/discovery/kettle/discovery-feature-care/icon_movie.png) no-repeat center center/cover;
  opacity: .6;
}
/* 再生ボタンここまで */

@media screen and (max-width: 767px) {
  #try .tc_dp_flex {
    flex-direction: column;
    gap: 24px;
  }
}


/* 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: 800px}
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}
.tc_section_clm_BG1_01+.tc_section_title_03L, .tc_section_clm_BG1_02+.tc_section_title_03L {margin-top: 40px;}

  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-care/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;}
 .tc_section_relatedContent_03 .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;}
}