/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/headspa-pro/
Description:MYTREX EMS HEAD SPA PRO
Version: 1.0
*/

/*フェイスライン*/
.pd_d_hse_bg .fiv_mt10 {transition-duration: 1s;}
.pd_d_hse_bg .fiv_mt11 {transition-duration: 1s;}
.pd_d_hse_bg .fiv_mt12 {transition-duration: 1s;}
.pd_d_hse_bg .fiv_mt13 {transition-duration: 1s;}

#video-hfb{
position: relative;
width: 100%;
height: auto;
}
#video-btn{
background-image: url("https://mytrex.jp/wp-content/themes/mytrex/img/product/hfb/icon_mv_play.png");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: 2vw;
width: 10vw;
right: 2vw;
height: 10vw;
}
#video-btn.current{
background-image: url("https://mytrex.jp/wp-content/themes/mytrex/img/product/hfb/icon_mv_stop.png");
background-repeat: no-repeat;
background-size: cover;
position: absolute;
bottom: 2vw;
width: 10vw;
right: 2vw;
height: 10vw;
opacity: 0.1;
}

#header{
/*はじめの高さを設定*/
height: 7vw;
width:100%;
/*以下はレイアウトのためのCSS*/
display: flex;
justify-content: space-between;
align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin{
position: fixed;
z-index: 999;/*最前面へ*/
height: 0px;
animation: DownAnime 0.5s forwards;
margin-top: -7vw !important;
}

@keyframes DownAnime{
from {
opacity: 0;
transform: translateY(-14vw);
}
to {
opacity: 1;
transform: translateY(0);
}
}

main {
height: 100%;
/*min-height: 100vh;*/
padding: 0 0px;
background-color: #fff;
transition: all .5s;
display: flex;
flex-direction: column;
justify-content: center;
margin-top:8vw;
}
@media screen and (max-width: 767px) {
.wrapper > main {
margin-top: 20vw;
}
}
@media screen and (min-width: 768px) {
main {
margin-top:3vw !important;
}
}

@media screen and (max-width: 767px) {
.pc{
display: none !important;
}
}
@media screen and (min-width: 768px) {
.sp{
display: none !important;
}
}

@media screen and (max-width: 767px) {
.container{
}
}
@media screen and (min-width: 768px) {
.container{
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
}

.fs{
font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fg{
font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif !important;
}

/* pagetop -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
#pageTop2 {
position: fixed;
bottom: 2vw;
left: 2vw;
z-index: 10000;
}
}
@media screen and (min-width: 768px) {
#pageTop2 {
position: fixed;
bottom: 2vw;
right: 2vw;
z-index: 10000;
}
}

#pageTop2 img{
width: 100%;
}

#pageTop2 a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 0px;
width: 35px;
height: 35px;
background-color: #231815;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#pageTop2 a:hover {
text-decoration: none;
background-color: #ffffff;
}
/* pagetop -------------------------------------------------------------- */

/***          menu sub          ***/
@media screen and (max-width: 767px) {
.menu_sp_list_logo {
padding: 18px 0vw 18px 0vw;
text-align: center;
width: 100%;
background: #ffffff;
z-index: 999;
position: fixed;
}
.menu_sub{
background:#d9e5da;
padding: 0.5vw 0.5vw;
width: 100%;
position: fixed;
top: 11vw;
z-index: 999;
}
.menu_sub_item_nm{
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 0.5vw 0.5vw;
text-align: center;
}
.menu_sub_item_link{
font-size: 3vw;
font-weight: normal;
letter-spacing: 0.1vw;
line-height: 3vw;
color: #b5b5b6;
padding: 2.5vw 0.5vw;
width: 100%;
overflow-x: auto;
white-space: nowrap;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
}
.menu_sub_item_link a{
color: #231815;
display: inline-block;
list-style: none;
padding: 0vw 3vw;
}
.menu_sub_item_link a:hover{
color:#b5b5b6;
}
#mt_pc_top_buy_cartin {
position: fixed;
bottom: 0px;
right: 0px;
background: #0000004f;
padding: 4px 0px 0px;
}
.mt_pc_top_buy{
padding: 0 12vw;
}
/* state */
.menu_sub.is-fixed {
width: 86%;
position: absolute;
top: 0;
transition-duration: 0.2s;
}
.is-fixed .menu_sub_item_link {
padding: 4vw 0.5vw;
}
}
@media screen and (min-width: 768px) {
.menu_sub{
background:#d9e5da;
padding: 0vw;
position: fixed;
z-index: 999;
top: 7.02vw;
width: 100%;
height: 3vw;
}
.menu_sub_item_nm{
font-size: 1.2vw;
font-weight: 800;
letter-spacing: 0.1vw;
line-height: 1vw;
color: #231815;
padding: 1.0vw 0.5vw;
text-align: center;
}
.menu_sub_item_link{
font-size:0.75vw;
font-weight:normal;
letter-spacing:0.08vw;
line-height:1vw;
color:#b5b5b6;
padding: 1.0vw 0vw;
overflow-x: auto;
white-space: nowrap;
}
.menu_sub_item_link::-webkit-scrollbar {display: none;}
.menu_sub_item_link a{
color:#231815;
}
.menu_sub_item_link a:hover{
color:#b5b5b6;
}
#mt_pc_top_buy_cartin {
padding: 0;
}
.mt_pc_top_buy{
padding: 0vw 0vw !important;
}
}

/***          menu sub          ***/

/***          section          ***/
@media screen and (max-width: 767px) {
#pd_b{
margin-bottom: 5%;
}
#pd_c{
padding: 0% 0 10%;
}
#pd_d_hse {
padding: 20vw 0;
position: relative;
}
#pd_e_hse{
padding: 14% 0 16%;
background-color: #F1F5F7;
}
#pd_f{
padding: 10% 0 10%;
}
#pd_g3{
padding: 10% 0 0%;
background: #f1f5f7;
}
#pd_h2{
padding: 10% 0 10%;
}
#pd_i_hse{
padding: 0 0 10%;
}
#pd_j2{
padding: 10% 0 10%;
}
#pd_k2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_l2{
padding: 10% 0 10%;
}
#pd_l_hse{
padding: 45vw 0 10%;
}
#pd_o2{
padding: 15% 0 15%;
}
#pd_p{
padding: 10% 0 10%;
/* background: #f1f5f7; */
}
#pd_mv{
background: #ffffff;
z-index: 1;
}
#pd_review{

}
}
@media screen and (min-width: 768px) {
#pd_b{
margin-bottom:3vw;
}
#pd_c{
padding: 5% 0 5%;
}
#pd_d_hse {
padding: 8% 0 10%;
position: relative;
}
#pd_e_hse{
padding: 5% 0 5%;
position: relative;
}
#pd_f{
padding: 0% 0 0%;
}
#pd_g3{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_h2{
padding: 5% 0 5%;
}
#pd_i_hse{
padding: 0% 0 0%;
}
#pd_j2{
padding: 5% 0 5%;
}
#pd_k2{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_l2{
padding: 5% 0 5%;
}
#pd_l_hse{
padding: 10vw 0 5vw;
}
#pd_o2{
padding: 5% 0 5%;
}
#pd_p{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_mv{
padding: 0% 0 0%;
background: #ffffff;
z-index: 1;
}
#pd_review{
margin-bottom: 0% !important;
}
}
/***          section          ***/

/***          mv          ***/

/***          mv          ***/

/***          yt          ***/
/***          yt          ***/

/***          b          ***/
@media screen and (max-width: 767px) {
.pd_b_hs_sp{
/* padding: 21vw 0 0vw; */
}
.pd_b_hs_pc{
display:none;
}
.pd_b{
width:100%;
}
.pd_b img{
width:100%;
height: auto;
}
.pd_b_hse_com{
font-size: 1.8vw;
padding: 4vw 4vw 2vw;
line-height: 1.6;
letter-spacing: 0.1vw;
}
.pd_b_hse_com2{
padding-left: 3.5vw;
text-indent: -3.5vw;
}
}
@media screen and (min-width: 768px) {
.pd_b_hs_sp{
display:none;
}
.pd_b_hs_pc{
padding:0vw;
}
.pd_b{
width:100%;
}
.pd_b img{
width:100%;
height: auto;
}
}
/***          b          ***/

/***          c          ***/

@media screen and (max-width: 767px) {
.pd_c_slider{
padding:0vw 4vw 4vw;
}
.pd_c_box{
padding:1vw 1vw;
}
.pd_c_ttl_sub{
padding: 2vw 4vw 2vw;
font-size: 3.7vw;
line-height: 4.5vw;
letter-spacing: .3vw;
}
.pd_c_ttl_sub sup{
font-size: 1.7vw;
letter-spacing: 0.1vw;
vertical-align: top;
}
.pd_c_ttl_sub2{
padding: 0vw 4vw;
font-size: 7vw;
line-height: 7vw;
letter-spacing: 0.5vw;
}
.pd_c_ttl_sub2s{
font-size: 4vw;
line-height: 7vw;
vertical-align: super;
}
.pd_c_nm3{
padding: 2vw 0 5vw;
font-size: 8vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: .3vw;
border-bottom: 1px solid #000;
margin: 4vw;
}

.pd_c_text{
padding: 0vw 4vw 4vw;
font-size: 3vw;
line-height: 5.0vw;
letter-spacing: 0.2vw;
}
.pd_c_text sup{
font-size: 1.5vw;
vertical-align: top;
line-height: 4;
}
.pd_c_text_s2{
padding: 2vw 0 1vw;
font-size: 2.0vw;
line-height: 1.5;
letter-spacing: .1vw;
}
.pd_c_price1{
		padding: 0 4vw 2vw;
		font-size: 3.3vw;
		line-height: 1;
		letter-spacing: .1vw;
}
.pd_c_price2{
	padding: 2vw 4vw 4vw;
    font-size: 7vw;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.1vw;
}
.outofstock_blank{
padding-bottom: 15% !important;
}
.pd_c_price2b{
font-size: 2.5vw;
line-height: 2.5vw;
padding-left: 2vw;
}
.pd_ccontainer {
}
}
@media screen and (min-width: 768px) {
.pd_c_slider{
padding:0vw 8vw;
}
.pd_c_box{
padding:1vw 1vw;
}
.pd_c_ttl_sub{
padding: 0vw 0vw 0vw;
font-size: 1.3vw;
line-height: 2vw;
letter-spacing: 0.05vw;
}
.pd_c_ttl_sub sup{
font-size: 0.7vw;
line-height: 1;
vertical-align: text-top;
}
.pd_c_ttl_sub2{
padding: 1vw 0vw 1vw;
font-size: 2.3vw;
line-height: 2.5vw;
letter-spacing: 0.15vw;
}
.pd_c_ttl_sub2s{
font-size: 1.3vw;
line-height: 2.5vw;
vertical-align: super;
}
.pd_c_nm3{
padding: 0vw 0vw 2vw;
font-size: 2.6vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_text{
padding: 0vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.0vw;
letter-spacing: 0.05vw;
padding-bottom: 3vw;
}
.pd_c_text sup{
font-size: 0.8vw;
}
.pd_c_text_s2{
padding: 0.8vw 0vw 0vw;
font-size: 0.8vw;
line-height: 1.6;
letter-spacing: 0.05vw;
}
.pd_c_price1{
padding: 2vw 0vw 0vw;
font-size: 1.3vw;
line-height: 1;
letter-spacing: 0.1vw;
}
.pd_c_price2{
padding:0vw 0vw 0vw;
font-size:2vw;
font-weight:800;
line-height:1;
letter-spacing:0.1vw;
}
.pd_c_price2b{
font-size:1.2vw;
line-height:4vw;
}
.pd_ccontainer {
}
}
/***          c          ***/

/***          r          ***/
@media screen and (max-width: 767px) {
#pd_r{
background: #efedf280;
padding: 6vw 0vw 6vw;
}
.pd_r_area{
padding:4vw 4vw;
}
.pd_r_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_r_box_are2{
padding:0vw 4vw;
}
.pd_r_box1{
padding: 4vw 23vw;
text-align: center;
}
.pd_r_box2{
padding: 0vw 0vw 5vw;
}
.pd_r_box3{
float: left;
width: 33%;
padding: 0.5vw;
}
.pd_r_icon{
padding: 0vw;
width:100%;
line-height: 0;
}
.pd_r_icon img{
width:100%;
}
.pd_r_text{
font-size: 3vw;
line-height: 5.0vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 1.0vw 0.0vw;
text-align: left;
}
.pd_r_ttl{
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 2vw 1.0vw;
text-align: center;
}
/*
.pd_r_sup_ttl:before,
.pd_r_sup_ttl:after {
content: '';
position: absolute;
top: 0.5vw;
display: inline-block;
width: 29vw;
height: 18px;
background-color: #f1f5f7;
}
.pd_r_sup_ttl:before {
left: 0;
}
.pd_r_sup_ttl:after {
right: 0;
}
*/
.pd_r_area{
padding:5vw 0 1vw;
}
.pd_r_hse_area{
padding-top: 11vw;
}
.pd_r_hse_box{
width: 100%;
padding: 0 4vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pd_r_hse_box_item{
width: 48%;
padding: 2vw 0;
}
.pd_r_hse_text{
font-size: 3.5vw;
line-height: 5vw;
letter-spacing: .5vw;
color: #231815;
}
.pd_r_hse_text span{
font-size: 3vw;
line-height: 3vw;
}
.pd_r_st_box_desc_ttl{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 16vw 0 3vw;
text-align: center;
}
.pd_r_st_box{
width: 100%;
padding: 0 4vw;
}
.pd_r_st_box_img{
width: 100%;
}
.pd_r_st_box_img img{
width: 100%;
}
.pd_r_st_flex{
padding-top: 4vw;
}
.pd_r_st_flex_item{
width: 100%;
}
.pd_r_st_flex_item:last-of-type{
padding-top: 10vw;
}
.pd_r_st_flex_item img{
width: 100%;
}
.pd_r_hse_ems_ttl{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 26vw 0 3vw;
text-align: center;
}
.pd_r_hse_ems_box{
width: 100%;
padding: 0 4vw;
display: flex;
justify-content: space-between;
}
.pd_r_hse_ems_box_inner{
width: 48%;
}
.pd_r_hse_ems_box_inner img{
width: 100%;
}
.pd_r_hse_ems_txt{
font-size: 4vw;
font-weight: 500;
line-height: 7vw;
text-align: center;
padding: 8vw 0 12vw;
}
.pd_r_hse_ems_img{
width: 100%;
padding: 0 4vw;
}
.pd_r_hse_ems_img img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
#pd_r{
background: #efedf280;
padding: 2vw 0vw 6vw;
}
.pd_r_area{
padding:4vw 0vw;
}
.pd_r_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_r_box_are2{
padding:0vw 0vw;
}
.pd_r_box1{
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_r_box2{
float: left;
width: 66%;
padding: 0.5vw;
}
.pd_r_box3{
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_r_icon{
padding: 1vw 1vw 1vw 0vw;
width:100%;
line-height: 0;
}
.pd_r_icon img{
width:100%;
}
.pd_r_text{
font-size: 0.7vw;
line-height: 1.7;
letter-spacing: 0vw;
color: #231815;
padding: 3vw 0vw 1.0vw 0vw;
text-align: left;
}
.pd_r_ttl{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding: 0.5vw 1.0vw 0vw;
text-align: center;
}
.pd_r_area{
padding:5vw 5vw 1vw;
}
.pd_r_hse_area{
padding-bottom: 2vw;
}
.pd_r_hse_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pd_r_hse_box_item{
width: 32%;
padding-top: 2vw;
}
.pd_r_hse_text{
float: left;
font-size: 0.8vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_r_st_box{
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 4.2vw;
}
.pd_r_st_box_img{
width: 32%;
}
.pd_r_st_box_img img {
width: 100%;
}
.pd_r_st_box_desc{
width: calc(68% - 2vw);
}
.pd_r_st_box_desc_ttl,
.pd_r_hse_ems_ttl{
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: 0.3vw;
color: #231815;
position: relative;
overflow: hidden;
}
.pd_r_st_box_desc_ttl::after,
.pd_r_hse_ems_ttl::after{
border-top: 1px solid #9E9F9F;
content: "";
width: 100%;
height: 1px;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 2vw;
}
.pd_r_st_flex{
width: 100%;
display: flex;
}
.pd_r_st_flex_item{
width: 40%;
padding-top: 2vw;
}
.pd_r_st_flex_item:last-of-type{
margin-left: 4vw;
}
.pd_r_st_flex_item img{
width: 100%;
}
.pd_r_hse_ems_txt{
font-size: 0.94vw;
line-height: 0.94vw;
font-weight: bold;
padding: 1.7vw 0;
}
.pd_r_hse_ems_box{
width: 100%;
display: flex;
}
.pd_r_hse_ems_box_inner{
width: 30%;
margin-right: 2vw;
}
.pd_r_hse_ems_box_inner2{
width: 20%;
}
.pd_r_hse_ems_box_inner img,
.pd_r_hse_ems_box_inner2 img{
width: 100%;
}
.pd_r_hse_ems_box_ttl{
font-size: 0.94vw;
font-weight: bold;
border: 1px solid #231815;
border-radius: 15px;
text-align: center;
padding: 8px 0;
}
.pd_r_hse_ems_box_txt{
font-size: 0.8vw;
line-height: 1.8vw;
}
}
/***          r          ***/

/***          l          ***/
@media screen and (max-width: 767px) {
.pd_l_area{
padding:4vw 0vw;
}
.pd_l_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_l_box_are{
padding:0vw 0vw;
}
.swiper-container {
min-width: 300px;
margin: 30px 0;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-slide {
flex-shrink: 0 !important;
width: 33%;
height: 100% !important;
position: relative !important;
transition-property: transform !important;
padding: 0vw 0vw !important;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.pd_l_item{
padding:0.1vw;
text-align:center;
}
.pd_l_item_img{

}
.pd_l_item_img img{
width:100%;
}
.pd_l_item_ttl{
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: left;
display:none;
}
.pd_l_hse_wrap{
width: 100%;
padding: 0 4vw;
position: relative;
}
.pd_l_hse_box{
width: 100%;
}
.pd_l_hse_box_ttl{
font-size: 6vw;
line-height: 6vw;
letter-spacing: 0.5vw;
padding: 5.5vw 0 8vw;
}
.pd_l_hse_box_txt{
font-size: 3.5vw;
line-height: 5.6vw;
letter-spacing: .3vw;
color: #231815;
padding-bottom: 6vw;
}
.pd_l_hse_box_bottom_img{
width: 100%;
padding-bottom: 16vw;
}
.pd_l_hse_box_bottom_img img{
width: 100%;
}
.pd_l_hse_img{
width: 40%;
position: absolute;
top: -25vw;
right: 0;
}
.pd_l_hse_img img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pd_l_area{
padding:4vw 0vw;
}
.pd_l_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_l_box_are{
padding:0vw 0vw;
}
.swiper-container {
min-width: 500px;
margin: 30px 0;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}

.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}

.swiper-slide {
flex-shrink: 0 !important;
/* width: 25% !important; */
height: 100% !important;
position: relative !important;
transition-property: transform !important;
padding: 0vw 0vw !important;
background: none !important;
}

.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.pd_l_item{
padding:0.1vw;
text-align:center;
}
.pd_l_item_img{

}
.pd_l_item_img img{
width:100%;
}
.pd_l_item_ttl{
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: left;
}
.pd_l_hse_wrap{
width: 86%;
margin: auto;
position: relative;
}
.pd_l_hse_img{
width: 50%;
position: absolute;
right: 0;
bottom: -7vw;
}
.pd_l_hse_img img{
width: 100%;
}
.pd_l_hse_box{
width: 50%;
padding: 3vw 3vw 0vw 0vw;
}
.pd_l_hse_box_ttl{
font-size: 1.83vw;
line-height: 1.83vw;
letter-spacing: 0.09vw;
color: #231815;
padding-bottom: 1.2vw;
}
.pd_l_hse_box_txt{
font-size: 0.94vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2vw;
}
.pd_l_hse_box_bottom_img{
width: 100%;
}
.pd_l_hse_box_bottom_img img{
width: 100%;
}
}
/***          l          ***/

/***          m          ***/
@media screen and (max-width: 767px) {
.pd_m_buy_area{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pd_m_buy_area{
width: 100%;
padding: 0vw 2vw 0vw 0vw;
}
}
/***          m          ***/

/***  btm  ***/

#cartin_sp {
position: fixed;
bottom: 0px;
right: 0px;
background: #d9e5dade;;
padding: 0px 0px 0px;
height:10vw;
}

.mytrex_buy{
width: 100%;
}

@media screen and (max-width: 767px) {
.mytrex_buy_item{
float: left;
font-size: 3vw;
font-weight: 800;
line-height: 4vw;
color: #231815;
padding: 1vw 3vw 1vw 3vw;
letter-spacing: 0.1vw;
min-width: 30vw;
}
.mytrex_buy{
padding: 0 12vw;
}
}
@media screen and (min-width: 768px) {
.mytrex_buy{
padding: 0 1vw;
}
}
/***  btm  ***/

/***          neck section a          ***/
@media screen and (max-width: 767px) {
.pdct_n_a_sp_ttl{
padding: 6vw 1vw 3vw;
color: #3f3d3e;
font-size: 5.7vw;
font-weight: bold;
line-height: 6vw;
letter-spacing: 0.5vw;
text-align: center;
}
.pdct_n_a_sp_ttl2{
padding: 0vw 1vw 3vw;
color: #3f3d3e;
font-size: 4vw;
font-weight: normal;
line-height: 4vw;
letter-spacing: 0.5vw;
text-align: center;
}
.pdct_n_a_sp_sub{
padding: 5vw 1vw 0;
color: #3e3c3d;
font-size: 5.5vw;
font-weight: 400;
line-height: 1.6;
letter-spacing: 1.4vw;
text-align: center;
position: relative;
}
.pdct_n_a_sp_sub sup{
font-size: 1.7vw;
position: absolute;
top: 4.6vw;
right: 39vw;
letter-spacing: .1vw;
}
.pdct_n_a_sp_ttl2 sup{
font-size: 2vw;
vertical-align: top;
letter-spacing: 0.2vw;
}
}
/***          neck section a          ***/


/***          modal          ***/
@media screen and (max-width: 767px) {
#btn-close-modal {
width: 23vw;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 3.5vw;
font-weight: normal;
border: 1px solid #3e3c3d;
padding: 1.5vw 0.2vw;
border-radius: 10vw;
line-height: 3.5vw;
margin: 0 auto 10vw;
}
.modal-content {
width: 94%;
}
}
@media screen and (min-width: 768px) {
#btn-close-modal {
width: 7vw;
text-align: center;
cursor: pointer;
color: #3e3c3d;
font-size: 1vw;
font-weight: normal;
border: 1px solid #3e3c3d;
padding: 0.5vw 0.2vw;
border-radius: 10vw;
line-height: 1vw;
margin: 0 auto 5vw;
}
.modal-content {
width: 80%;
}
}
.modal-content {
margin: 60px auto 80px;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
box-shadow: 0 0px 0px rgba(0,0,0,0);
background: rgba(255,255,255,1);
border: 0px solid rgba(0,0,0,0);
border-radius: 0px;
}
/***          modal          ***/

/***          modal e1         ***/

@media screen and (max-width: 767px) {
#pd_md_1{
padding:15% 0% 0%;
}
}
@media screen and (min-width: 768px) {
#pd_md_1{
padding:8% 0%;
}
}
/***          modal e1         ***/


/***          D          ***/
@media screen and (max-width: 767px) {
#pd_d_hsp{
background:#efedf282;
padding: 8vw 8vw;
}
.pd_d_hsp{
background: #fff;
}
.pd_d_hsp_ttl{
font-size: 4.7vw;
line-height: 1;
letter-spacing: .4vw;
text-align: center;
padding: 8vw 0vw;
}
.pd_d_hsp_box{
padding-bottom: 10vw;
}
.pd_d_hsp_box_1{
width: 100%;
}
.pd_d_hsp_box_2{
width: 100%;
padding-top: 1vw;
}
.pd_d_hsp_box_2 img{
width:100%;
height: auto;
}
.pd_d_hsp_box1_ttl{
font-size:1.8vw;
line-height:1;
letter-spacing:0.01vw;
text-align:center;
}
.pd_d_hsp_box1_a{
font-size: 3.8vw;
line-height: 1;
letter-spacing: 0.4vw;
text-align: left;
padding: 0vw 9vw 3vw;
}
.pd_d_hsp_box1_b{
font-size: 3.8vw;
line-height: 1;
letter-spacing: 0.4vw;
text-align: left;
padding: 0vw 9vw 3vw;
}
.pd_d_hsp_box1_ttl{
font-size:1.8vw;
line-height:1;
letter-spacing:0.01vw;
text-align:center;
}
.pd_d_hsp_box2{
padding-bottom: 6vw;
}
.pd_d_hsp_box2_ttl{
font-size: 4.4vw;
line-height: 1.6;
letter-spacing: .05vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_d_hsp_box2_ttla{
padding-right:1.5vw;
}
.pd_d_hsp_box2_ttlb{
padding-left:1.5vw;
}
.pd_d_hsp_box2_list{
padding: 0vw 7vw;
position: relative;
}
.pd_d_hsp_box2_lista{
float: left;
width: 47.3%;
font-size: 3.1vw;
line-height: 1.7;
letter-spacing: .01vw;
background: #efeef287;
margin: 1.2vw .9vw 1.6vw;
padding: 4.8vw 1.5vw;
text-align: center;
color: #555;
font-weight: 600;
}
.pd_d_hsp_box2_list_icn0{
padding: 1vw 8vw 4vw;
}
.pd_d_hsp_box2_list_icn0 img{
width: 100%;
height: auto;
}
.pd_d_hsp_box2_list_icn1{
position: absolute;
top: -1vw;
width: 7vw;
padding-left: 1vw;
}
.pd_d_hsp_box2_list_icn1 img{
width: 100%;
height: auto;
}
.pd_d_hsp_box2_list_icn2{
position: absolute;
top: -1vw;
width: 4.4vw;
right: 10vw;
}
.pd_d_hsp_box2_list_icn2 img{
width: 100%;
height: auto;
}
}
@media screen and (min-width: 768px) {
#pd_d_hsp{
background:#efedf2;
}
.pd_d_hsp{
padding: 6vw 0vw;
}
.pd_d_hsp_ttl{
font-size: 2vw;
line-height: 1;
letter-spacing: .4vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_d_hsp_box{
padding-bottom: 2vw;
}
.pd_d_hsp_box_1{
float:left;
width: 40%;
}
.pd_d_hsp_box_2{
float:left;
width: 60%;
}
.pd_d_hsp_box_2 img{
width:100%;
height: auto;
}
.pd_d_hsp_box1_ttl{
font-size:1.8vw;
line-height:1;
letter-spacing:0.01vw;
text-align:center;
}
.pd_d_hsp_box1_a{
font-size: 1.3vw;
line-height: 1;
letter-spacing:0.01vw;
text-align: left;
padding: 0.86vw 1vw;
background: #fff;
margin-bottom: 1vw;
}
.pd_d_hsp_box1_b{
font-size:1.3vw;
line-height:1;
letter-spacing:0.01vw;
text-align: left;
padding: 0.86vw 1vw;
background:#ffffff;
}
.pd_d_hsp_box1_ttl{
font-size:1.8vw;
line-height:1;
letter-spacing:0.01vw;
text-align:center;
}
.pd_d_hsp_box2{
padding:1vw 1vw;
}
.pd_d_hsp_box2_ttl{
font-size: 1.4vw;
line-height: 1;
letter-spacing: .1vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_d_hsp_box2_ttla{
padding-right:1.5vw;
}
.pd_d_hsp_box2_ttlb{
padding-left:1.5vw;
}
.pd_d_hsp_box2_list{
width: 55vw;
margin: 0 auto;
}
.pd_d_hsp_box2_lista{
float: left;
width: 46%;
font-size: 1.1vw;
line-height: 1;
letter-spacing: .01vw;
background: #fff;
margin: 0.2vw 0.3vw 0.7vw;
padding: 0.8vw 2.5vw;
text-align: center;
}
}
/***          D          ***/

/***          E          ***/
@media screen and (max-width: 767px) {
#pd_e_hsp{
padding:0vw 0vw;
}
.pd_e_hsp img{
width:100%;
}
}
@media screen and (min-width: 768px) {
#pd_e_hsp{
padding: 0vw 0vw;
}
.pd_e_hsp img{
width:100%;
}
}
/***          E          ***/

/***          F          ***/
@media screen and (max-width: 767px) {
#pd_f_hsp{
padding:4vw 2vw 0vw;
}
.pd_f_hsp_box{
padding: 8vw 0;
width: 80%;
margin: 0 auto;;
}
.pd_f_hsp_box_ttl{
/*-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright; */
font-size: 9.5vw;
line-height: 1.8;
text-align: left;
letter-spacing: .4vw;
}
.pd_f_hsp_box_ttla{
	font-size: 2.0vw;
    position: absolute;
    top: 33vw;
    right: 21.5vw;
    letter-spacing: .1vw;
}
.pd_f_hsp_box_ttlb{
	font-size: 2vw;
    position: absolute;
    bottom: 18vw;
    right: 8.5vw;
    letter-spacing: .1vw;
}
.pd_f_hsp_box_sub{
font-size: 2.2vw;
text-align: left;
padding: 0vw 4vw 6vw;
line-height: 1.6;
}
}
@media screen and (min-width: 768px) {
#pd_f_hsp{
padding:2vw 2vw 0vw;
}
.pd_f_hsp_box{
	padding: 6vw 0 4vw !important;
    position: relative;
    width: 40%;
    margin: 0 auto;
}
.pd_f_hsp_box_ttl{
/* -ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;*/
font-size: 3.4vw;
line-height: 1.7;
text-align: left;
letter-spacing: 0.4vw;
}
.pd_f_hsp_box_ttla{
	font-size: .8vw;
    position: absolute;
    right: 9.5vw;
    top: 15vw;
    letter-spacing: 0.1vw;
}
.pd_f_hsp_box_ttlb{
	font-size: .8vw;
    position: absolute;
    bottom: 8.8vw;
    right: 4.5vw;
	letter-spacing: 0.1vw;
}
.pd_f_hsp_box_sub{
font-size:0.8vw;
text-align:right;
}
}
/***          F          ***/

/***          G          ***/
@media screen and (max-width: 767px) {
#pd_g_hsp{
padding: 0vw 0 10vw;
}
.pd_g_hsp_box{
position:relative;
}
.pd_g_hsp_box img{
width:100%;
mix-blend-mode: multiply;
}
.pd_g_hsp_box_a{
position: absolute;
font-size: 1.6vw;
top: -3vw;
text-align: center;
letter-spacing: .15vw;
left: 1.0vw;
width: 15vw;
}
.pd_g_hsp_box_a img{
width:100%;
}
.pd_g_hsp_box_b{
position: absolute;
font-size: 4.0vw;
top: 16vw;
text-align: center;
letter-spacing: .5vw;
width: 100%;
margin: 0 auto;
}
.pd_g_hsp_box_c{
position: absolute;
font-size: 9vw;
top: 23vw;
text-align: center;
letter-spacing: 0vw;
width: 100vw;
line-height: 1.2;
margin: 0 auto;
}
.pd_g_hsp_box_d{
position: absolute;
top: 34.6vw;
width: 100vw;
}
.pd_g_hsp_box_d img{
width:100%;
}
}
@media screen and (min-width: 768px) {
#pd_g_hsp{
padding: 1vw 0vw 2vw;
}
.pd_g_hsp_box{
position:relative;
}
.pd_g_hsp_box img{
width:100%;
mix-blend-mode: multiply;
}
.pd_g_hsp_box_a{
position: absolute;
font-size: 1.6vw;
top: -3vw;
text-align: center;
letter-spacing: .15vw;
left: 1.0vw;
width: 15vw;
}
.pd_g_hsp_box_a img{
width:100%;
}
.pd_g_hsp_box_b{
position: absolute;
font-size: 1.5vw;
top: 5vw;
text-align: center;
letter-spacing: .15vw;
left: 12.5vw;
}
.pd_g_hsp_box_c{
position: absolute;
font-size: 3.75vw;
top: 8.0vw;
text-align: center;
letter-spacing: .15vw;
left: 12.25vw;
line-height: 1.2;
}
.pd_g_hsp_box_d{
position: absolute;
bottom: 3.6vw;
width: 44vw;
left: 4vw;
}
.pd_g_hsp_box_d img{
width:100%;
}
}
/***          G          ***/

/***          H          ***/
@media screen and (max-width: 767px) {
#pd_h_hsp{
padding: 0vw 0vw 0vw;
}
.pd_h_hsp_ttl{
font-size: 3.3vw;
line-height: 1;
letter-spacing: .2vw;
text-align: center;
padding: 4vw;
background: #192531;
color: #fff;
}
.pd_h_hsp_box_main {
line-height: 0;
}
.pd_h_hsp_box_main img{
width:100%;
height:auto;
}
.pd_h_hsp_box1{
background:#efedf273;
padding: 0vw 0vw 4vw;
}
.pd_h_hsp_box1_inner{
padding: 0vw;
}
.pd_h_hsp_box1_ttl_box{
padding: 9vw 0 6vw;
text-align: center;
}
.pd_h_hsp_box1_ttl_box_y{
padding: 15vw 0 4vw;
text-align: center;
}
.pd_h_hsp_box1_ttls{
font-size: 3.5vw;
letter-spacing: 0.4vw;
}
.pd_h_hsp_box1_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .1vw;
text-align: center;
padding: 3.7vw;
}
.pd_h_hsp_box_main2{
background: #192531;
padding: 12vw 4vw 0;
text-align: center;
color: #fff;
}
.pd_h_hsp_box_main2_txt1{
font-size: 4.8vw;
line-height: 1.5;
letter-spacing: 0.5vw;
}
.pd_h_hsp_box_main2_ttl2{
color: #fff;
margin: 0 auto;
width:77vw;
position: relative;
}
.pd_h_hsp_box_main2_ttl2a{
font-size: 40vw;
letter-spacing: -1.9vw;
position: relative;
width: 57vw;
text-align: left;
line-height: 1;
}
.pd_h_hsp_box_main2_ttl2b{
font-size: 15vw;
width: 18vw;
text-align: left;
position: absolute;
right: 2vw;
bottom: 4vw;
}
.pd_h_hsp_box_main2_ttl2c{
position: absolute;
right: 2vw;
bottom: 4.5vw;
border-bottom: 1px solid #fff;
width: 70vw;
}
.pd_h_hsp_box_main2_sub{
font-size: 2.0vw;
letter-spacing: .2vw;
text-align: center;
padding: 0vw 0 10vw;
font-weight: unset;
}
.pd_h_hsp_box1_inner_a{
padding: 0vw 0vw 0vw;
}
.pd_h_hsp_box1_inner_a1{

width:100%;
}
.pd_h_hsp_box1_inner_a1 img{
width:100%;
height:auto;
}
.pd_h_hsp_box1_inner_a2{
padding: 10vw 4vw 8vw;
background: #fff;
margin: 0vw 8vw;
text-align: center;
}
.pd_h_hsp_box1_inner_a2_ttl1{
font-size: 3.5vw;
line-height: 1;
letter-spacing: .3vw;
padding-bottom: 4vw;
}
.pd_h_hsp_box1_inner_a2_ttl2{
font-size: 5.7vw;
line-height: 1.5;
letter-spacing: 0vw !important;
}
.pd_h_hsp_box1_inner_a2_txt{
font-size: 3.4vw;
line-height: 1.5;
letter-spacing: .01vw;
padding: 0vw 6vw 6vw;
text-align: left;
}
.pd_h_hsp_box1_inner_a2_line{
border-right: 1px solid #00000082;
height: 13vw;
width: 1vw;
margin: 0 auto;
}
.pd_h_hsp_box1_inner_b{
padding: 7vw 0vw 0vw;
background: #fff;
margin: 0 8vw;
text-align: center;
}
.pd_h_hsp_box1_inner_b1{
width: 100%;
padding: 7vw 0vw;
}
.pd_h_hsp_box1_inner_b1_ttl2{
font-size: 5.6vw;
line-height: 1.5;
letter-spacing: .5vw;
text-align: center;
}
.pd_h_hsp_box1_inner_b1_box{
padding: 1vw 0;
margin: 0 auto;
width: 23vw;
}
.pd_h_hsp_box1_inner_b1_box_a{
width:100%;
border-radius: 8px;
border: 1px solid #0e202f;
padding: 0.8vw 1vw;
text-align: center;
line-height: 1.3;
letter-spacing: 0.1vw;
margin-right: 0.5vw;
}
.pd_h_hsp_box1_inner_b1_box_b{
width:100%;
border-radius: 8px;
border: 1px solid #0e202f;
padding: 0.8vw 1vw;
text-align: center;
line-height: 2.5;
letter-spacing: .1vw;
margin-left: .5vw;
}
.pd_h_hsp_box1_inner_b2{
width:100%;
}
.pd_h_hsp_box1_inner_b2 img{
width:100%;
height:auto;
}

.pd_h_hsp_box1_inner_c{
padding: 14vw 8vw 10vw;
}
.pd_h_hsp_box1_inner_c1{
text-align: center;
padding-bottom: 5vw;
}
.pd_h_hsp_box1_inner_c1_ttl1{
font-size: 4.0vw;
line-height: 1;
letter-spacing: .1vw;
padding-bottom: 3.0vw;
color: #b4b4b5;
}
.pd_h_hsp_box1_inner_c1_ttl2{
font-size: 5.7vw;
line-height: 1;
letter-spacing: .1vw;
padding-bottom: 2vw;
}
.pd_h_hsp_box1_inner_c1_ttl2 sup{
font-size: 2vw;
vertical-align: top;
letter-spacing: -0.2vw;
}
.pd_h_hsp_box1_inner_c1_txt{
font-size: 2vw;
line-height: 1.5;
letter-spacing: .06vw;
padding: 5vw 6vw 0vw;
}
.pd_h_hsp_box1_inner_c1_box{
padding:2vw 0vw;
}
.pd_h_hsp_box1_inner_c2{
width: 100%;
padding: 0vw 6vw;
}
.pd_h_hsp_box1_inner_c2 img{
width:100%;
height:auto;
}

.pd_h_hsp_box1_inner_d_ttl{
background: #0e202f;
color: #fff;
text-align: center;
font-size: 3.2vw;
letter-spacing: .15vw;
width: 40vw;
padding: 1.8vw 2vw;
position: absolute;
    top: -0.4vw;
    left: 0;
}
.pd_h_hsp_box1_inner_d{
padding: 6vw 8vw;
}
.pd_h_hsp_box1_inner_d1{
font-size: 3vw;
line-height: 1.7;
letter-spacing: .3vw;
padding-bottom: 5vw;
}
.pd_h_hsp_box1_inner_d1 sup{
vertical-align: text-top;
font-size: 1.5vw;
line-height: 2;
}
.pd_h_hsp_box1_inner_d2{
padding: 0 4vw;
}
.pd_h_hsp_box1_inner_d2 img{
width:100%;
height:auto;
}
.pd_h_hsp_box1_inner_d_sub{
font-size: 2vw;
line-height: 1;
letter-spacing: .1vw;
padding-top: 2vw;
}
}
@media screen and (min-width: 768px) {
#pd_h_hsp{
padding: 4vw 0vw 4vw;
}
.pd_h_hsp_ttl{
font-size: 1.6vw;
line-height: 1;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 2.5vw;
}
.pd_h_hsp_box_main img{
width:100%;
height:auto;
}
.pd_h_hsp_box1{
background:#efedf280;
padding: 0vw 4vw 4vw;
}
.pd_h_hsp_box1_inner{
background:#ffffff;
}

.pd_h_hsp_box1_ttl{
font-size: 3.2vw;
line-height: 1;
letter-spacing: .15vw;
text-align: center;
padding: 3.5vw 0;
}
.pd_h_hsp_box1_inner_a{
padding: 0vw 5vw 3vw;
}
.pd_h_hsp_box1_inner_a1{
float:left;
width:50%;
}
.pd_h_hsp_box1_inner_a1 img{
width:100%;
height:auto;
}
.pd_h_hsp_box1_inner_a2{
float:left;
width:50%;
padding: 2vw 0vw 0vw 3vw;
}
.pd_h_hsp_box1_inner_a2_ttl1{
font-size:1.2vw;
line-height:1;
letter-spacing:0.05vw;
padding-bottom:1.0vw;
}
.pd_h_hsp_box1_inner_a2_ttl2{
font-size: 2.1vw;
line-height: 1.5;
letter-spacing: .1vw;
padding-bottom: 1.0vw;
}
.pd_h_hsp_box1_inner_a2_txt{
font-size: 1.1vw;
line-height: 1.5;
letter-spacing: .01vw;
padding-bottom: .5vw;
}
.pd_h_hsp_box1_inner_b{
padding: 0vw 5vw 3vw;
}
.pd_h_hsp_box1_inner_b1{
float:left;
width:50%;
}
.pd_h_hsp_box1_inner_b1_ttl2{
font-size: 2.1vw;
line-height: 1.5;
letter-spacing: .15vw;
padding-bottom: .5vw;
text-align: left;
margin: 0 auto;
width: 23vw;
}
.pd_h_hsp_box1_inner_b1_box{
padding: 1vw 0;
margin: 0 auto;
width: 23vw;
}
.pd_h_hsp_box1_inner_b1_box_a{
float: left;
width: 47.5%;
border-radius: 8px;
border: 1px solid #0e202f;
padding: 0.8vw 1vw;
text-align: center;
line-height: 1.3;
letter-spacing: 0.1vw;
margin-right: 0.5vw;
}
.pd_h_hsp_box1_inner_b1_box_b{
float: left;
width: 47.5%;
border-radius: 8px;
border: 1px solid #0e202f;
padding: 0.8vw 1vw;
text-align: center;
line-height: 2.5;
letter-spacing: .1vw;
margin-left: .5vw;
}
.pd_h_hsp_box1_inner_b2{
float:left;
width:50%;
}
.pd_h_hsp_box1_inner_b2 img{
width:100%;
height:auto;
}

.pd_h_hsp_box1_inner_c{
padding: 4vw 0vw 3vw;
background: #efedf280;
margin: 0 4vw 3vw;
}
.pd_h_hsp_box1_inner_c1{
float: left;
width: 45%;
text-align: center;
padding-top: 4vw;
}
.pd_h_hsp_box1_inner_c1_ttl1{
font-size: 1.6vw;
line-height: 1;
letter-spacing: .2vw;
padding-bottom: 1.5vw;
}
.pd_h_hsp_box1_inner_c1_ttl2{
font-size: 2.2vw;
line-height: 1;
letter-spacing: .12vw;
padding-bottom: 2vw;
}
.pd_h_hsp_box1_inner_c1_ttl2 sup{
font-size: 1vw;
vertical-align: revert;
letter-spacing: -0.2vw;
}
.pd_h_hsp_box1_inner_c1_txt{
font-size: .7vw;
line-height: 1.5;
letter-spacing: .06vw;
padding-bottom: .5vw;
color: #a7a4a3;
}
.pd_h_hsp_box1_inner_c1_box{
padding:2vw 0vw;
}
.pd_h_hsp_box1_inner_c2{
float:left;
width:55%;
padding-right: 3.5vw;
}
.pd_h_hsp_box1_inner_c2 img{
width:100%;
height:auto;
}

.pd_h_hsp_box1_inner_d_ttl{
position: relative;
left: -4vw;
background: #0e202f;
color: #fff;
text-align: center;
font-size: 1.2vw;
letter-spacing: 0.15vw;
width: 15.0vw;
padding: 1vw 2vw;
}
.pd_h_hsp_box1_inner_d{
position: relative;
top: -3.7vw;
padding: 0vw 2vw 0vw 14.5vw;
}
.pd_h_hsp_box1_inner_d1{
float: left;
width: 50%;
padding-right: 1vw;
font-size: 1.0vw;
line-height: 1.7;
letter-spacing: 0.1vw;
padding-bottom: 1vw;
}
.pd_h_hsp_box1_inner_d2{
float: left;
width: 50%;
padding: 0vw 0vw 0vw 1vw;
}
.pd_h_hsp_box1_inner_d2 img{
width:100%;
height:auto;
}
.pd_h_hsp_box1_inner_d_sub{
font-size: 0.8vw;
line-height: 1;
letter-spacing: 0.1vw;
padding-top: 1vw;
}
}
/***          h          ***/

/***          I          ***/
@media screen and (max-width: 767px) {
#pd_i_hsp{
padding: 0vw;
}
.pd_i_hsp_box1_ttl_box{
padding: 15vw 0 4vw;
text-align: center;
}
.pd_i_hsp_box1_ttls{
font-size: 3.5vw;
letter-spacing: 0.4vw;
}
.pd_i_hsp_box1_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .1vw;
text-align: center;
padding: 3.7vw;
}
.pd_i_hsp_box_main img{
width:100%;
height:auto;
}
.pd_i_hsp_box1{
background:#efedf280;
padding: 0vw 8vw 4vw;
}
.pd_i_hsp_box1_inner{
padding: 0vw 0vw;
}
.pd_i_hsp_box1_ttl1{
font-size: 4.5vw;
line-height: 1;
letter-spacing: .02vw;
text-align: center;
padding: 8vw 0 3vw;
}
.pd_i_hsp_box1_ttl2{
font-size: 6.5vw;
line-height: 1;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 8vw;
}
.pd_i_hsp_box1_ttl2a{
border-bottom: 2px solid;
}
.pd_i_hsp_box1_txt{
font-size: 3.3vw;
line-height: 1.5;
letter-spacing: .15vw;
text-align: left;
padding: 6vw 6vw 2.5vw;
background: #fff;
}

.pd_i_hsp_box1_inner_b{
padding-top: 2.5vw;
background: #ffffff;
}
.pd_i_hsp_box1_inner_b1{
position: relative;
margin: 0 auto;
width: 101vw;
left: -8.5vw;
}
.pd_i_hsp_box1_inner_b1 img{
width:100%;
height:auto;
}
.pd_i_hsp_box1_inner_b2 img{
padding: 7vw 8vw 15vw;
width: 100%;
height: auto;
}
.pd_i_hsp_box1_inner_b3_ttl1{
font-size: 2.5vw;
color: #00000069;
text-align: center;
padding-bottom: 3.5vw;
font-weight: 600;
letter-spacing: .3vw;
}
.pd_i_hsp_box1_inner_b3_ttl2{
font-size: 5.5vw;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_i_hsp_box1_inner_b3 img{
padding: 0vw 6vw;
width: 100%;
height: auto;
}
.pd_i_hsp_box1_inner_b3_txt{
font-size: 3.0vw;
letter-spacing: .05vw;
line-height: 1.6;
text-align: left;
padding: 3vw 7vw 7.5vw;
}

.pd_i_hsp_box1_inner_d_ttl{
background: #0e202f;
color: #fff;
text-align: center;
font-size: 3.2vw;
letter-spacing: .15vw;
width: 40vw;
padding: 1.8vw 2vw;
}
.pd_i_hsp_box1_inner_d{
padding: 6vw 8vw;
}
.pd_i_hsp_box1_inner_d1{
font-size: 3vw;
line-height: 1.7;
letter-spacing: .3vw;
padding-bottom: 5vw;
}
.pd_i_hsp_box1_inner_d1 sup{
vertical-align: text-top;
font-size: 1.5vw;
line-height: 2;
}
.pd_i_hsp_box1_inner_d2{
padding: 0 4vw;
}
.pd_i_hsp_box1_inner_d2 img{
width:100%;
height:auto;
}
.pd_i_hsp_box1_inner_d_sub{
font-size: 2vw;
line-height: 1;
letter-spacing: .1vw;
padding-top: 2vw;
}
}
@media screen and (min-width: 768px) {
#pd_i_hsp{
padding: 5vw 0vw;
}
.pd_i_hsp_box_main img{
width:100%;
height:auto;
}
.pd_i_hsp_box1{
background:#efedf280;
padding: 0vw 4vw 4vw;
}
.pd_i_hsp_box1_inner{
background:#ffffff;
}
.pd_i_hsp_box1_ttl1{
font-size: 1.4vw;
line-height: 1;
letter-spacing: .02vw;
text-align: center;
padding: 4vw 0 2vw;
}
.pd_i_hsp_box1_ttl2{
font-size: 3.3vw;
line-height: 1;
letter-spacing: .25vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_i_hsp_box1_ttl2a{
border-bottom: 2px solid;
}
.pd_i_hsp_box1_txt{
font-size: 1.0vw;
line-height: 1.5;
letter-spacing: .15vw;
text-align: center;
padding: 0vw 0vw 2.5vw;
}

.pd_i_hsp_box1_inner_b{
background:#efedf280;
margin:0 13vw 4vw;
padding-top: 2.5vw;
}
.pd_i_hsp_box1_inner_b1{
position: relative;
margin: 0 auto;
width: 58vw;
left: -4.5vw;
}
.pd_i_hsp_box1_inner_b1 img{
width:100%;
height:auto;
}
.pd_i_hsp_box1_inner_b2 img{
padding: 3vw 7vw 4vw;
width: 100%;
height: 100%;
}
.pd_i_hsp_box1_inner_b3_ttl1{
font-size: 1.25vw;
color: #00000069;
text-align: center;
padding-bottom: 1.3vw;
font-weight: 600;
letter-spacing: 0.08vw;
}
.pd_i_hsp_box1_inner_b3_ttl2{
font-size: 2.5vw;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_i_hsp_box1_inner_b3 img{
padding: 0vw 3vw;
width: 100%;
height: 100%;
}
.pd_i_hsp_box1_inner_b3_txt{
font-size: 1.0vw;
letter-spacing: .05vw;
line-height: 1.7;
text-align: center;
padding: .5vw 0vw 3.5vw;
}

.pd_i_hsp_box1_inner_d_ttl{
position: relative;
left: -4vw;
background: #0e202f;
color: #fff;
text-align: center;
font-size: 1.2vw;
letter-spacing: 0.15vw;
width: 15.0vw;
padding: 1vw 2vw;
}
.pd_i_hsp_box1_inner_d{
position: relative;
top: -3.7vw;
padding: 0vw 2vw 0vw 14.5vw;
}
.pd_i_hsp_box1_inner_d1{
float: left;
width: 50%;
padding-right: 1vw;
font-size: 1.0vw;
line-height: 1.7;
letter-spacing: 0vw;
padding-bottom: 1vw;
}
.pd_i_hsp_box1_inner_d1 sup{
font-size: 0.6vw;
}
.pd_i_hsp_box1_inner_d2{
float: left;
width: 50%;
padding: 0vw 0vw 0vw 1vw;
}
.pd_i_hsp_box1_inner_d2 img{
width:100%;
height:auto;
}
.pd_i_hsp_box1_inner_d_sub{
font-size: 0.8vw;
line-height: 1;
letter-spacing: 0vw;
padding-top: 1vw;
}
}
/***          I          ***/

/***          J          ***/
@media screen and (max-width: 767px) {
#pd_j_hsp{
padding: 5vw 0vw;
}
.pd_j_hsp_box1_ttl_box{
padding: 15vw 0 4vw;
text-align: center;
}
.pd_j_hsp_box1_ttls{
font-size: 3.5vw;
letter-spacing: 0.4vw;
}
.pd_j_hsp_box1_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .1vw;
text-align: center;
padding: 3.7vw;
}
.pd_j_hsp_box_main img{
width:100%;
height:auto;
}
.pd_j_hsp_box{
background:#efedf280;
padding: 0vw 0vw 4vw;
}
.pd_j_hsp_box_inner{
padding-bottom: 5vw;
margin-bottom: 5vw;
}
.pd_j_hsp_box1_ttl1{
font-size: 4.0vw;
line-height: 1;
letter-spacing: .4vw;
text-align: center;
padding: 8vw 0 3vw;
color: #555;
}
.pd_j_hsp_box1_ttl2{
font-size: 6.5vw;
line-height: 1.5;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 6vw;
}
.pd_j_hsp_box1_img{
margin: 0 auto;
}
.pd_j_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_j_hsp_box1_txt{
font-size: 5.0vw;
letter-spacing: .5vw;
line-height: 1.7;
text-align: center;
padding: 7vw 0 7vw;
}
.pd_j_hsp_box2{
margin: 0 auto;
}
.pd_j_hsp_box2a{
margin: 0vw 8vw;
background: #fff;
padding: 0vw 8vw 8vw;
margin-bottom: 3.5vw;
}
.pd_j_hsp_box2a_ttl{
background: #000;
padding: 1.5vw 1vw;
text-align: center;
font-size: 4.0vw;
letter-spacing: .2vw;
color: #fff;
width: 24vw;
position: relative;
top: 0vw;
left: -11vw;
}
.pd_j_hsp_box2a_txt{
font-size: 3.2vw;
letter-spacing: .1vw;
line-height: 1.6;
padding: 4vw 0vw 3vw;
}
.pd_j_hsp_box2a_1 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2a_1b{
position: relative;
padding: 0 8vw;
}
.pd_j_hsp_box2a_1b img{
width:100%;
height:auto;
}
.pd_j_hsp_box2a_1b_1{
position: absolute;
width: 30vw;
top: 0vw;
right: 3vw;
}
.pd_j_hsp_box2a_1b_1 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2a_1b_2{
position: absolute;
width: 32vw;
bottom: 0vw;
right: 2vw;
}
.pd_j_hsp_box2a_1b_2 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2a_1a{

}
.pd_j_hsp_box2a_1a_1{
float:left;
width:50%;
padding-right: 0.6vw;
}
.pd_j_hsp_box2a_1a_1 img{
width:100%;
}
.pd_j_hsp_box2a_1a_2{
float:left;
width:50%;
padding-left: 0.6vw;
}
.pd_j_hsp_box2a_1a_2 img{
width:100%;
}
.pd_j_hsp_box2a_1a_txt{
color: #555;
font-size: 2.5vw;
letter-spacing: .5vw;
text-align: center;
padding-top: 1.5vw;
}
.pd_j_hsp_box2a_2 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2b{
margin: 0vw 8vw;
background: #fff;
padding: 0vw 8vw 8vw;
}
.pd_j_hsp_box2c{
padding-bottom: 10vw;
}
.pd_j_hsp_box2c_ttl{
font-size: 6vw;
letter-spacing: .1vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_j_hsp_box2c_sub {
padding: 0vw 9vw;
margin: 0 auto;
}
.pd_j_hsp_box2c_sub ul{
/* display: table; */
table-layout: fixed;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
}
.pd_j_hsp_box2c_sub li{
display: table-cell;
vertical-align: middle;
border-right: 1px solid #fff;
word-wrap: break-word;
height: 100%;
width: 40vw;
float: left;
color: #a1a2bf;
margin: 0 .5vw 1vw;
text-align: center;
padding: 2vw 0 2vw 1.5vw;
font-size: 3.5vw;
letter-spacing: 1vw;
background: #fff;
font-weight: 700;
}
.pd_j_hsp_box2d{
padding: 5vw 4vw 9vw;
position: relative;
}
.pd_j_hsp_box2d_ttl1{
font-size: 2.7vw;
line-height: 1;
letter-spacing: .1vw;
padding-bottom: 2vw;
text-align: center;
}
.pd_j_hsp_box2d_ttl2{
font-size: 5.5vw;
line-height: 1;
letter-spacing: .01vw;
text-align: center;
padding-bottom: 7vw;
}
.pd_j_hsp_box2d_img{
padding: 0vw 2vw;
}
.pd_j_hsp_box2d_img img{
width:100%;
height:auto;
}
}
@media screen and (min-width: 768px) {
#pd_j_hsp{
padding: 5vw 0vw;
}
.pd_j_hsp_box_main img{
width:100%;
height:auto;
}
.pd_j_hsp_box{
background:#efedf280;
padding: 0vw 4vw 4vw;
}
.pd_j_hsp_box_inner{
background: #fff;
padding-bottom: 5vw;
margin-bottom: 5vw;
}
.pd_j_hsp_box1_ttl1{
font-size: 1.3vw;
line-height: 1;
letter-spacing: .15vw;
text-align: center;
padding: 3.5vw 0 2vw;
}
.pd_j_hsp_box1_ttl2{
font-size: 3.0vw;
line-height: 1.5;
letter-spacing: .15vw;
text-align: center;
padding: 0vw 0 2vw;
}
.pd_j_hsp_box1_img{
width: 50vw;
margin: 0 auto;
}
.pd_j_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_j_hsp_box1_txt{
font-size: 2.5vw;
letter-spacing: .05vw;
line-height: 1.5;
text-align: center;
padding: 3.0vw 0vw 2.5vw;
}
.pd_j_hsp_box2{
width: 50vw;
margin: 0 auto;
}
.pd_j_hsp_box2a{
float: left;
width: 50%;
padding: 0vw 2vw 1vw 0vw;
}
.pd_j_hsp_box2a_ttl{
background: #000;
padding: 0.6vw 1vw;
text-align: center;
font-size: 1.6vw;
letter-spacing: .2vw;
color: #fff;
width: 16vw;
margin: 0 auto;
}
.pd_j_hsp_box2a_txt{
font-size: 1vw;
letter-spacing: .01vw;
line-height: 1.4;
padding: 1.3vw 0vw;
}
.pd_j_hsp_box2a_1{
position: relative;
}
.pd_j_hsp_box2a_1 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2a_1a_1{
position: absolute;
right: 0.2vw;
top: 0vw;
width: 18.5vw;
}
.pd_j_hsp_box2a_1a_2{
position: absolute;
right: 0.2vw;
top: 14.9vw;
width: 18.5vw;
}
.pd_j_hsp_box2a_1b_1{
position: absolute;
left: 0.2vw;
bottom: -0.5vw;
width: 13.2vw;
}
.pd_j_hsp_box2a_2 img{
width:100%;
height:auto;
}
.pd_j_hsp_box2b{
float: left;
width: 50%;
padding: 0vw 0vw 1vw 2vw;
}
.pd_j_hsp_box2c{
padding: 0vw 0vw 0vw 0vw;
}
.pd_j_hsp_box2c_ttl{
font-size: 2.3vw;
letter-spacing: .1vw;
text-align: center;
padding-bottom: 9vw;
}
.pd_j_hsp_box2c_sub {
width: 55vw;
margin: 0 auto;
position: relative;
top: -11vw;
}
.pd_j_hsp_box2c_sub ul{
/* display: table; */
table-layout: fixed;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
}
.pd_j_hsp_box2c_sub li{
display: table-cell;
vertical-align: middle;
border-right: 1px solid #fff;
word-wrap: break-word;
height: 100%;
width: 17.9vw;
float: left;
color: #a1a2bf;
border: 1px solid #a1a2bf;
border-radius: 10vw;
margin: 0 0.2vw 0.5vw;
text-align: center;
padding: 1vw 0vw 1vw 1.5vw;
font-size: 1.5vw;
letter-spacing: 1.5vw;
background: #fff;
}
.pd_j_hsp_box2d{
background: #fff;
padding: 5vw 4vw 3vw;
position: relative;
}
.pd_j_hsp_box2d_ttl1{
font-size: 1.6vw;
line-height: 1;
letter-spacing: .1vw;
padding-bottom: 1vw;
position: absolute;
width: 90%;
text-align: center;
top: 6vw;
}
.pd_j_hsp_box2d_ttl2{
font-size: 2.5vw;
line-height: 1;
letter-spacing: .01vw;
text-align: center;
padding-bottom: 2vw;
position: absolute;
width: 90%;
top: 9vw;
}
.pd_j_hsp_box2d_img{
margin: 0 auto;
width: 55vw;
}
.pd_j_hsp_box2d_img img{
width:100%;
height:auto;
}
}
/***          J          ***/

/***          K          ***/
@media screen and (max-width: 767px) {
#pd_k_hsp{
padding: 0vw 0vw;
}
.pd_k_hsp_box1_ttl_box{
padding: 15vw 0 4vw;
text-align: center;
}
.pd_k_hsp_box1_ttls{
font-size: 3.5vw;
letter-spacing: 0.4vw;
}
.pd_k_hsp_box1_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .1vw;
text-align: center;
padding: 3.7vw;
}
.pd_k_hsp{
padding: 0vw 0vw;
}
.pd_k_hsp_box1{
padding: 0vw 0vw;
}
.pd_k_hsp_box1_ttl1{
font-size: 1.3vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 2vw;
}
.pd_k_hsp_box1_ttl2{
font-size: 2.7vw;
line-height: 1.6;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 3vw;
}
.pd_k_hsp_box1_img{
padding:0vw 0vw;
}
.pd_k_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_k_hsp_box2{
padding: 0 4vw 5vw;
}
.pd_k_hsp_box2a{
float:left;
width:50%;
padding: 2vw 3vw 2vw 2vw;
}
.pd_k_hsp_box2a_img,.pd_k_hsp_box2b_img{
text-align: center;
}
.pd_k_hsp_box2a_img img{
width:90%;
height:auto;
}
.pd_k_hsp_box2a_txt,.pd_k_hsp_box2b_txt{
font-size: 3vw;
line-height: 1.6;
letter-spacing: .05vw;
padding: 2vw 0 3vw;
}
.pd_k_hsp_box2a_txt2,.pd_k_hsp_box2b_txt2{
border-radius: 5px;
padding: 2vw 3vw;
border: 1px solid #00000080;
font-size: 2.4vw;
line-height: 2;
letter-spacing: 0vw;
}
.pd_k_hsp_box2d_txt2{
border-radius: 5px;
padding: 2vw 3vw;
border: 1px solid #00000080;
font-size: 2.4vw;
line-height: 2;
letter-spacing: 0vw;
}
.pd_k_hsp_box2b{
float:left;
width:50%;
padding: 2vw 2vw 2vw 3vw;
}
.pd_k_hsp_box2b_img img{
width:90%;
height:auto;
}
.pd_k_hsp_box2c{
font-size: 2.5vw;
line-height: 1.6;
padding: 4vw 6vw 4vw;
text-align: left;
background: #efedf280;
}
}
@media screen and (min-width: 768px) {
#pd_k_hsp{
padding: 6vw 0vw;
}
.pd_k_hsp{
padding: 0vw 4vw;
}
.pd_k_hsp_box1{
padding: 0vw 5vw;
}
.pd_k_hsp_box1_ttl1{
font-size: 1.3vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 2vw;
}
.pd_k_hsp_box1_ttl2{
font-size: 2.7vw;
line-height: 1.6;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 3vw;
}
.pd_k_hsp_box1_img{
padding:0vw 0vw;
}
.pd_k_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_k_hsp_box2{
padding: 0;
width: 60vw;
margin: 0 auto;
}
.pd_k_hsp_box2a{
float:left;
width:50%;
padding: 2vw 2.5vw 2vw 2vw;
}
.pd_k_hsp_box2a_img img{
width:100%;
height:auto;
}
.pd_k_hsp_box2a_txt,.pd_k_hsp_box2b_txt{
font-size: 1.2vw;
line-height: 1.6;
letter-spacing: .05vw;
padding: 1vw 0vw;
}
.pd_k_hsp_box2a_txt2,.pd_k_hsp_box2b_txt2{
border-radius: 10px;
padding: 1vw 4vw;
border: 1px solid #00000080;
font-size: 1.2vw;
line-height: 1.6;
}
.pd_k_hsp_box2d_txt2{
border-radius: 10px;
padding: 1vw 4vw;
border: 1px solid #00000080;
font-size: 1.2vw;
line-height: 1.6;
text-align: center;
}	
	
.pd_k_hsp_box2b{
float:left;
width:50%;
padding: 2vw 2vw 2vw 2.5vw;
}
.pd_k_hsp_box2b_img img{
width:100%;
height:auto;
}
.pd_k_hsp_box2c{
font-size: .65vw;
line-height: 1.4;
padding: 0vw 2.5vw;
text-align: center;
}
}
/***          K          ***/

/***          L          ***/
@media screen and (max-width: 767px) {
#pd_l_hsp{
padding: 15vw 0vw 0vw;
}
.pd_l_hsp{
padding: 0vw 0vw;
}
.pd_l_hsp_box1_ttl1{
font-size: 4.2vw;
line-height: 1;
letter-spacing: 1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 28vw;
margin: 0 auto 8vw;
}
.pd_l_hsp_box1_ttl2{
font-size: 5.5vw;
line-height: 1.6;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 6vw;
}
.pd_l_hsp_box1_img{
padding:0vw 0vw;
line-height: 0;
}
.pd_l_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_l_hsp_box1_img2{
padding:0vw 0vw;
line-height: 0;
}
.pd_l_hsp_box1_img2 img{
width:100%;
height:auto;
}
}
@media screen and (min-width: 768px) {
#pd_l_hsp{
padding: 6vw 0vw;
}
.pd_l_hsp{
padding: 0vw 0vw;
}
.pd_l_hsp_box1_ttl1{
font-size: 1.3vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 15vw;
margin: 0 auto 2vw;
}
.pd_l_hsp_box1_ttl2{
font-size: 2.7vw;
line-height: 1.6;
letter-spacing: .2vw;
text-align: center;
padding-bottom: 3vw;
}
.pd_l_hsp_box1_img{
padding:0vw 0vw;
}
.pd_l_hsp_box1_img img{
width:100%;
height:auto;
}
.pd_l_hsp_box1_img2{
padding:0vw 0vw;
}
.pd_l_hsp_box1_img2 img{
width:100%;
height:auto;
}
}
/***          L          ***/

/***          M          ***/
@media screen and (max-width: 767px) {
#pd_m_hsp{
background-image: url(img/product/hsp-kr/m_c01_sp.jpg);
margin:0vw;
padding: 10vw 0vw 0;
margin-bottom: 26vw;
}
#pd_m_hsp2{
padding: 0vw 0 2vw;
background: #efedf280;
margin-bottom: 2vw;
}
.pd_m_hsp{
padding: 5vw 5vw;
}
.pd_m_hsp_ttl1{
color: #a688c8;
font-size: 3.0vw;
font-weight: 800;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 6vw;
}
.pd_m_hsp_ttl2{
color: #a688c8;
font-size: 9vw;
letter-spacing: 1vw;
text-align: center;
padding-bottom: 3vw;
font-weight: normal !important;
}
.pd_m_hsp_txt{
font-size: 3.6vw;
line-height: 1.7;
letter-spacing: .1vw;
text-align: center;
padding-bottom: 4.6vw;
}
.pd_m_hsp_txt sup{
font-size:1.8vw;
}
.pd_m_hsp_txt2{
font-size: 1.8vw;
text-align: right;
color: #cacaca;
padding-bottom: 2vw;
}
.pd_m_hsp_box1{

}
.pd_m_hsp_box1_ttl{
font-size: 4.5vw;
letter-spacing: .5vw;
padding: 8vw 0 6vw;
text-align: center;
background:#ffffff;
}
.pd_m_hsp_box1a{
padding: 0 0 2vw;
margin-bottom: 5vw;
background: #ffffff;
}
.pd_m_hsp_box1a_img{
position: relative;
left: -5vw;
}
.pd_m_hsp_box1a_img img{
width: 89vw;
height: auto;
}
.pd_m_hsp_box1a_img2{
position: absolute;
width: 29vw;
right: -7vw;
top: 5.5vw;
}
.pd_m_hsp_box1a_img2 img{
width:100%;
height:auto;
}
.pd_m_hsp_box1a_ttl{
font-size: 4.5vw;
letter-spacing: .3vw;
text-align: center;
text-decoration: unset;
padding: 7vw 0;
line-height: 1.7;
}
.pd_m_hsp_box1a_img3{
padding: 0vw 10vw;
}
.pd_m_hsp_box1a_img3 img{
width:100%;
height:auto;
}
.pd_m_hsp_box1a_txt{
font-size: 2vw;
letter-spacing: .04vw;
padding: 6vw 8vw 3vw;
line-height: 1.5;
}
.pd_m_hsp_box1b{
padding:0vw;
background: #fff;
}
.pd_m_hsp_box1b_ttl{
font-size:2vw;
letter-spacing:0.01vw;
padding:2vw 0vw;
text-align:center;
}
.pd_m_hsp_box1b_img{
position: relative;
padding: 0vw 5vw;
bottom: -8vw;
}
.pd_m_hsp_box1b_img img{
width:100%;
height:auto;
}
.pd_m_hsp_box1b_img2{
position: absolute;
width: 26vw;
left: -4vw;
top: -11.5vw;
}
.pd_m_hsp_box1b_img2 img{
width:100%;
height:auto;
}
.pd_m_hsp_box2{
padding: 0vw 4vw 3vw 1vw;
}
.pd_m_hsp_box2_ttl{
font-size: 4vw;
line-height: 1;
letter-spacing: .3vw;
background: #000;
color: #fff;
padding: 2.3vw 0vw;
text-align: center;
width: 46vw;
margin: 0 auto 2vw;
position: relative;
top: -4vw;
}
.pd_m_hsp_box2_img{
padding:0vw;
}
.pd_m_hsp_box2_img img{
width:100%;
height:auto;
}
.pd_m_hsp_box2_txt{
font-size: 2.3vw;
line-height: 1.6;
padding: 2vw 4vw;
color:#192531;
}
}
@media screen and (min-width: 768px) {
#pd_m_hsp{
background-image: url(img/product/hsp-kr/m_c01_pc.jpg);
margin:0vw;
padding: 10vw 0vw;
}
#pd_m_hsp2{
padding: 10vw 0 8vw;
background:#efedf280;
margin-bottom: 3vw;
}
.pd_m_hsp{
padding: 0vw 5vw;
}
.pd_m_hsp_ttl1{
color: #a688c8;
font-size: 1.5vw;
font-weight: 800;
letter-spacing: .35vw;
text-align: center;
padding-bottom: 2vw;
}
.pd_m_hsp_ttl2{
color: #a688c8;
font-size: 4.5vw;
letter-spacing: .5vw;
text-align: center;
padding-bottom: 3vw;
font-weight: unset;
}
.pd_m_hsp_txt{
font-size: 1.6vw;
line-height: 1.6;
letter-spacing: .1vw;
text-align: center;
padding-bottom: 1.6vw;
}
.pd_m_hsp_txt sup{
font-size:0.8vw;
}
.pd_m_hsp_txt2{
font-size:0.8vw;
text-align:center;
}
.pd_m_hsp_box1{
background:#ffffff;
}
.pd_m_hsp_box1_ttl{
font-size: 2.7vw;
letter-spacing: .5vw;
padding: 4vw 0;
text-align: center;
}
.pd_m_hsp_box1a{
padding:0vw 0vw 8vw;
}
.pd_m_hsp_box1a_img{
position:relative;
}
.pd_m_hsp_box1a_img img{
width:100%;
height:auto;
}
.pd_m_hsp_box1a_img2{
position: absolute;
width: 15vw;
right: 4vw;
top: -1.5vw;
}
.pd_m_hsp_box1a_img2 img{
width:100%;
height:auto;
}
.pd_m_hsp_box1a_ttl{
font-size: 1.8vw;
letter-spacing: 0.3vw;
text-align: center;
text-decoration: underline;
padding: 5vw 0vw;
}
.pd_m_hsp_box1a_img3{
width: 55vw;
margin: 0 auto;
}
.pd_m_hsp_box1a_img3 img{
width:100%;
height:auto;
}
.pd_m_hsp_box1a_txt{
font-size: .7vw;
width: 55vw;
margin: 0 auto;
letter-spacing: 0.01vw;
}
.pd_m_hsp_box1b{
padding:0vw;
}
.pd_m_hsp_box1b_ttl{
font-size:2vw;
letter-spacing:0.01vw;
padding:2vw 0vw;
text-align:center;
}
.pd_m_hsp_box1b_img{
position:relative;
margin:0 auto;
width: 50vw;
bottom: -2vw;
}
.pd_m_hsp_box1b_img img{
width:100%;
height:auto;
}
.pd_m_hsp_box1b_img2{
position: absolute;
width: 16vw;
left: -15vw;
top: -4.0vw;
}
.pd_m_hsp_box1b_img2 img{
width:100%;
height:auto;
}
.pd_m_hsp_box2{
padding:0vw 1vw;
}
.pd_m_hsp_box2_ttl{
font-size: 1.5vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 2vw;
}
.pd_m_hsp_box2_img{
padding:0vw;
}
.pd_m_hsp_box2_img img{
width:100%;
height:auto;
}
.pd_m_hsp_box2_txt{
font-size:0.9vw;
line-height:1.6;
}
}
/***          M          ***/

/***          N          ***/
@media screen and (max-width: 767px) {
#pd_n_hsp{
padding: 6vw 0 10vw;
}
.pd_n_hsp{
padding: 0vw 0vw 1vw;
}
.pd_n_hsp_ttl1{
font-size: 5.5vw;
line-height: 1;
letter-spacing: .5vw;
padding: 8vw 2vw 6vw;
text-align: center;
}
.pd_n_hsp_ttl1_line{
border-bottom: 2px solid #000;
width: 5vw;
margin: 0 auto;
padding-top: 3vw;
}
.pd_n_hsp_img{
padding:0 0vw 6vw;
}
.pd_n_hsp_img img{
width:100%;
height:auto;
}
.pd_n_hsp_list{
padding: 0vw 10vw;
}
.pd_n_hsp_list ul{
/* display: table; */
table-layout: fixed;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
}
.pd_n_hsp_list li{
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
height: 100%;
width: 50%;
float: left;
text-align: left;
padding: 0vw 0 3vw;
font-size: 3.0vw;
letter-spacing: .3vw;
}
.pd_n_hsp_list2{
font-size: 3vw;
letter-spacing: .3vw;
padding-top: 0vw;
line-height: 1.4;
}
	.pd_n_hsp_list2 span{
		padding-left: 1em;
	}
}
@media screen and (min-width: 768px) {
#pd_n_hsp{
padding: 6vw 0vw 2vw;
}
.pd_n_hsp{
padding: 0vw 0vw 1vw;
}
.pd_n_hsp_ttl1{
font-size: 1.5vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 2vw;
}
.pd_n_hsp_img{
padding:0vw 4vw 2vw;
}
.pd_n_hsp_img img{
width:100%;
height:auto;
}
.pd_n_hsp_list{
adding: 2vw 0vw;
width: 50vw;
margin: 0 auto;
}
.pd_n_hsp_list ul{
/* display: table; */
table-layout: fixed;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
	display: table;
}
.pd_n_hsp_list li{
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
height: 100%;
width: 16.2vw;
float: left;
margin: 0 .2vw .5vw 0vw;
text-align: left;
padding: 0.5vw 0 0vw 0vw;
font-size: 1.25vw;
letter-spacing: .05vw;
}
.pd_n_hsp_list2{
font-size: 1.25vw;
letter-spacing: .05vw;
padding-top: 0vw;
line-height: 1.5;
padding-left: 3.1vw;
text-indent: -3vw;
display: contents;
	padding-top: 1vw !important;
}
}
/***          N          ***/

/***          O          ***/
@media screen and (max-width: 767px) {
#pd_o_hsp{
padding: 8vw 0vw 2vw;
}
.pd_o_hsp{
padding: 0vw 0vw 1vw;
}
.pd_o_hsp_ttl1{
font-size: 5.5vw;
line-height: 1;
letter-spacing: .5vw;
padding: 8vw 2vw 6vw;
text-align: center;
}
.pd_o_hsp_box{
padding:0vw 0vw 0vw;
}
.pd_o_hsp_box ul{
display: table;
table-layout: fixed;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
}
.pd_o_hsp_box li{
display: table-cell;
vertical-align: middle;
word-wrap: break-word;
height: 100%;
width: 33.33vw;
float: left;
text-align: center;
padding: 0vw 1vw;
letter-spacing: .1vw;
}
.pd_o_hsp_box_no{
padding: 1.5vw;
text-align: center;
background: #32465a;
color: #fff;
font-size: 3.0vw;
line-height: 1;
margin-bottom: 0vw;
}
.pd_o_hsp_box_img {
padding: 0vw 0vw 0vw;
}
.pd_o_hsp_box_img img{
width:100%;
height:auto;
}
.pd_o_hsp_box_txt{
font-size: 2.6vw;
line-height: 1.5;
letter-spacing: .1vw;
text-align: left;
padding-top: 1.25vw;
}
.pd_o_hsp_box_txt2{
font-size: 2vw;
letter-spacing: .01vw;
padding: 4vw 3vw 10vw;
text-align: right;
}
.pd_o_hsp_box2{
background: #efedf280;
padding: 5vw 4vw;
}
.pd_o_hsp_box2a{
float:left;
width:50%;
}
.pd_o_hsp_box2a1{
padding: 0vw;
font-size: 3.5vw;
font-weight: 600;
line-height: 1;
letter-spacing: .3vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_o_hsp_box2a2{
padding-left: 3vw;
font-size: 2.65vw;
letter-spacing: .2vw;
line-height: 1.7;
}
.pd_o_hsp_box2b{
float:left;
width:50%;
position:relative;
}
.pd_o_hsp_box2b img{
width:100%;
height:auto;
}
.pd_o_hsp_box2b2{
width: 17.0vw;
position: absolute;
left: -2.5vw;
bottom: -3vw;
}
.pd_o_hsp_box2b2 img{
width:100%;
height:auto;
}
}
@media screen and (min-width: 768px) {
#pd_o_hsp{
padding: 6vw 0vw 2vw;
}
.pd_o_hsp{
padding: 0vw 0vw 1vw;
}
.pd_o_hsp_ttl1{
font-size: 1.5vw;
line-height: 1;
letter-spacing: .3vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 1vw;
}
.pd_o_hsp_box{
padding:0vw 4vw 0vw;
}
.pd_o_hsp_box ul{
/* display: table; */
/* table-layout: fixed; */
display: flex;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
}
.pd_o_hsp_box li{
/* display: table-cell; */
/* vertical-align: middle; */
word-wrap: break-word;
height: 100%;
width: 25.11vw;
/* float: left; */
text-align: center;
padding: 1vw 1vw 1vw 1vw;
font-size: 1.2vw;
letter-spacing: 0.1vw;
}
.pd_o_hsp_box_no{
padding:1vw 1vw;
text-align:center;
background:#32465a;
color:#ffffff;
font-size:1.5vw;
line-height:1;
margin-bottom: 0.5vw;
}
.pd_o_hsp_box_img {
padding: 0vw 0vw 0vw;
}
.pd_o_hsp_box_img img{
width:100%;
height:auto;
}
.pd_o_hsp_box_txt{
font-size: 1.15vw;
line-height: 1.6;
letter-spacing: .01vw;
text-align: left;
padding-top: 0.5vw;
}
.pd_o_hsp_box_txt2{
font-size: 1vw;
letter-spacing: .01vw;
padding: 1vw 5vw 3vw;
}
.pd_o_hsp_box2{
width: 73vw;
margin: 0 auto;
background: #efedf280;
}
.pd_o_hsp_box2a{
float:left;
width:63%;
padding:2.8vw 3vw 2.8vw 4vw;
}
.pd_o_hsp_box2a1{
float: left;
width: 45%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding: 3.8vw 0vw;
font-size: 1.9vw;
font-weight: 600;
line-height: 1.6;
letter-spacing: 0.1vw;
text-align: center;
}
.pd_o_hsp_box2a2{
float: left;
width: 55%;
padding-left: 2vw;
font-size: 1.4vw;
letter-spacing: 0.08vw;
line-height: 1.7;
}
.pd_o_hsp_box2b{
float:left;
width:37%;
position:relative;
}
.pd_o_hsp_box2b img{
width:100%;
height:auto;
}
.pd_o_hsp_box2b2{
width: 11.2vw;
position: absolute;
right: -2.5vw;
top: -2vw;
}
.pd_o_hsp_box2b2 img{
width:100%;
height:auto;
}
}
/***          O          ***/

/***          P          ***/
@media screen and (max-width: 767px) {
#pd_p_hsp{
padding: 10vw 0vw;
}
.pd_p_hsp{
padding: 0vw 0vw 1vw;
}
.pd_p_hsp_ttl1{
font-size: 4vw;
line-height: 1;
letter-spacing: 1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 30vw;
margin: 0 auto 5vw;
}
.pd_p_hsp_ttl2{
font-size: 5.3vw;
letter-spacing: .4vw;
padding: 2vw 0 2.5vw;
text-align: center;
line-height: 1.4;
}
.pd_p_hsp_ttl2a{
font-size: 8.5vw;
line-height: 1.4;
}
.pd_p_hsp_img{
padding:0vw 0vw;
padding-bottom: 8vw;
}
.pd_p_hsp_img img{
width:100%;
height:auto;
}
.pd_p_hsp_list {
padding: 0vw 5vw;
}
.pd_p_hsp_list table{
width: 100%;
border-top: solid 1px #000;
}
.pd_p_hsp_lista{
width: 38%;
border-bottom: 1px solid #000;
padding: 2.0vw;
text-align: center;
font-size: 3.5vw;
letter-spacing: .01vw;
line-height: 1.5;
vertical-align: middle;
}
.pd_p_hsp_listb{
width:24%;
background:#f2f2f2;
border-bottom:1px solid #000;
padding:1vw 1vw;
text-align:center;
font-size: 3.5vw;
letter-spacing: .01vw;
line-height: 1.5;
vertical-align: middle;
height: 6vw !important;
}
.pd_p_hsp_list2 {
padding: 0vw 5vw;
}
.pd_p_hsp_list2 table{
width: 100%;
}
.pd_p_hsp_list2a{
width:38%;
padding:3vw 1vw 0vw;
vertical-align: middle;
}
.pd_p_hsp_list2b{
width:24%;
padding:1vw 1vw;
vertical-align: middle;
}
.pd_p_hsp_list2a_link a{
border: 4px solid #dce0e6;
padding: 2.4vw 0vw;
text-align: center;
font-size: 2.5vw;
display: block;
letter-spacing: .15vw;
}
.pd_p_hsp_list2a_link2 {
border:4px solid #cc654759;
padding: 2.4vw 0vw;
text-align: center;
font-size: 2.5vw;
display: block;
letter-spacing: 0.15vw;
}
}
@media screen and (min-width: 768px) {
#pd_p_hsp{
padding: 6vw 0vw;
}
.pd_p_hsp{
padding: 0vw 0vw 1vw;
}
.pd_p_hsp_ttl1{
font-size: 1.3vw;
line-height: 1;
letter-spacing: .1vw;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0 2vw;
text-align: center;
width: 20vw;
margin: 0 auto 2vw;
}
.pd_p_hsp_ttl2{
font-size: 2.7vw;
letter-spacing: .4vw;
padding: 2vw 0 2.5vw;
text-align: center;
}
.pd_p_hsp_img{
padding:0vw 5vw;
}
.pd_p_hsp_img img{
width:100%;
height:auto;
}
.pd_p_hsp_list {
padding: 0vw 5vw;
}
.pd_p_hsp_list table{
width: 100%;
}
.pd_p_hsp_lista{
width: 43%;
border-bottom: 1px solid #000;
padding: 1.1vw;
text-align: center;
font-size: 1.3vw;
letter-spacing: .01vw;
vertical-align: middle;
}
.pd_p_hsp_listb{
width:14%;
background:#f2f2f2;
border-bottom:1px solid #000;
padding:1vw 1vw;
text-align:center;
font-size:1.2vw;
line-height:1.4;
letter-spacing:0.01vw;
vertical-align: middle;
/*height: 6vw !important;*/
}
.pd_p_hsp_list2 {
padding: 0vw 5vw;
}
.pd_p_hsp_list2 table{
width: 100%;
}
.pd_p_hsp_list2a{
width:43%;
padding:1vw 1vw;
vertical-align: middle;
}
.pd_p_hsp_list2b{
width:14%;
padding:1vw 1vw;
vertical-align: middle;
}
.pd_p_hsp_list2a_link a{
border: 6px solid #dce0e6;
padding: 1.4vw;
text-align: center;
font-size: 1.2vw;
display: block;
letter-spacing: 0.15vw;
}
.pd_p_hsp_list2a_link2 {
border:6px solid #cc654759;
padding: 1.4vw;
text-align: center;
font-size: 1.2vw;
display: block;
letter-spacing: 0.15vw;
}
}
/***          P          ***/

/***          Q          ***/
@media screen and (max-width: 767px) {
  #pd_q_hsp {
    padding: 10vw 0;
  }
  .pd_q_hsp_ttl {
    width: 100%;
    font-size: 4.267vw;
    letter-spacing: 0.4vw;
    font-weight: bold;
    text-align: center;
    padding-bottom: 8vw;
  }
  .pd_q_hsp_flex {
    width: 100%;
    padding: 0 4vw;
  }
  .pd_q_hsp_flex_inner {
    width: 100%;
  }
  .pd_q_hsp_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_box_1 {
    width: 35%;
  }
  .pd_q_hsp_box_1_img {
    width: 100%;
  }
  .pd_q_hsp_box_1_img img {
    width: 100%;
    max-width: 100%;
  }
  .pd_q_hsp_box_2 {
    width: 60%;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_box_2_ttl {
    font-size: 3.333vw;
    font-weight: bold;
    padding-bottom: 2vw;
  }
  .pd_q_hsp_box_2_txt {
    font-size: 2.667vw;
    letter-spacing: .2vw;
    line-height: 1.6;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_buy {
    width: 100%;
  }
  .pd_q_hsp_buy_sell {
    font-size: 2.6vw;
    padding-bottom: 1vw;
  }
  .pd_q_hsp_buy_price {
    font-size: 6.8vw;
    font-weight: bold;
  }
  span.pd_q_hsp_buy_tax {
    font-size: 2.6vw;
  }
}
@media screen and (min-width: 768px) {
  #pd_q_hsp {
    padding: 6vw 0 12vw;
  }
  .pd_q_hsp_ttl {
    width: 100%;
    font-size: 1.719vw;
    letter-spacing: .2vw;
    font-weight: bold;
    text-align: center;
    padding-bottom: 4vw;
  }
  .pd_q_hsp_flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_flex_inner {
    width: 33%;
  }
  .pd_q_hsp_box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_q_hsp_box_1 {
    width: 39%;
  }
  .pd_q_hsp_box_1_img {
    width: 100%;
  }
  .pd_q_hsp_box_1_img img {
    width: 100%;
    max-width: 100%;
  }
  .pd_q_hsp_box_2 {
    width: 58%;
  }
  .pd_q_hsp_box_2_ttl {
    font-size: 1.042vw;
    font-weight: bold;
    padding-bottom: 0.8vw;
  }
  .pd_q_hsp_box_2_txt {
    font-size: 0.871vw;
    line-height: 1.6;
    padding-bottom: 1vw;
  }
  .pd_q_hsp_buy {
    width: 100%;
  }
  .pd_q_hsp_buy_sell {
    font-size: 0.8vw;
    padding-bottom: 0.5vw;
  }
  .pd_q_hsp_buy_price {
    font-size: 2.2vw;
    font-weight: 700;
    padding-bottom: 1vw;
  }
  span.pd_q_hsp_buy_tax {
    font-size: 0.8vw;
  }
}
/***          Q          ***/

/***          多言語化          ***/
@media screen and (max-width: 767px) {
  .pd_e_hsp {
    position: relative;
  }
  .pd_e_hsp_ttl1 {
	font-size: 8.4vw;
    letter-spacing: .05em;
    line-height: 1.3;
    color: #ffffffbd;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    position: absolute;
    right: 4vw;
    top: 7vw;
  }
  .pd_e_hsp_ttl1a {
	font-size: 8.4vw;
    letter-spacing: .05em;
    line-height: 1.3;
    color: #ffffffbd;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    position: absolute;
    right: 4vw;
    top: 7vw;
  }
  .pd_k_hsp_box1_img {
    position: relative;
  }
  .pd_k_hsp_box1_img_ttl1 {
    font-size: 4.9vw;
    letter-spacing: 0.12em;
    position: absolute;
    left: 21vw;
    top: 60vw;
  }
  .pd_k_hsp_box1_img_txt1 {
    font-size: 3.6vw;
    letter-spacing: 0.03em;
    line-height: 1.2;
    width: 35vw;
    position: absolute;
    left: 12vw;
    top: 72vw;
  }
  .pd_k_hsp_box1_img_txt2 {
    font-size: 3.3vw;
    letter-spacing: 0.079em;
    position: absolute;
    left: 10vw;
    top: 108vw;
  }
  .pd_l_hsp_box1_img {
    position: relative;
  }
  .pd_l_hsp_box1_img_ttl {
    font-size: 4.2vw;
    letter-spacing: 0.18em;
    line-height: 1.7;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    position: absolute;
    left: 8vw;
    top: 9vw;
  }
  .pd_m_hsp_box1a_list {
    display: flex;
    flex-wrap: wrap;
  }
  .pd_m_hsp_box1a_part {
    width: 50%;
    margin-bottom: 4vw;
  }
  .pd_m_hsp_box1a_part:last-child {
    width: 100%;
  }
  .pd_m_hsp_box1a_part_ttl {
    font-size: 4.1vw;
    letter-spacing: 0.2em;
    margin-bottom: 2vw;
  }
  .pd_m_hsp_box1a_part_ttl span {
    font-size: 3.6vw;
    font-weight: 400;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 5vw;
    background-color: #000;
    color: #fff;
    border-radius: 50px;
    margin-right: 2vw;
  }
  .pd_m_hsp_box1a_part_txt {
    font-size: 2.6vw;
    letter-spacing: 0.13em;
    line-height: 1.4;
  }
  .pd_m_hsp_box2_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }
  .pd_m_hsp_box2_part {
    width: 33.33%;
    padding: 2.5%;
  }
  .pd_m_hsp_box2_part.sp {
    width: 100%;
    padding: 0;
    padding-left: 2.5%;
  }
  .pd_m_hsp_box2_part.sp .pd_m_hsp_box2_txt {
    padding: 0;
  }
  .pd_m_hsp_box2_part_img {
    margin-bottom: 1vw;
  }
  .pd_m_hsp_box2_part_ttl {
    font-size: 2.9vw;
    letter-spacing: 0.1vw;
    line-height: 1.2;
    text-align: center;
    border: 1px solid #32465a;
    border-radius: 5px;
    background-color: #fff;
    padding: 2.5vw 0;
    margin-bottom: 1vw;
  }
  .pd_m_hsp_box2_part:last-child .pd_m_hsp_box2_part_ttl {
    background-color: #5e666f;
    color: #fff;
  }
  .pd_m_hsp_box2_part_txt {
    font-size: 2.9vw;
    letter-spacing: -0.02em;
    line-height: 1.4;
  }
	.pd_f_hsp_box_ttl1{
		
	}
	.pd_f_hsp_box_ttl2{
		position: relative;
		top: 1vw;
	}
}
@media screen and (min-width: 768px) {
  .pd_e_hsp {
    position: relative;
	  padding: 4vw;
  }
  .pd_e_hsp_ttl1 {
	  font-size: 2.3vw;
	  letter-spacing: .14em;
	  line-height: 1.5;
	  position: absolute;
	  left: 79vw;
	  top: 14vw;
	  -ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	  text-orientation: upright;
	  color: #fff;
	}
  .pd_e_hsp_ttl1a {
	  font-size: 2.6vw;
	  letter-spacing: .14em;
	  line-height: 1.6;
	  position: absolute;
	  left: 75vw;
	  top: 10vw;
	  -ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	  text-orientation: upright;
	  color: #000;
	}
  .pd_i_hsp_box1_ttl_box {
    position: relative;
  }
  .pd_i_hsp_box1_ttls {
    font-size: 1.3vw;
    letter-spacing: 0.1em;
    color: #fff;
    position: absolute;
    left: 3vw;
    top: 2vw;
  }
  .pd_i_hsp_box1_ttl {
    font-size: 2.3vw;
    letter-spacing: 0.16em;
    line-height: 1.4;
    color: #fff;
    position: absolute;
    left: 8.5vw;
    top: 16vw;
  }
  .pd_j_hsp_box_main {
    position: relative;
  }
  .pd_j_hsp_box1_ttls {
    font-size: 1.3vw;
    letter-spacing: 0.16em;
    position: absolute;
    left: 2.5vw;
    top: 2.0VW;
  }
  .pd_j_hsp_box1_ttl {
    font-size: 2.3vw;
    letter-spacing: 0.14em;
    line-height: 1.5;
    position: absolute;
    left: 10VW;
    top: 17VW;
  }
  .pd_k_hsp_box1_img {
    position: relative;
  }
  .pd_k_hsp_box1_img_ttl1 {
    font-size: 2.4vw;
    letter-spacing: 0.12em;
    border-left: 3px double #333333;
    padding-left: 1.5vw;
    position: absolute;
    left: 4vw;
    top: 4.5vw;
  }
  .pd_k_hsp_box1_img_txt1 {
    font-size: 1.3vw;
    line-height: 1.8;
    width: 17vw;
    position: absolute;
    left: 4vw;
    top: 10vw;
  }
  .pd_k_hsp_box1_img_txt2 {
    font-size: 1.2vw;
    letter-spacing: 0.08em;
    position: absolute;
    left: 6.5vw;
    top: 27vw;
  }
  .pd_l_hsp_box1_img {
    position: relative;
  }
  .pd_l_hsp_box1_img_ttl {
    font-size: 1.8vw;
    letter-spacing: 0.18em;
    line-height: 1.6;
    position: absolute;
    left: 6vw;
    top: 22vw;
  }
  .pd_m_hsp {
    padding: 0 0;
  }
  .pd_m_hsp_box1a_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .pd_m_hsp_box1a_part {
    width: 25%;
    margin-bottom: 2vw;
  }
  .pd_m_hsp_box1a_part:last-child {
    width: 50%;
  }
  .pd_m_hsp_box1a_part_ttl {
    font-size: 1.5vw;
    letter-spacing: 0.2em;
    font-weight: bold;
    margin-bottom: 0.5vw;
  }
  .pd_m_hsp_box1a_part_ttl span {
    font-size: 1.3vw;
    font-weight: normal;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2vw;
    height: 2vw;
    background-color: black;
    color: #fff;
    border-radius: 50px;
    margin-right: 0.5vw;
  }
  .pd_m_hsp_box1a_part_txt {
    font-size: 1vw;
    letter-spacing: 0.13em;
    line-height: 1.4;
  }
  .pd_m_hsp_box1a {
    padding-bottom: 0;
  }
  .pd_m_hsp_box1b_img2 {
    top: 0vw;
  }
  .pd_m_hsp_box2_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5vw;
  }
  .pd_m_hsp_box2_part {
    width: 17vw;
  }
  .pd_m_hsp_box2_part_img {
    margin-bottom: 2vw;
  }
  .pd_m_hsp_box2_part_ttl {
    background-color: #32465a;
    font-size: 1.2vw;
    letter-spacing: 0.1em;
    text-align: center;
    border-radius: 15px;
    padding: 0.5vw 0;
    color: #fff;
    margin-bottom: 1.5vw;
  }
  .pd_m_hsp_box2_part_txt {
    font-size: 1.0vw;
    /* letter-spacing: 0.07em; */
    line-height: 1.3;
  }
  .pd_m_hsp_box2_part:last-child .pd_m_hsp_box2_part_ttl {
    background-color: #cc6547;
  }
}

.pd_m_hsp_box1a_part:nth-child(1) .pd_m_hsp_box1a_part_ttl span {
  background-color: #f6c6db;
}
.pd_m_hsp_box1a_part:nth-child(2) .pd_m_hsp_box1a_part_ttl span {
  background-color: #00c8bc;
}
.pd_m_hsp_box1a_part:nth-child(3) .pd_m_hsp_box1a_part_ttl span {
  background-color: #a9d4a3;
}
.pd_m_hsp_box1a_part:nth-child(4) .pd_m_hsp_box1a_part_ttl span {
  background-color: #ff8f76;
}
.pd_m_hsp_box1a_part:nth-child(5) .pd_m_hsp_box1a_part_ttl span {
  background-color: #a688c8;
}
.pd_m_hsp_box1a_part:nth-child(6) .pd_m_hsp_box1a_part_ttl span {
  background-color: #fbcf3b;
}
.pd_m_hsp_box1a_part:nth-child(7) .pd_m_hsp_box1a_part_ttl span {
  background-color: #f6c6db;
}
.pd_m_hsp_box1a_part:nth-child(7) .pd_m_hsp_box1a_part_ttl span:nth-child(2) {
  background-color: #998675;
}


/* add contents 1030 */
@media screen and (max-width: 767px) {
#pd_s_hsp{
	padding: 14vw 0vw 15vw;
}
.pd_s_hsp_ttl_line {
	position: relative;
	padding: 0 65px;
	text-align: center;
	background: #fff;
}
.pd_s_hsp_ttl {
	position: absolute;
	left: 5vw;
	top: 0;
}
.pd_s_hsp_ttl1{
	color: #464646;
	font-size: 3.0vw;
    letter-spacing: 1vw;
    padding-bottom: 2.5vw;
}
.pd_s_hsp_ttl2{
	color: #000;
    font-size: 5.5vw;
    letter-spacing: 0.4vw;
    line-height: 1.4;
    padding-bottom: 2vw;
}
.pd_s_hsp_star{
	color: #ed4d5b;
    font-size: 5.0vw;
    letter-spacing: 1.5vw;
}
.pd_s_hsp_a{
	padding: 10vw 4vw;
}
.pd_s_hsp_a_ttl{
	font-size: 4.6vw;
    line-height: 1.4;
    letter-spacing: 0.06vw;
    border-left: double 5px #b96fbf;
    padding-left: 3vw;
    margin-bottom: 6vw;
    font-weight: 600;
}
.pd_s_hsp_a_txt{
	font-size: 4.0vw;
    line-height: 1.9;
    letter-spacing: 0.17vw;
}
.pd_s_hsp_a_txt_line{
	border-bottom:1px solid #000000;
}
.pd_s_hsp_a_nm{
	font-weight: 800;
    font-size: 3.0vw;
    line-height: 1.4;
    position: absolute;
    bottom: 6vw;
    right: 2vw;
    width: 48vw;
    background: #fff;
    padding: 4vw 2vw 4vw 0vw;
    text-align: right;
}
.pd_s_hsp_a_nm2{
	font-size: 2.7vw;
}
.pd_s_hsp_b{
	position: relative;
    padding-top: 17.5vw;
    padding-right: 8vw;
}
.pd_s_hsp_b img{
	width:100%;
	height:auto;
}
}
@media screen and (min-width: 768px) {
#pd_s_hsp{
	padding: 10% 0%;
}
.pd_s_hsp_ttl_line {
	position: relative;
    padding: 1.5vw;
    text-align: center;
    background: #efedf28f;
    margin-bottom: 1vw;
}
.pd_s_hsp_ttl {
	position: absolute;
    top: 0vw;
    width: 45vw;
    content: '';
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
    left: 0;
    right: 0;
}
.pd_s_hsp_ttl1{
	color: #464646;
    font-size: 0.8vw;
    letter-spacing: 0.3vw;
    transform: scaleX(1.1);
    margin-bottom: 0.7vw;
}
.pd_s_hsp_ttl2{
	color: #000;
    font-size: 1.7vw;
    letter-spacing: 0.14vw;
}
.pd_s_hsp_star{
	color: #ed4d5b;
	font-size: 1.4vw;
	letter-spacing: 0.5vw;
	text-align: center;
	padding-bottom: 3vw;
}
.pd_s_hsp_a_ttl{
	font-size: 1.75vw;
    line-height: 1.6;
    letter-spacing: 0.14vw;
    padding-bottom: 1.3vw;
}
.pd_s_hsp_a_txt{
	font-size: 1.1vw;
    line-height: 2;
    letter-spacing: 0.14vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid #32465a;
    margin-bottom: 3vw;
    margin-right: 5vw;
}
.pd_s_hsp_a_txt_line{
	border-bottom:1px solid #000000;
}
.pd_s_hsp_a_nm{
	font-weight: 800;
    font-size: 1.1vw;
    line-height: 1.6;
    letter-spacing: 0.05vw;
}
.pd_s_hsp_b{
	padding:0vw;
}
.pd_s_hsp_b img{
	width:100%;
	height:auto;
}
}


/***          多言語化          ***/

/* 多言語対応(フランス語,英語) */
font + br {
	display: none;
}
@media screen and (min-width: 768px) {
  html:lang(en) .pd_d_hsp_box {
    display: flex;
  }
  html:lang(en) .pd_d_hsp_box_2 img {
    height: 100%;
    object-fit: cover;
  }
  html:lang(en) .pd_e_hsp_ttl1 {
    text-orientation: initial;
  }
  html:lang(en) .pd_e_hsp_ttl1a {
    text-orientation: initial;
  }
  html:lang(en) .pd_f_hsp_box_ttl {
    text-orientation: initial;
  }
  html:lang(en) .pd_h_hsp_box1_inner_b1_box_b {
    line-height: 1;
  }
  html:lang(en) .pd_j_hsp_box1_ttl {
    width: 25vw;
  }
  html:lang(en) .pd_k_hsp_box1_img_txt2 {
    top: 26.3vw;
    width: 35vw;
  }
  html:lang(en) .pd_l_hsp_box1_img_ttl {
    line-height: 1.3;
    top: 21vw;
    width: 30vw;
  }
  html:lang(en) .pd_m_hsp_box1a_part_ttl {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  html:lang(en) .pd_e_hsp_ttl1 {
    text-orientation: inherit;
  }
  html:lang(en) .pd_e_hsp_ttl1a {
    text-orientation: inherit;
  }
  html:lang(en) .pd_f_hsp_box_ttl {
    text-orientation: inherit;
  }
  html:lang(en) .pd_k_hsp_box1_img_txt1 {
    font-size: 3.5vw;
  }
  html:lang(en) .pd_k_hsp_box1_img_txt2 {
    top: 107vw;
    width: 85vw;
    letter-spacing: inherit;
  }
  html:lang(en) .pd_l_hsp_box1_img_ttl {
    font-size: 4.0vw;
    letter-spacing: normal;
    writing-mode: initial;
    text-orientation: initial;
    top: 5vw;
    width: 45vw;
  }
}


/***          T          ***/
@media screen and (max-width: 767px) {
#pd_t_hsp{
padding: 0vw 0 10vw;
}
.pd_t_hsp_box{
position:relative;
}
.pd_t_hsp_box img{
width:100%;
mix-blend-mode: multiply;
}
.pd_t_hsp_ttl{
position: absolute;
font-size: 5.5vw;
top: 9.5vw;
text-align: center;
letter-spacing: .4vw;
width: 100%;
}
.pd_t_hsp_ttl2{
position: absolute;
font-size: 4.5vw;
top: 18vw;
text-align: center;
letter-spacing: .5vw;
width: 100%;
}
.pd_t_hsp_ttl2 sup{
font-size: 2.2vw;
vertical-align: top;
line-height: 4.5vw;
margin-left: -0.5vw;
}
}
@media screen and (min-width: 768px) {
#pd_t_hsp{
padding: 8% 0% 1%;
}
.pd_t_hsp_box{
position:relative;
}
.pd_t_hsp_box img{
width:100%;
mix-blend-mode: multiply;
}
.pd_t_hsp_ttl{
position: absolute;
font-size: 3vw;
top: 5vw;
text-align: center;
letter-spacing: .15vw;
width: 100%;
}
.pd_t_hsp_ttl2{
position: absolute;
font-size: 1.6vw;
top: -3vw;
text-align: center;
letter-spacing: .15vw;
left: 1.0vw;
width: 15vw;
}
.pd_t_hsp_ttl2 sup{
font-size: 1.6vw;
}
}
/***          T          ***/


/* AWARD mybest */
.pd_badge_mb {
    padding: 0 0 2vw;
}

@media screen and (max-width: 767px){
    .pd_badge_mb{
        padding: 0 15vw 3vw;
    }
}


/***          release          ***/
@media screen and (max-width: 767px) {
	#pd_release_hsdx{
		padding: 0vw;
	}
	.pd_release_hsdx_link{
		padding: 0vw 0vw;
	}
	.pd_release_hsdx_link img{
		width: 100%;
		height: auto;
	}
}
@media screen and (min-width: 768px) {
	#pd_release_hsdx{
		padding: 10vw 0vw 0vw;
	}
	.pd_release_hsdx_link{
		padding: 0vw 0vw;
	}
	.pd_release_hsdx_link img{
		width: 100%;
		height: auto;
	}
}
/***          release          ***/



/* 25/6/4 修正
=============================*/
@media screen and (min-width: 768px) {
    .pd_p_hsp_ttl1 {
        font-size: 1.6vw;
        letter-spacing: .3vw;
    }
    .pd_p_hsp_box {
        padding: 0 14vw;
    }
    .pd_p_hsp_list tr:first-child .pd_p_hsp_lista {
        vertical-align: top;
        padding: 2vw 3vw 1.5vw;
    }
    .pd_p_hsp_lista,
    .pd_p_hsp_list2a{
        width: 34%;
    }
    .pd_p_hsp_lista{
        border-bottom: 1px solid #dadde6;
        padding: .8vw;
        font-size: 1.5vw;
    }
    .pd_p_hsp_lista span {
        font-size: 1.1vw;
    }
    .pd_p_hsp_listb,
    .pd_p_hsp_list2b{
        width: 22%;
    }
    .pd_p_hsp_listb{
        height: auto;
        border-bottom: 1px solid #dadde6;
        font-weight: bold;
        padding: 0;
    }
    .pd_p_hsp_pdct {
        font-weight: bold;
        margin-bottom: .3vw;
    }
    .pd_p_hsp_txt01 {
        font-size: 1.1vw;
        margin-bottom: .8vw;
    }
    .pd_p_hsp_txt02,
    .pd_p_hsp_txt03{
        font-size: 1.3vw;
        font-weight: bold;
        font-feature-settings: 'palt';
        border: 2px solid;
    }
    .pd_p_hsp_txt02 {
        color: #a4adbc;
        padding: 1.5vw;
    }
    .pd_p_hsp_txt03 {
        color: #d59f85;
        line-height: 1.3;
        padding: .7vw;
    }
    .pd_p_hsp_list2 {
        padding: 2vw 5vw;
    }
    .pd_p_hsp_list2a{
        padding: 0;
    }
    .pd_p_hsp_list2a_link {
        text-align: center;
        font-size: 1.4vw;
        background: #dde0e7;
        padding: 1vw;
    }
    .pd_p_hsp_list2a_link2 {
        border: none;
        background: #d59f85;
        font-size: 1.4vw;
        padding: 1vw;
    }
    .pd_p_hsp_list2a_link2 a:link,
    .pd_p_hsp_list2a_link2 a:visited{
        color: #fff;
    }
    .pd_p_hsp_txt04 {
        font-size: .7vw;
        padding-left: 6vw;
    }
}
@media screen and (max-width: 767px) {
    .pd_p_hsp_img {
        padding-bottom: 0;
    }
    .pd_p_hsp_list {
        padding: 1vw 4vw 0;
    }
    .pd_p_hsp_list table {
        border-top: none;
    }
    .pd_p_hsp_lista{
        padding: 2vw;
        font-size: 3.4vw;
        line-height: 1;
    }
    .pd_p_hsp_lista span {
        font-size: 2.2vw;
    }
    .pd_p_hsp_listb{
        padding: 0;
        font-size: 2.8vw;
        font-weight: bold;
    }
    .pd_p_hsp_list2 {
        padding: 0 4vw;
    }
    .pd_p_hsp_list2a {
        padding: 3vw 0 4vw;
    }
    .pd_p_hsp_list2a_link {
        font-size: 3.5vw;
        text-align: center;
        background: #dde0e7;
        padding: 1.2vw 0;
    }
    .pd_p_hsp_list2a_link2 {
        border: none;
        background: #d59f85;
        padding: 1.5vw 0;
        font-size: 3.2vw;
    }
    .pd_p_hsp_list2a_link2 a:link,
    .pd_p_hsp_list2a_link2 a:visited{
        color: #fff;
    }
    .pd_p_hsp_txt04 {
        font-size: 1.6vw;
        color: #ccc;
        padding-left: 4vw;
    }
}


/* 25/7/17 修正
==============================*/
@media screen and (min-width: 768px) {
    .pd_p_hsp_ttl2 {
        font-size: 2.2vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        padding: 0;
        margin-bottom: 1.2vw;
        position: relative;
    }
    .pd_p_hsp_ttl2 sup {
        font-size: .6vw;
        letter-spacing: 0;
        position: absolute;
        top: -.5vw;
        left: 51.3%;
    }
    .pd_p_hsp_pdct{
        margin-bottom: .5vw;
    }
    .pd_p_hsp_lista sup {
        font-size: .9vw;
    }
    .pd_p_hsp_listc {
        border-bottom: 1px solid #dadde6;
        padding: 1.2vw 0;
        font-size: 1.1vw;
        text-align: center;
        line-height: 1.5;
    }
    .pd_p_hsp_listc span {
        font-weight: bold;
    }
    .pd_p_hsp_listc:first-child span {
        color: #9bcbff;
    }
    .pd_p_hsp_listc:last-child span {
        color: #cc6547;
    }
    .pd_p_hsp_listc sup {
        font-size: .7vw;
    }
    .pd_p_hsp_listd {
        border-bottom: 1px solid #dadde6;
        padding: 1.5vw 0 1.5vw 4vw;
        display: flex;
        flex-direction: column;
        gap: .6vw;
    }
    .pd_p_hsp_listd1 {
        font-size: 1.1vw;
        white-space: nowrap;
        position: relative;
    }
    .pd_p_hsp_listd1::before {
        display: inline-block;
        content: '';
        height: .8vw;
        width: .8vw;
        border: .9px solid #333;
        position: absolute;
        top: 19%;
        left: -1.3vw;
    }
    .pd_p_hsp_listd1::after {
        display: inline-block;
        content: '';
        height: .7vw;
        width: .5vw;
        border-bottom: 1.8px solid #333;
        border-right: 1.8px solid #333;
        transform: rotate(45deg);
        position: absolute;
        top: 12%;
        left: -.9vw;
    }
    .pd_p_hsp_listd1 sup {
        font-size: .7vw;
    }
    .pd_p_hsp_liste {
        border-bottom: 1px solid #dadde6;
        padding: .8vw;
        font-size: 1.5vw;
        font-weight: bold;
        text-align: center;
    }
    .pd_p_hsp_txt04{
        font-size: .6vw;
    }
    .pd_p_hsp_list2 .pd_p_hsp_list2a:first-child {
        width: 33%;
    }
    .pd_p_hsp_list2 .pd_p_hsp_list2b {
        width: 21%;
    }
    .pd_p_hsp_list2 .pd_p_hsp_list2a:last-child {
        width: 36%;
    }
    .pd_p_hsp_list2a_link{
        background: #9bcbff;
        color: #fff;
    }
}
@media screen and (max-width: 767px) {
    .pd_p_hsp_ttl2 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
        position: relative;
    }
    .pd_p_hsp_ttl2 sup {
        font-size: 1.6vw;
        letter-spacing: 0;
        position: absolute;
        top: 9.5vw;
        left: 29vw;
    }
    .pd_p_hsp_lista sup {
        font-size: 2vw;
    }
    .pd_p_hsp_listb {
        border-top: 1px solid;
    }
    .pd_p_hsp_listc {
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 4vw 3vw;
        font-size: 3vw;
        line-height: 1.4;
        text-align: justify;
    }
    .pd_p_hsp_listc span {
        font-weight: bold;
    }
    .pd_p_hsp_listc:first-child span {
        color: #9bcbff;
    }
    .pd_p_hsp_listc:last-child span {
        color: #cc6547;
    }
    .pd_p_hsp_listc sup {
        font-size: 1.8vw;
    }
    .pd_p_hsp_listd {
        height: 30vw;
        font-size: 2.7vw;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 3vw 0 0 5vw;
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .pd_p_hsp_listd1 {
        line-height: 1.2;
        white-space: nowrap;
        position: relative;
    }
    .pd_p_hsp_listd1 sup {
        font-size: 1.7vw;
    }
    .pd_p_hsp_listd1::before {
        display: inline-block;
        content: '';
        height: 2.3vw;
        width: 2.3vw;
        border: 1px solid;
        position: absolute;
        top: 13%;
        left: -3.5vw;
    }
    .pd_p_hsp_listd1::after {
        display: inline-block;
        content: '';
        height: 2vw;
        width: 1.5vw;
        border-bottom: 2px solid #333;
        border-right: 2px solid #333;
        transform: rotate(45deg);
        position: absolute;
        top: 6%;
        left: -2.5vw;
    }
    .pd_p_hsp_liste {
        font-size: 3.6vw;
        font-weight: 500;
        text-align: center;
        padding: 2vw;
    }
    .pd_p_hsp_list2a_link{
        background: #9bcbff;
        color: #ffff;
    }
}

.dhn-cpn-box2 img{
	width: 100%;
	height: auto;
}



/* 25/7/28
====================================*/
@media screen and (min-width:768px){
    
    .pdct_st_item_info5 {
        padding: 1vw 0;
    }
    
    .pd_d_hsp_ttl{
        letter-spacing: .2vw;
    }
    .pd_d_hsp {
        padding: 6vw 3vw;
    }
    .pd_d_hsp_box1_a{
        padding: 0.91vw 1vw;
        margin-bottom: .5vw;
    }
    .pd_d_hsp_box2_ttl{
        padding-bottom: 1.5vw;
    }
    .pd_d_hsp_box2 {
        padding: 1vw 0;
    }
    .pd_d_hsp_box2_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: .5vw;
    }
    .pd_d_hsp_box2_lista{
        float: unset;
        width: 49.6%;
        margin: 0;
        font-size: 1.2vw;
    }
    .pd_e_hsp{
        padding: 0;
    }
    .pd_e_hsp_ttl1{
        font-size: 2.6vw;
        letter-spacing: .2vw;
        left: 80vw;
        top: 10vw;
    }
    #pd_s_hsp {
        padding: 12% 0%;
    }
    .pd_s_hsp_ttl_line{
        padding: 2vw;
    }
    .pd_s_hsp_ttl{
        width: 50vw;
        padding: 0 0 .7vw;
    }
    .pd_s_hsp_ttl1{
        font-size: 1.1vw;
        letter-spacing: .1vw;
    }
    .pd_s_hsp_ttl2{
        font-size: 1.9vw;
        letter-spacing: .15vw;
    }
    .pd_s_hsp_star {
        font-size: 1.7vw;
        letter-spacing: .4vw;
        padding-bottom: 4vw;
    }
    .pd_s_hsp_a_txt {
        font-size: 1.28vw;
        line-height: 1.7;
        letter-spacing: 0.05vw;
        padding-bottom: 2.3vw;
        border-bottom: 1.5px solid #32465a;
        margin-bottom: 2.5vw;
        margin-right: 3vw;
    }
    .pd_s_hsp_a_nm {
        font-size: 1.2vw;
        letter-spacing: 0;
    }
    .pd_h_hsp_box1{
        padding: 0vw 5vw 5vw;
    }
    .pd_h_hsp_box1_ttl{
        font-size: 3.4vw;
    }
    .pd_h_hsp_box1_inner_b {
        padding: 0vw 9vw 2.5vw;
    }
    .pd_h_hsp_box1_inner_b1_ttl2{
        line-height: 1.6;
        margin: 1vw 2.5vw 0 1vw !important;
    }
    .pd_h_hsp_box1_inner_b1_box{
        margin: 0 3vw 0 1vw;
    }
    .pd_h_hsp_box1_inner_b1_box_a,
    .pd_h_hsp_box1_inner_b1_box_b {
        width: 45%;
        font-size: 1.2vw;
        border: .1vw solid;
        border-radius: .8vw;
    }
    .pd_h_hsp_box1_inner_c{
        margin: 0 5vw 3vw;
    }
    .pd_h_hsp_box1_inner_c1_ttl2 {
        font-size: 2.3vw;
        font-feature-settings: 'palt';
    }
    .pd_h_hsp_box1_inner_d1 {
        font-size: .9vw;
        letter-spacing: .05vw;
    }
    .pd_h_hsp_box1_inner_d1 sup {
        font-size: .6vw;
    }
    .pd_h_hsp_box1_inner_d_sub {
        font-size: .6vw;
        letter-spacing: 0;
    }
    #pd_i_hsp {
        padding: 9vw 0 5vw;
    }
    .pd_i_hsp_box1{
        padding: 0vw 5vw 5vw;
    }
    .pd_i_hsp_box1_ttl1{
        font-size: 1.1vw;
        padding: 4vw 0 1.5vw;
    }
    .pd_i_hsp_box1_ttl2{
        font-size: 3.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
    }
    .pd_i_hsp_box1_txt {
        font-size: 1.05vw;
        letter-spacing: .05vw;
    }
    .pd_i_hsp_box1_inner_b{
        padding-top: 2vw;
    }
    .pd_i_hsp_box1_inner_b2 img{
        padding: 2vw 7vw 4vw;
    }
    .pd_i_hsp_box1_inner_b3_ttl2{
        font-size: 2.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
    }
    .pd_i_hsp_box1_inner_b3_txt {
        font-size: 1.05vw;
        letter-spacing: .05vw;
        line-height: 1.6;
        text-align: center;
        padding: 1vw 0 3vw;
    }
    .pd_i_hsp_box1_inner_d_ttl{
        left: -5vw;
    }
    .pd_i_hsp_box1_inner_d {
        top: -3.7vw;
        padding: 0 5vw 0 12vw;
    }
    .pd_i_hsp_box1_inner_d1{
        font-size: .9vw;
    }
    .pd_i_hsp_box1_inner_d_sub {
        font-size: .6vw;
        position: absolute;
        bottom: 1.3vw;
        left: 26.5vw;
    }
    .pd_j_hsp_box{
        padding: 0vw 5vw 5vw;
    }
    .pd_j_hsp_box1_ttl1{
        font-size: 1.2vw;
        padding: 3.5vw 0 1.5vw;
    }
    .pd_j_hsp_box1_ttl2 {
        font-size: 2.7vw;
        font-feature-settings: 'palt';
        letter-spacing: .2vw;
        padding: 0 0 1.5vw;
    }
    .pd_j_hsp_box1_txt{
        font-size: 2.4vw;
        line-height: 1.4;
    }
    .pd_j_hsp_box2a{
        padding: 0 2vw 0 0;
    }
    .pd_j_hsp_box2b{
        padding: 0 0 0 2vw;
    }
    .pd_j_hsp_box2a_1a_1{
        right: 0;
        top: 0;
        width: 20.5vw;
    }
    .pd_j_hsp_box2a_1a_2 {
        right: 0;
        top: 17vw;
        width: 20.5vw;
    }
    .pd_j_hsp_box2a_1b_1{
        left: -5vw;
    }
    .pd_j_hsp_box2c_sub li{
        border: .1vw solid #a1a2bf;
    }
    .pd_j_hsp_box2d{
        padding: 3vw 4vw 3vw;
    }
    .pd_j_hsp_box2c_sub{
        top: -9vw;
    }
    .pd_j_hsp_box2c_sub li:nth-child(2),
    .pd_j_hsp_box2c_sub li:nth-child(3),
    .pd_j_hsp_box2c_sub li:last-child{
        letter-spacing: .2vw;
        padding: 1vw 0;
    }
    .pd_j_hsp_box2d_ttl1{
        top: 4.5vw;
    }
    .pd_j_hsp_box2d_ttl2{
        top: 7vw;
    }
    .pd_j_hsp_box_inner{
        padding-bottom: 4.5vw;
        margin-bottom: 4.5vw;
    }
    #pd_k_hsp {
        padding: 3vw 0;
    }
    .pd_k_hsp_box1_ttl2 {
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
        padding-bottom: 2vw;
    }
    .pd_k_hsp_box1_img_txt2{
        font-size: 1.25vw;
    }
    .pd_k_hsp_box2d_txt2,
    .pd_k_hsp_box2b_txt2 {
        border: .1vw solid;
        border-radius: 1vw;
    } 
    #pd_l_hsp {
        padding: 5vw 0;
    }
    .pd_l_hsp_box1_ttl1 {
        font-size: 1.5vw;
        letter-spacing: .3vw;
        margin-bottom: 2vw;
    }
    #pd_m_hsp {
        background-repeat: no-repeat;
        background-size: cover;
        padding: 5.5vw 0 7vw;
    }
    .pd_m_hsp_ttl1 {
        font-size: 1.4vw;
        letter-spacing: .2vw;
        padding-bottom: 2.5vw;
    }
    .pd_m_hsp_ttl2 {
        font-feature-settings: 'palt';
        letter-spacing: .7vw;
    }
    .pd_m_hsp_txt {
        font-feature-settings: 'palt';
        padding-bottom: 3.5vw;
    }
    .pd_m_hsp_box1 {
        margin: 0 13vw;
    }
    .pd_m_hsp_box1_ttl {
        font-feature-settings: 'palt';
        font-weight: bold;
    }
    .pd_m_hsp_box1a_ttl{
        font-size: 1.7vw;
        font-weight: bold;
    }
    .pd_m_hsp_box1a_img {
        width: 85%;
    }
    .pd_m_hsp_box1a_img2{
        right: -7vw;
    }
    .pd_m_hsp_box1a_txt {
        padding-top: 1vw;
    }
    .pd_m_hsp_box1b_img{
        margin: 6vw auto 0 !important;
        width: 46vw;
    }
    .pd_m_hsp_box1b_img2 {
        top: -5vw;
        left: -17vw;
    }
    #pd_q_hsp {
        padding: 6vw 0;
    }
    #pd_t_30day{
        margin-bottom: 0;
    }
}

@media screen and (max-width:767px){
    .pdct_n_a_sp_sub {
        padding: 4vw 1vw 0;
        font-size: 5.4vw;
        font-feature-settings: 'palt';
        letter-spacing: 1vw;
    }
    .pdct_n_a_sp_sub sup:first-child{
        top: 4.6vw;
        right: 39vw;
    }
    .pdct_n_a_sp_sub sup:last-child{
        top: 14vw;
        right: 34.3vw;
    }
    .pdct_n_a_sp_ttl {
        padding: 2.5vw 0 3vw;
        font-size: 5vw;
        letter-spacing: .2vw;
    }
    .pdct_n_a_sp_ttl2{
        font-size: 3.6vw;
        font-feature-settings: 'palt';
    }
    .pd_c_ttl_sub {
        font-size: 3.5vw;
        font-feature-settings: 'palt';
        letter-spacing: .4vw;
        padding: 2vw 4vw 2.5vw;
    }
    .pd_c_ttl_sub2 {
        font-size: 5.6vw;
    }
    .pd_c_nm3 {
        font-size: 7.5vw;
        line-height: 1.25;
        border-bottom: 1px solid #ccc;
        margin: 4vw 4vw 5.5vw;
    }
    .pd_c_text {
        font-size: 3.4vw;
        font-feature-settings: 'palt';
        text-align: justify;
        line-height: 1.7;
		letter-spacing: 0em;
    }
    .pd_award{
        margin-bottom: 4vw;
    }
    .pd_badge_mb {
        padding: 0 18vw 3vw;
    }
    .pd_badge{
        width: 66vw;
        margin-bottom: 2vw;
    }
    .pd_badge_num{
        padding: 0;
    }
    #pd_d_hsp{
        padding: 10vw 9vw 9vw;
    }
    .pd_d_hsp_box {
        padding-bottom: 7vw;
    }
    .pd_d_hsp_ttl{
        padding: 8vw 0 6vw;
    }
    .pd_d_hsp_box1_a {
        padding: 0 0 3vw 10vw;
    }
    .pd_d_hsp_box1_b{
        padding: 0 0 4vw 10vw;
    }
    .pd_d_hsp_box2 {
        padding-bottom: 6.5vw;
    }
    .pd_d_hsp_box2_list_icn0 {
        padding: 1vw 6vw 4vw;
    }
    .pd_d_hsp_box2_list {
        padding: 0 6vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 2vw;
    }
    .pd_d_hsp_box2_lista {
        width: 48%;
        margin: 0;
        padding: 4vw 1.5vw;
        font-weight: 500;
    }
    .pd_f_hsp_box_sub{
        padding: 0vw 4vw 3vw;
    }
    #pd_g_hsp {
        padding: 0 0 17vw;
    }
    .pd_t_hsp_ttl2{
        font-size: 4.8vw;
        top: 18.5vw;
        font-feature-settings: 'palt';
    }
    #pd_s_hsp {
        padding: 5vw 0vw 15vw;
    }
    .pd_s_hsp_ttl1{
        letter-spacing: .5vw;
        padding-bottom: 2vw;
    }
    .pd_s_hsp_ttl2 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
    }
    .pd_s_hsp_a {
        padding: 9vw 8vw 10vw 4vw;
    }
    .pd_s_hsp_a_ttl {
        font-size: 4.5vw;
        font-weight: normal;
        margin-bottom: 4vw;
    }
    .pd_s_hsp_a_txt {
        text-align: justify;
        letter-spacing: .1vw;
        line-height: 2;
    }
    .pd_h_hsp_box1_inner_b {
        padding: 5vw 0 0;
        margin: 0 7vw;
    }
    .pd_h_hsp_box1_inner_a2_txt {
        font-size: 3.2vw;
        line-height: 1.6;
        padding: 0 6vw 4vw;
    }
    .pd_h_hsp_box1_inner_b1{
        padding: 7vw 0vw 4vw;
    }
    .pd_h_hsp_box1_inner_b1_ttl2 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
    }
    .pd_h_hsp_box1_inner_c {
        padding: 12vw 8vw 9vw;
    }
    .pd_h_hsp_box1_inner_d {
        padding: 10vw 8vw 25vw;
		position: relative;
		background: linear-gradient(180deg, #efedf1 0%,#efedf1 93%, #f7f6f8 93%, #f7f6f8 100%);
    }
    .pd_h_hsp_box1_inner_d2 {
        width: 78%;
        padding: 0;
        position: absolute;
        bottom: 2vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .pd_i_hsp_box1_inner {
        position: relative;
    }
    
    .pd_i_hsp_box1_inner_d_ttl {
        position: absolute;
        left: -8vw;
    }
    .pd_i_hsp_box1_inner_d {
        padding: 12vw 3vw 2vw;
    }
    .pd_i_hsp_box1_inner_d1 {
        font-size: 3.1vw;
        line-height: 1.8;
        letter-spacing: .05vw;
        padding-bottom: 5vw;
        position: relative;
        text-align: justify;
    }
    .pd_i_hsp_box1_inner_d_sub {
        font-size: 1.6vw;
        position: absolute;
        bottom: 27px;
        right: 0;
    }
    .pd_i_hsp_box1_inner_d2 {
        padding: 0;
    }
    .pd_j_hsp_box{
        padding: 0;
    }
    .pd_j_hsp_box1_ttl_box {
        padding: 15vw 0 1vw;
    }
    .pd_j_hsp_box1_ttl {
        font-size: 6.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .3vw;
    }
    .pd_j_hsp_box1_ttl1{
        padding: 6.5vw 0 3vw;
    }
    .pd_j_hsp_box1_ttl2 {
        font-size: 5.8vw;
        font-feature-settings: 'palt';
        padding-bottom: 4vw;
    }
    .pd_j_hsp_box1_txt {
        font-size: 5.3vw;
        font-feature-settings: 'palt';
        letter-spacing: .6vw;
        padding: 7vw 0 5vw;
    }
    .pd_j_hsp_box2a{
        margin: 0vw 6vw;
    }
    .pd_j_hsp_box2b {
        margin: 0 6vw;
        padding: 0 6vw 0vw;
    }
    .pd_j_hsp_box2a_1b {
        padding: 0 6vw;
    }
    .pd_j_hsp_box_inner {
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .pd_j_hsp_box2c_sub li{
        font-size: 3.7vw;
        font-weight: 500;
    }
/*
    .pd_j_hsp_box2c_sub li:nth-child(odd) {
        letter-spacing: 4vw;
        padding: 2vw 0 2vw 4vw;
    }
*/
    .pd_k_hsp_box1_ttl_box{
        padding: 15vw 0 2vw;
    }
    .pd_k_hsp_box2 {
        padding: 4vw 2.5vw 4.5vw;
    }
    .pd_k_hsp_box2a_txt {
        text-align: justify;
    }
    .pd_k_hsp_box2d_txt2 {
        border-radius: 1.5vw;
        padding: 2vw 6vw;
        border: 1px solid #7d7d7d;
        font-size: 2.8vw;
        line-height: 1.7;
    }
    .pd_k_hsp_box2a_txt2 {
        border-radius: 1.5vw;
        font-size: 2.6vw;
        line-height: 1.7;
        padding: 2.5vw;
    }
    #pd_l_hsp {
        padding: 19vw 0vw 0vw;
    }
    .pd_l_hsp_box1_ttl1{
        font-size: 4vw;
    }
    .pd_l_hsp_box1_ttl2 {
        font-size: 5.5vw;
        line-height: 1.5;
        letter-spacing: .5vw;
        padding-bottom: 5vw;
    }
    .pd_l_hsp_box1_img2{
        margin-bottom: 16vw;
    }
    .pd_m_hsp_box1a{
        margin-bottom: 4vw;
    }
    .pd_m_hsp_box2_ttl {
        font-family: sans-serif !important;
        font-size: 4.3vw;
        width: 50vw;
        margin: 0 auto;
    }
    #pd_t_30day {
        padding: 15vw 0 0;
    }
}


/* 25/10/14 KR
==================================*/
@media screen and (min-width:768px){
    .pd_d_hsp_box2_ttl {
        margin: 0 13vw;
        position: relative;
    }
    .pd_d_hsp_box2_ttl::before,
    .pd_d_hsp_box2_ttl::after {
        display: inline-block;
        content: '';
        height: 1.8vw;
        width: .1vw;
        background: #333;
        position: absolute;
        top: 0;
    }
    .pd_d_hsp_box2_ttl::before{
        left: 0;
        transform: rotate(-30deg);
    }
    .pd_d_hsp_box2_ttl::after{
        right: 0;
        transform: rotate(30deg);
    }
    .pd_e_hsp_ttl1 {
        font-size: 2.8vw;
        letter-spacing: 0;
        text-orientation: unset;
        top: 17%;
        right: 12%;
    }
    .pd_f_hsp_box_ttl{
        font-size: 4.3vw;
        font-weight: 600;
        text-orientation: unset;
		letter-spacing: 0.1vw;
		text-align: center;
    }
    .pd_g_hsp_box_b {
        font-size: 1.7vw;
        letter-spacing: .04em;
        top: 15%;
        left: 20%;
    }
    .pd_g_hsp_box_c {
        font-size: 4.2vw;
        letter-spacing: .02em;
        top: 20%;
        left: 8%;
    }
    .pd_t_hsp_ttl{
        font-size: 3.3vw;
        top: 10%;
    }
    #pd_h_hsp {
        padding: 8vw 0vw 4vw;
    }
    .pd_h_hsp_box1_ttl {
        font-size: 3.5vw;
        font-weight: 500;
        padding: 5vw 0 3vw;
    }
    .pd_h_hsp_box1_inner_b1_box_a,
    .pd_h_hsp_box1_inner_b1_box_b{
        font-size: 1.3vw;
        border: .15vw solid;
        padding: 1.5vw 0;
        line-height: 1;
    }
    .pd_h_hsp_box1_inner_c1_ttl1 {
        font-size: 1.45vw;
        letter-spacing: .06em;
        padding-bottom: 1vw;
    }
    .pd_h_hsp_box1_inner_c1_ttl2 sup{
        color: #a7a4a3;
        font-size: .7vw;
    }
    .pd_h_hsp_box1_inner_d_ttl{
        left: -5vw;
    }
    .pd_h_hsp_box1_inner_d{
        padding: 0 5.5vw 0 13vw;
    }
    .pd_h_hsp_box1_inner_d1 {
        font-size: .95vw;
        letter-spacing: .06vw;
        line-height: 1.7;
    }
    .pd_i_hsp_box1_ttl{
        letter-spacing: .05em;
    }
    .pd_i_hsp_box1_ttl1 {
        font-size: 1.2vw;
        padding: 3.5vw 0 1.5vw;
    }
    .pd_i_hsp_box1_ttl2 {
        font-size: 3.4vw;
        font-weight: 500;
        letter-spacing: 0;
    }
    .pd_i_hsp_box1_txt{
        letter-spacing: .01em;
        padding: 0 0 1.5vw;
    }
    .pd_i_hsp_box1_inner_b3_ttl2{
        letter-spacing: .01em;
        font-weight: 500;
    }
    .pd_i_hsp_box1_inner_d_sub {
        font-size: .8vw;
        bottom: -30%;
        right: 1.5%;
    }
    .pd_j_hsp_box1_ttl2{
        font-size: 2.6vw;
        letter-spacing: .02em;
    }
    .pd_j_hsp_box2a_txt {
        font-size: 1.15vw;
        text-align: center;
    }
    .pd_j_hsp_box2a_1 {
        margin: 0 1vw;
    }
    .pd_j_hsp_box2a_1a_1,
    .pd_j_hsp_box2a_1a_2 {
        width: 19vw;
        right: 3%;
    }
    .pd_j_hsp_box2a_1a_2{
        top: 50%;
    }
    .pd_j_hsp_box2a_2 {
        margin: 0 2vw;
    }
    .pd_j_hsp_box2c_ttl{
        font-size: 2.4vw;
        padding-bottom: 8.5vw;
    }
    .pd_j_hsp_box2c_sub li{
        font-size: 1.6vw;
        letter-spacing: .01em;
        padding: 1vw 0;
    }
    .pd_k_hsp_box1_ttl1{
        font-size: 1.35vw;
    }
    .pd_k_hsp_box1_ttl2 {
        font-size: 3.4vw;
        line-height: 1.35;
        padding-bottom: 1.5vw;
    }
    .pd_k_hsp_box1_img_ttl1 {
        font-size: 2.5vw;
        letter-spacing: .02em;
        padding: .3vw 0 .3vw 2vw;
    }
    .pd_k_hsp_box2a,
    .pd_k_hsp_box2b {
       padding: 2vw 2vw 1.5vw 2.5vw;
    }
    .pd_k_hsp_box2a_txt,
    .pd_k_hsp_box2b_txt {
        font-size: 1.35vw;
        letter-spacing: .02em;
        text-align: center;
        line-height: 1.5;
    }
    .pd_k_hsp_box2d_txt2,
    .pd_k_hsp_box2a_txt2{
        font-size: 1.35vw;
        color: #7d7d7d;
        border: .1vw solid #333;
    }
    .pd_l_hsp_box1_ttl2 {
        font-size: 3.5vw;
        line-height: 1;
        padding-bottom: 2vw;
    }
    .pd_l_hsp_box1_img_ttl {
        font-size: 1.85vw;
        letter-spacing: .02em;
        line-height: 1.55;
    }
    .pd_m_hsp_ttl1{
        padding-bottom: 2vw;
    }
    .pd_m_hsp_ttl2{
        letter-spacing: .04em;
        font-weight: 500;
        padding-bottom: 2.5vw;
    }
    .pd_m_hsp_txt{
        padding-bottom: 3vw;
    }
    .pd_m_hsp_box1 {
        margin: 0 5vw;
    }
    .pd_m_hsp_box1_ttl {
        font-size: 3.4vw;
        font-weight: 500;
        letter-spacing: .02em;
        padding: 4vw 0 3vw;
    }
    .pd_m_hsp_box1a_ttl{
        font-size: 1.8vw;
        font-weight: normal;
        letter-spacing: .02em;
        text-decoration: none;
    }
    .pd_m_hsp_box1a_part_ttl {
        font-size: 1.6vw;
        letter-spacing: .03em;
        font-weight: normal;
    }
    .pd_m_hsp_box1b_img{
        margin: 0 auto;
    }
    .pd_m_hsp_box1b_img2{
        top: 0;
    }
    .pd_m_hsp_box2_txt {
        font-size: .65vw;
        line-height: 1.8;
    }
    .pd_n_hsp_ttl1{
        font-size: 1.7vw;
        font-weight: 500;
        letter-spacing: .3em;
    }
    .pd_n_hsp_img {
        padding: 0 5vw 1vw;
    }
    .pd_n_hsp_list li {
        font-size: 1.5vw;
    }
    .pd_n_hsp_list2{
        font-size: 1.5vw;
        white-space: nowrap;
    }
    .pd_o_hsp_ttl1{
        font-size: 1.7vw;
        width: 18vw;
    }
    .pd_o_hsp_box_no{
        font-size: 1.3vw;
        padding: .7vw 0;
    }
    .pd_o_hsp_box_txt {
        font-size: 1.25vw;
        line-height: 1.5;
        letter-spacing: .03em;
    }
    .pd_o_hsp_box_txt2 {
        font-size: .7vw;
        padding: 0 5vw 2vw;
    }
    .pd_o_hsp_box2a {
        padding: 3.5vw 3vw 0 4vw;
    }
    .pd_o_hsp_box2a1{
        padding: 3vw 0;
    }
    .pd_o_hsp_box2a2{
        line-height: 1.5;
    }
}
@media screen and (max-width: 767px) {
    .pd_d_hsp_ttl {
        font-size: 5.3vw;
        padding: 7vw 0;
    }
    .pd_d_hsp_box1_a,
    .pd_d_hsp_box1_b {
        font-size: 4vw;
        letter-spacing: .02em;
        color: #555;
        padding: 0 0 3vw 10vw;
    }
    .pd_d_hsp_box2_ttl {
        font-size: 4.2vw;
        line-height: 1.4;
        color: #555;
        padding-bottom: 2.5vw;
    }
    .pd_d_hsp_box2_lista{
        width: calc(50% - 1.2vw);
        font-size: 3.2vw;
        line-height: 1.5;
        padding: 3.5vw 0;
    }
    .pd_e_hsp_ttl1{
        font-size: 8vw;
        letter-spacing: .04em;
        text-orientation: unset;
        top: 7%;
		letter-spacing: -0.1em;
    }
    .pd_f_hsp_box{
		padding: 8vw 0 6vw;
		position: relative;
    }
    .pd_f_hsp_box_ttl{
        font-size: 11vw;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-orientation: unset;
		text-align: center;
    }
    .pd_f_hsp_box_sub{
        font-size: 2vw;
    }
    .pd_g_hsp_box_b{
        font-size: 4.3vw;
        letter-spacing: .04em;
        top: 4%;
    }
    .pd_g_hsp_box_c{
        font-size: 9.5vw;
        top: 7.5%;
    }
    .pd_g_hsp_box_d{
        top: 14%;
    }
    .pd_t_hsp_ttl{
        font-size: 5.7vw;
        letter-spacing: .02em;
        font-weight: 600;
    }
    .pd_t_hsp_ttl2{
        font-size: 5vw;
        letter-spacing: .02em;
    }
    .pd_h_hsp_box1_ttl_box{
        padding: 8vw 0 5vw;
    }
    .pd_h_hsp_box1_ttl{
        font-size: 6.3vw;
        font-weight: 500;
        padding: 3.5vw;
    }
    .pd_h_hsp_box_main2{
        padding: 9vw 4vw 0;
    }
    .pd_h_hsp_box_main2_txt1{
        letter-spacing: .02em;
    }
    .pd_h_hsp_box_main2_sub{
        letter-spacing: 0;
        padding: 0 0 9vw;
    }
    .pd_h_hsp_box1_inner_a2{
        padding: 13vw 4vw 5vw;
    }
    .pd_h_hsp_box1_inner_a2_ttl1 {
        font-size: 3.7vw;
        letter-spacing: .02em;
        padding-bottom: 3vw;
    }
    .pd_h_hsp_box1_inner_a2_ttl2{
        font-size: 6vw;
        font-weight: 500;
    }
    .pd_h_hsp_box1_inner_a2_txt {
        font-size: 3.4vw;
        padding: 0 6vw 8vw;
    }
    .pd_h_hsp_box1_inner_b1 {
        padding: 4vw 0;
    }
    .pd_h_hsp_box1_inner_b1_ttl2 {
        font-size: 6vw;
        font-weight: 500;
        letter-spacing: .03em;
        line-height: 1.4;
    }
    .pd_h_hsp_box1_inner_c1_ttl1{
        font-size: 3.7vw;
        padding-bottom: 2vw;
    }
    .pd_h_hsp_box1_inner_c1_ttl2 sup{
        font-size: 3vw;
        vertical-align: middle;
    }
    .pd_h_hsp_box1_inner_d1 {
        font-size: 3.2vw;
        line-height: 1.7;
        letter-spacing: .03em;
    }
    .pd_h_hsp_box1_inner_d_sub{
        color: #8a8a8c;
        font-size: 1.8vw;
    }
    .pd_i_hsp_box1_ttl_box{
        padding: 30vw 0 0;
    }
    .pd_i_hsp_box1_ttls {
        font-size: 3.7vw;
        letter-spacing: .02em;
    }
    .pd_i_hsp_box1_ttl{
        font-weight: 500;
    }
    .pd_i_hsp_box1_ttl1{
        padding: 7vw 0 3vw;
    }
    .pd_i_hsp_box1_ttl2 {
        font-size: 7.6vw;
        font-weight: 600;
        letter-spacing: .03em;
        padding-bottom: 5vw;
    }
    .pd_i_hsp_box1_inner_b2 img{
        padding: 7vw 8vw 16vw;
    }
    .pd_i_hsp_box1_inner_b3_ttl2{
        font-size: 5.3vw;
        letter-spacing: .02em;
    }
    .pd_i_hsp_box1_inner_b3_txt{
        font-size: 3.3vw;
        padding: 3vw 7vw 7vw;
    }
    .pd_i_hsp_box1_inner_d {
        padding: 10vw 3vw 5vw;
    }
    .pd_i_hsp_box1_inner_d1{
        font-size: 3.3vw;
        line-height: 1.6;
        padding-bottom: 3vw;
    }
    .pd_i_hsp_box1_inner_d_sub {
        font-size: 2vw;
        bottom: -81%;
        right: -9%;
    }
    .pd_j_hsp_box1_ttls {
        font-size: 3.7vw;
        letter-spacing: .02em;
    }
    .pd_j_hsp_box1_ttl{
        font-size: 6vw;
        font-weight: 500;
        line-height: 1.3;
        padding: 2vw;
    }
    .pd_j_hsp_box1_ttl1 {
        padding: 7.5vw 0 3vw;
        font-size: 3.8vw;
    }
    .pd_j_hsp_box1_ttl2 {
        letter-spacing: .02em;
    }
    .pd_j_hsp_box1_txt {
        font-size: 5.3vw;
        letter-spacing: .02em;
        line-height: 1.5;
        padding: 7vw 0;
    }
    .pd_j_hsp_box2a {
        margin-bottom: 3vw;
    }
    .pd_j_hsp_box2a_ttl {
        width: 33vw;
        font-size: 4.2vw;
        left: -10vw;
    }
    .pd_j_hsp_box2b .pd_j_hsp_box2a_ttl {
        left: -8vw;
    }
    .pd_j_hsp_box2a_txt{
        font-size: 3.3vw;
        padding: 4vw 0 5vw;
    }
    .pd_j_hsp_box2a_1a_txt{
        letter-spacing: .02em;
    }
    .pd_j_hsp_box2c_ttl{
        font-size: 5.5vw;
        padding-bottom: 4vw;
    }
    .pd_j_hsp_box2c_sub li {
        letter-spacing: .1em;
    }
    .pd_j_hsp_box2d_ttl1{
        font-size: 3.6vw;
        padding-bottom: 2.5vw;
    }
    .pd_j_hsp_box2d_ttl2{
        padding-bottom: 5vw;
    }
    .pd_k_hsp_box1_ttl_box {
        padding: 16vw 0 0;
    }
    .pd_k_hsp_box1_ttl{
        font-weight: 500;
        line-height: 1.3;
    }
    .pd_k_hsp_box1_img_ttl1 {
        font-size: 5vw;
        letter-spacing: .02em;
        left: 50%;
        transform: translateX(-50%);
        top: 61vw;
    }
    .pd_k_hsp_box1_img_txt1{
        line-height: 1.4;
    }
    .pd_k_hsp_box2a_txt, .pd_k_hsp_box2b_txt {
        font-size: 3.4vw;
    }
    .pd_k_hsp_box2d_txt2,
    .pd_k_hsp_box2a_txt2{
        font-size: 3.15vw;
        padding: 2vw;
    }
    .pd_k_hsp_box2b_txt {
        padding: 2vw 0 8vw;
    }
    .pd_k_hsp_box2c{
        font-size: 2vw;
        padding: 2.5vw 6vw;
    }
    #pd_l_hsp {
        padding: 32vw 0vw 0vw;
    }
    .pd_l_hsp_box1_ttl1 {
        font-size: 3.8vw;
        margin: 0 auto 5vw;
    }
    .pd_l_hsp_box1_ttl2{
        padding-bottom: 3vw;
    }
    .pd_l_hsp_box1_img_ttl{
        font-size: 4.3vw;
        text-orientation: unset;
        top: 5vw;
    }
    .pd_m_hsp_ttl1{
        padding-bottom: 5vw;
    }
    .pd_m_hsp_ttl2{
        letter-spacing: .02em;
        font-weight: 500;
        padding-bottom: 3vw;
    }
    .pd_m_hsp_box1_ttl{
        font-size: 6.2vw;
        letter-spacing: .02em;
        padding: 9vw 0 4vw;
    }
    .pd_m_hsp_box1a_ttl{
        letter-spacing: .02em;
        line-height: 1.4;
    }
    .pd_m_hsp_box1a_part_ttl{
        letter-spacing: .02em;
    }
    .pd_m_hsp_box1a_part_txt{
        letter-spacing: .04em;
    }
    .pd_m_hsp_box1a_txt{
        padding: 4vw 0 3vw 8vw;
    }
    .pd_m_hsp_box2_part_ttl{
        border-radius: 7px;
    }
    .pd_m_hsp_box2_part:last-child .pd_m_hsp_box2_part_ttl {
        background: #cc6447;
        border: none;
    }
    .pd_m_hsp_box2_txt{
        font-size: 2vw;
    }
    #pd_m_hsp2{
        padding: 0 0 6vw;
    }
    #pd_n_hsp {
        padding: 4vw 0 10vw;
    }
    .pd_n_hsp_list li {
        font-size: 3.3vw;
        letter-spacing: 0;
        padding: 0 0 2vw;
    }
    .pd_n_hsp_list2{
        font-size: 3.3vw;
        letter-spacing: 0;
    }
    .pd_o_hsp_box_no {
        background: #192531;
    }
    .pd_o_hsp_box_txt{
        font-size: 2.8vw;
    }
    .pd_o_hsp_box2a1{
        font-size: 4vw;
        padding-bottom: 4vw;
    }
    .pd_o_hsp_box2{
        padding: 5vw 9vw 7vw;
    }
    .pd_o_hsp_box2b{
        width: 58%;
    }
    .pd_o_hsp_box2a{
        width: 42%;
    }
    .pd_o_hsp_box2a2{
        font-size: 2.8vw;
        letter-spacing: .02em;
    }
}