.copyvideopath-container {
    border: 1px solid #d3d3d3;
}
.pdp_wrapper { overflow: hidden;}
.pdp_wrapper img { width: 100%; }
.pdp_container { width: 1000px; margin: 0 auto; }
.pdp_p { margin-bottom: 1em; }
.pdp_p:last-child { margin-bottom: 0; }

.pdp_section { display: flex; margin: 15px; justify-content: center; }
.en .pdp_txt_block_1 { margin-top: 30px; }
.en .pdp_col_title { font-size: 18px; }

.pdp_kv_mobile { display: none;}

.pdp_intro { text-align: center;color: #DCBA8D; margin: 50px 0; position: relative; z-index: 30; text-shadow: 2px 2px 10px white; }
.color-w .pdp_intro { color: #9c9c9c; }
.color-g .pdp_intro { color: #ABD8D3; }
.pdp_logo { width: 400px; background-color: #DCBA8D; padding: 15px; display: inline-block;}
.color-w .pdp_logo { background-color: #9c9c9c;}
.color-g .pdp_logo { background-color: #ABD8D3;}
.pdp_title_l { font-size: 37px; line-height: 1.2em; font-weight: 700; }
.pdp_title_s { font-size: 18px; line-height: 1.2em; font-weight: 700; }
.pdp_title_m { font-size: 30px;line-height: 1.3em;  font-weight: 700;color: #DCBA8D; }
.color-w .pdp_title_m{color: #9c9c9c;}
.color-w .pdp_title_sub {color: #5d5d5d;}
.color-g .pdp_title_m{color: #ABD8D3;}
.color-g .pdp_title_sub {color: #5e9a93;}
.pdp_title_sub { position: absolute; font-size: 30px; line-height: 1.2em; font-weight: 700; color: #A38A68; right: -3%; bottom: -20%; transform: rotate(4deg); }
.pdp_title_sub_en { bottom: unset; transform: unset; margin-top: 5px; }
.pdp_p { line-height: 1.5em;color: #9c9c9c; }
.pdp_title_block { position: relative; top: -76px;  }

.pdp_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #dcba8d2b; border-radius: 60px; margin-top: 140px; padding: 10px 20px 60px; position: relative;}
.color-w .pdp_detail {  background-color: #9c9c9c10; }
.color-g .pdp_detail {  background-color: #abd8d30c; }
.pdp_deco { position: absolute; }
.pdp_deco_1 { left: -30px; top: -140px; width: 150px; }
.pdp_deco_2 { right: -50px; top: 280px; width: 120px; }

.pdp_color_block { background-color: #DCBA8D; border-radius: 7px; width: 20px; height: 20px; min-height: 20px; min-width: 20px; margin-bottom: 10px; }
.color-w .pdp_color_block { background-color: white; }
.color-g .pdp_color_block { background-color: #ABD8D3; }
.pdp_color_img { width: 300px; aspect-ratio: 1/1; background-color: white; overflow: hidden; display: flex; align-items: center; border-radius: 26%; padding: 20px; margin-right: 30px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.04);}
.pdp_row { display: flex; align-items: center; justify-content: center; max-width: 750px; margin: 30px 0;}
.pdp_row_1 { color: #DCBA8D; margin-bottom: 20px; }
.color-w .pdp_row_1 { color: #9c9c9c; }
.color-g .pdp_row_1 { color: #ABD8D3; }
.pdp_txt_block { background-color: white; padding: 40px; border-radius: 30px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.04);}
.pdp_txt_block_1 { text-align: center; margin-bottom: 40px; max-width: 750px;}

.pdp_img { border-radius: 30px; overflow: hidden; width: 60%; }

.pdp_col_title {color: #9c9c9c;font-size: 24px; line-height: 1.2em; font-weight: 700; margin-top: 30px; margin-bottom: 30px; margin-left: 40px; } 
.pdp_col { margin-left: -20px;width: 40%; }
.pdp_col_1 { position: relative; z-index: 30;}
.pdp_color_row { max-width: 750px; }
.pdp_color_row .pdp_col_title { text-align: center; margin-left: unset; }
.pdp_color_img_gp { display: flex; margin: 0 auto; justify-content: center; align-items: center;}
.pdp_color_img:last-child { margin-right: 0;}
.pdp_color_img_gp .pdp_color_img { max-width: 150px; }

@media screen and (max-width: 767px) {
    .pdp_logo { width: 300px;}
    .pdp_section { margin: 0px;}
    .pdp_row { flex-direction: column; }
    .pdp_color_img {margin-right: unset; width: 240px; margin-bottom: 20px;}
    .pdp_img , .pdp_col { width: 100%;}
    .pdp_col  {margin-left:0;}
    .pdp_color_img_gp .pdp_color_img { width: 31%; padding: 2px; margin: 1%;}
    .pdp_deco_1 { left: -20px; top: -170px; width: 100px; }
    .pdp_deco_2 { right: -20px; top: 560px; width: 80px; }
    .pdp_txt_block_1 { margin-bottom: 10px;}
    .pdp_col_title { margin-left: 20px; margin-bottom: -12px;}
    .pdp_txt_block { padding: 30px 15px;}
    .pdp_title_block { top: -50px;}

    .pdp_title_l { font-size: 37px; }
    .pdp_title_s { font-size: 18px; }
    .pdp_title_m , .pdp_col_title{ font-size: 20px; }
    .pdp_title_sub {font-size: 20px; }

    
    .pdp_color_row .pdp_col_title { margin-bottom: 20px;}

    .pdp_detail { border-radius: 30px; margin-top: 80px; }

    .pdp_kv { display: none;}
    .pdp_kv_mobile { display: block;}


}

@media screen and (max-width: 479px) {
    .pdp_logo { width: 190px;}
    .pdp_color_img { width: 80%;}
    
    .pdp_title_l { font-size: 32px; }
    .pdp_color_img_gp { flex-direction: column; }
    .pdp_color_img_gp .pdp_color_img { width: 50%; padding: 5px; margin: 2%;}


}