/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/neck
Description:MYTREX EMS HEAT NECK
Version: 1.0
*/

/*フェイスライン*/
.pd_d_hse_bg .is-active.fiv_mt10 {transition-duration: 1s;}
.pd_d_hse_bg .is-active.fiv_mt11 {transition-duration: 3s;}
.pd_d_hse_bg .is-active.fiv_mt12 {transition-duration: 6s;}
.pd_d_hse_bg .is-active.fiv_mt13 {transition-duration: 9s;}
.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) {
main {
/*margin-top:13.8vw;*/
margin-top: 20vw;
}
.wrapper > main {
margin-top: 20vw;
}
}
@media screen and (min-width: 768px) {
main {
margin-top:3vw !important;
}
}

@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
}

@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;
}
.contents_{
padding-right: 0px!important;
padding-left: 0px!important;
}
}

.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: 12vw;
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 i {
padding-top: 6px
}

#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 -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
.pd_shop{
padding:13.5vw 1vw 0vw 0vw;
}
.shop_effect_img {
overflow: hidden;
width: 40vw;
height: 13vw;
margin: .1vw 4vw 0.1vw 4vw;
float: left;
}
.shop_effect_img img{
width:100%;
}
.shop_effect_img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.shop_effect_img img:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@media screen and (min-width: 768px) {
.pd_shop{
padding:5.5vw 1vw 0vw 0vw;
}
.shop_effect_img {
overflow: hidden;
width: 11.0vw;
height: 4.0vw;
margin: .1vw 1vw 0.1vw 0vw;
float: left;
}
.shop_effect_img img{
width:100%;
}
.shop_effect_img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.shop_effect_img img:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}


/***          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_blank{
padding-right: 1vw;
}
.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;
}
.menu_sub_item_link2{
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_link2 a{
color: #231815;
display: inline-block;
list-style: none;
padding: 0vw 3vw;
}
.menu_sub_item_link2 a:hover{
color:#b5b5b6;
}
.mt_pc_top_buy_num{
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
#mt_pc_top_buy_cartin {
position: fixed;
bottom: 0px;
right: 0px;
background: #0000004f;
padding: 4px 0px 0px;
}
.mt_pc_top_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.mt_pc_top_buy_num{
float: left;
font-size: 3vw;
line-height: 10vw;
color: #676767;
padding-right: 8px;
}
.mt_pc_top_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.mt_pc_top_buy{
padding: 0 12vw;
}
.shopify-buy-frame iframe {

}
.shopify-buy__quantity-container{
display:none;
}
/* 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;
}
.menu_sub_item_link a{
color:#231815;
}
.menu_sub_item_link a:hover{
color:#b5b5b6;
}
.menu_sub_item_link2{
font-size:0.8vw;
font-weight:normal;
letter-spacing:0vw;
line-height:1vw;
color:#b5b5b6;
padding: 1.0vw 0vw;
}
.menu_sub_item_link2 a{
color:#231815;
}
.menu_sub_item_link2 a:hover{
color:#b5b5b6;
}
.mt_pc_top_buy_num{
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
#mt_pc_top_buy_cartin {
padding: 0;
}
.mt_pc_top_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.mt_pc_top_buy_num{
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
.mt_pc_top_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
}
.mt_pc_top_buy{
padding: 0vw 0vw !important;
}
.shopify-buy-frame iframe {
/* height: 3vw !important; */
}
.shopify-buy__quantity-container{
display:none;
}
}

.shopify-buy-frame--cart iframe{
height: 100% !important;
}

/***          menu sub          ***/

/***          amb rl          ***/
@media screen and (max-width: 767px) {
.pd_amb_box1{
text-align: center;
padding: 5vw 0 8vw;
}
.pd_amb_box1_ttl1{
font-size: 2.2vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 4vw;
}
.pd_amb_box1_ttl2{
font-size: 10vw;
letter-spacing: .4vw;
color: #231815;
padding-bottom: 4vw;
}
.pd_amb_box1_ttl3{
font-size: 3.3vw;
letter-spacing: .1vw;
color: #231815;
}
.pd_amb_box1_ttl2_xs{
font-size: 3vw;
letter-spacing: .1vw;
color: #231815;
padding: 0.5vw 1vw;
border: 1px solid #231815;
line-height: 1;
vertical-align: middle;
}

#pd_amb{
padding: 10vw 0vw 20vw;
}
.pd_amb_logo{
width:50vw;
margin:0 auto;
padding: 4.4vw 0vw 4.2vw;
}
.pd_amb_logo img{
width:100%;
}
.pd_amb_img{
padding:0;
}
.pd_amb_img_l{
float:left;
width:100%;
}
.pd_amb_img_l img{
width:100%;
}
.pd_amb_img_c{
width:100%;
}
.pd_amb_img_c img{
width:100%;
}
.pd_amb_img_r{
float:left;
width:50%;
}
.pd_amb_img_r img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pd_amb_box1{
text-align:center;
padding:8vw 0vw;
}
.pd_amb_box1_ttl1{
font-size:1.5vw;
letter-spacing:0.1vw;
color:#231815;
}
.pd_amb_box1_ttl2{
font-size:4vw;
letter-spacing:0.1vw;
color:#231815;
}
.pd_amb_box1_ttl3{
font-size:2vw;
letter-spacing:0.1vw;
color:#231815;
}

#pd_amb{
padding: 0vw 0 6vw;
}
.pd_amb_logo{
width:20vw;
margin:0 auto;
padding-bottom:2vw;
}
.pd_amb_logo img{
width:100%;
}
.pd_amb_img{
padding:0;
}
.pd_amb_img_l{
float:left;
width:50%;
}
.pd_amb_img_l img{
width:100%;
}
.pd_amb_img_c{
float:left;
width:50%;
}
.pd_amb_img_c img{
width:100%;
}
.pd_amb_img_r{
float:left;
width:25%;
}
.pd_amb_img_r img{
width:100%;
}
}
/***          section          ***/

/***          color var          ***/
@media screen and (max-width: 767px) {
.cl_wrap {
  width: 100%;
  margin-bottom: 20vw;
}
.cl_wrap img {
  width: 100%;
}
.cl_ttl {
width: 100%;
text-align: center;
font-size: 5.3vw;
font-weight: 700;
letter-spacing: .5vw;
transform: scale(1.0,0.9) !important;
position: relative;
top: 2.2vw;
}
.cl_sbuTtl {
  width: 100%;
  text-align: center;
  font-size: 3.200vw;
  font-weight: bold;
  letter-spacing: 0.6vw;
  margin-bottom: 8vw;
}
.cl_var {
padding: 12vw 12vw;
line-height: 0vw;
background: #f0f2f4;
}
.cl_var_item {
  width: 100%;
  margin-bottom: 0.8vw;
}
.cl_var_all{
margin: 0 auto;
}
.cl_ttl_sub{
text-align: right;
font-size: 2.2vw;
padding-top: 2.8vw;
letter-spacing: 0.2vw;
}
}
@media screen and (min-width: 768px) {
#pd_cl {
  padding: 6vw 0 8vw;
}
.cl_wrap {
  width: 100%;
}
.cl_wrap img {
  width: 100%;
}
.cl_ttl {
  width: 100%;
  text-align: center;
  font-size: 1.823vw;
  font-weight: bold;
  letter-spacing: 0.35vw;
  margin-bottom: 1.6vw;
}
.cl_sbuTtl {
  width: 100%;
  text-align: center;
  font-size: 1.146vw;
  font-weight: bold;
  letter-spacing: 0.3vw;
  margin-bottom: 4vw;
}
.cl_var {
  width: 78%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cl_var_item {
  width: calc(33.3333% - 1.5%);
  margin-right: 1.5%;
  margin-bottom: 2vw;
}
.cl_var_all{
width: 70vw;
margin: 0 auto;
}
.cl_ttl_sub{
padding-right: 15vw;
text-align: right;
font-size: 0.9vw;
padding-top: 0.8vw;
}
}
/***          color var          ***/

/***          section          ***/
@media screen and (max-width: 767px) {
#pd_b{
margin-bottom: 5%;
}
#pd_c{
padding: 0% 0 10%;
}
#pd_c_arm{
padding: 1vw 0 10%;
}
#pd_c2{
padding: 0% 0 10%;
position: relative;
}
#pd_c3{
padding: 10% 0 10%;
}
#pd_c_hs{
padding: 20% 0 10%;
}
#pd_d{
padding: 10% 0 10%;
}
#pd_d2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_d3{
padding: 0% 0 15%;
}
#pd_d3a{
padding: 0% 0 15%;
}
#pd_d4{
padding: 10% 0 10%;
}
#pd_d4a{
background: #f1f5f7;
padding: 10% 0% 0%;
}
.pd_d4b{
background: #f1f5f7;
padding: 0% 0% 10%;
}
#pd_d4{
padding: 10% 0 0%;
}
#pd_d_hse {
padding: 20vw 0;
position: relative;
}
#pd_e{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_e3{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_e4{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_e5{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_e6{
padding: 10% 0 10%;
}
#pd_e2{
padding: 0% 0 5%;
}
#pd_e_hse{
padding: 14% 0 16%;
background-color: #F1F5F7;
}
#pd_f{
padding: 10% 0 10%;
}
#pd_f2{
padding: 0% 0 10%;
}
#pd_f3{
padding: 0% 0 10%;
}
#pd_f4{
padding: 0% 0 10%;
position: relative;
}
#pd_f5{
padding: 0% 0 10%;
}
#pd_f5a{
padding: 0% 0 14%;
}
#pd_f5b{
padding: 0% 0 0%;
background: #f1f5f7;
}
#pd_g{
padding: 10% 0 0%;
line-height: 0vw;
}
#pd_g2{
padding: 0% 0 5%;
background: #f1f5f7;
}
#pd_g3{
padding: 10% 0 0%;
background: #f1f5f7;
}
#pd_g4{
padding: 10% 0 10%;
}
#pd_h{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_h2{
padding: 10% 0 0%;
}
#pd_h2a{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_h2b{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_i{
padding: 10% 0 10%;
}
#pd_i2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_i3{
padding: 10% 0 0%;
}
#pd_i4{
padding: 10% 0 10%;
}
#pd_i_hse{
padding: 0 0 10%;
}
#pd_j{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_j2{
padding: 10% 0 10%;
}
#pd_j3{
padding: 10% 0 10%;
}
#pd_k{
padding: 10% 0 10%;
}
#pd_k2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_l{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_l2{
padding: 10% 0 10%;
}
#pd_l_hse{
padding: 45vw 0 10%;
}
#pd_m{
padding: 10% 0 10%;
}
#pd_m2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_m3{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_n{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_o{
padding: 15% 0 15%;
}
#pd_o2{
padding: 15% 0 15%;
}
#pd_p{
padding: 0% 0 35%;
}
#pd_p2{
padding: 10% 0 10%;
}
#pd_p2c{
background: #f1f5f7;
padding-top: 20vw;
}
#pd_mv{
background: #ffffff;
z-index: 1;
}
#pdct_n_c, #pdct_n_e, #pdct_n_f, #pdct_n_g, #pdct_n_h{
margin: 0vw 0 23%;
}
#pdct_n_d{
margin: 0vw 0 23%;
}
#pdct_n_i{
margin: 0vw 0 25%;
}
#pdct_n_j{
margin: 0vw 0 23%;
}
.pdct_pc{
display: none;
}
}
@media screen and (min-width: 768px) {
#pd_b{
margin-bottom:3vw;
}
#pd_c{
padding: 5% 0 5%;
}
#pd_c_arm{
padding: 5% 0 5%;
}
#pd_c2{
padding: 0% 0 0%;
position: relative;
}
#pd_c3{
padding: 5% 0 0%;
}
#pd_c_hs{
padding: 5% 0 5%;
}
#pd_d{
padding: 5% 0 10%;
position: relative;
}
#pd_d2{
padding: 5% 0 10%;
background: #f1f5f7;
}
#pd_d_hse {
padding: 8% 0 10%;
position: relative;
}
#pd_d3{
padding: 5% 0 10%;
position: relative;
line-height: 0vw;
}
#pd_d3a{
padding: 0% 0 0%;
position: relative;
}
#pd_d4{
padding: 5% 0 10%;
}
#pd_d5 {
padding: 0% 0 0%;
}
#pd_e{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_e2{
padding: 5% 0 5%;
position: relative;
}
#pd_e3{
padding: 5% 0 0%;
background: #f1f5f7;
margin-bottom: 5%;
}
#pd_e4{
padding: 5% 0 0%;
background: #f1f5f7;
margin-bottom: 5%;
}
#pd_e5{
padding: 10% 0 10%;
}
#pd_e6{
padding: 10% 0 10%;
}
#pd_e_hse{
padding: 5% 0 5%;
position: relative;
}
#pd_f{
padding: 0% 0 0%;
}
#pd_f2{
padding: 0% 0 0%;
}
#pd_f3{
padding: 0% 0 5%;
}
#pd_f4{
padding: 0% 0 5%;
position: relative;
}
#pd_f5{
padding: 5% 0 5%;
}
#pd_f5a{
padding: 5% 0 5%;
}
#pd_f5b{
padding: 0% 0 5%;
background: #f1f5f7;
}
#pd_g{
padding: 0% 0 0%;
}
#pd_g2{
padding: 5% 0 5%;
position: relative;
}
#pd_g3{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_g4{
padding: 0% 0 5%;
position: relative;
}
#pd_h{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_h2{
padding: 5% 0 5%;
}
#pd_h2a{
padding: 0% 0 5%;
background: #f1f5f7;
}
#pd_h2b{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_h3{
padding: 5% 0 5%;
}
#pd_h4{
padding: 5% 0 5%;
}
#pd_i{
padding: 0% 0 0%;
}
#pd_i2{
padding: 5% 0 0%;
background: #f1f5f7;
}
#pd_i3{
padding: 0% 0 5%;
}
#pd_i4{
padding: 5% 0 5%;
}
#pd_i_hse{
padding: 0% 0 0%;
}
#pd_j{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_j2{
padding: 5% 0 5%;
}
#pd_j3{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_k{
padding: 5% 0 5%;
}
#pd_k2{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_l{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_l2{
padding: 5% 0 5%;
}
#pd_l_hse{
padding: 10vw 0 5vw;
}
#pd_m{
padding: 5% 0 0%;
}
#pd_m2{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_m2{
padding: 5% 0 10%;
background: #f1f5f7;
}
#pd_n{
padding: 5% 0 0%;
background: #f1f5f7;
}
#pd_o{
padding: 5% 0 5%;
}
#pd_o2{
padding: 5% 0 5%;
}
#pd_p{
padding: 5% 0 5%;
}
#pd_p2{
padding: 5% 0 5%;
}
#pd_p2c{
background: #f1f5f7;
}
#pd_mv{
padding: 0% 0 0%;
background: #ffffff;
z-index: 1;
}
#pdct_n_c, #pdct_n_e, #pdct_n_f, #pdct_n_g, #pdct_n_h{
margin: 0vw 0 0.5vw;
position: relative;
}
#pdct_n_d{
padding: 10vw 0 5vw;
position: relative;
}
#pdct_n_i{
padding: 10% 0;
}
#pdct_n_j{
margin: 0vw 0 10vw;
}
.pdct_sp{
display: none;
}
}
/***          section          ***/

/***          mv          ***/

@media screen and (max-width: 767px) {
.pd_mv_area{
padding:55.8vw 0 0 0;
position:relative;
}
.pd_mv_area2{
padding: 0vw 4vw;
position:relative;
}
.pd_mv_box{
padding:0vw 0vw;
}
.pd_mv_ttl{
padding: 10vw 0vw 3vw;
text-align: center;
}
.pd_mv_ttl_media{
font-size: 3.3vw;
line-height: 3.3vw;
letter-spacing: 0.7vw;
color: #231815;
}
.pd_mv_ttl_media_line{
border-bottom: solid 0.45vw #b5b5b6;
width: 6vw;
margin: 0 auto;
padding-top: 1.8vw;
}
.pd_mv_ttl_media_sub{
padding: 4vw 0vw 2vw;
font-size: 4.5vw;
line-height: 5vw;
letter-spacing: .8vw;
color: #231815;
}
}
@media screen and (min-width: 768px) {
.pd_mv_area{
padding:55.9vw 0 0 0;
position:relative;
}
.pd_mv_area2{
padding: 0vw 4vw;
position:relative;
}
.pd_mv_box{
padding:0vw 0vw;
}
.pd_mv_ttl{
padding: 10vw 0vw 3vw;
text-align: center;
}
.pd_mv_ttl_media{
font-size: 1.3vw;
line-height: 3.0vw;
letter-spacing: .3vw;
color: #231815;
}
.pd_mv_ttl_media_line{
border-bottom: solid 0.17vw #b5b5b6;
width: 6vw;
margin: 0 auto;
}
.pd_mv_ttl_media_sub{
padding: 2vw;
font-size: 2vw;
line-height: 3vw;
letter-spacing: .4vw;
color: #231815;
}
}

/***          mv          ***/

/***          yt          ***/
.pd_o_contents_youtube_text{
left: 0;
right: 0;
color:#3c393b;
}

@media screen and (max-width: 767px) {
.pd_o_youtube_news {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.pd_o_youtube_news iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.pd_o_contents_youtube_text{
bottom: 12vw;
padding: 0% 10px;
font-size: 3.3vw;
line-height: 5.5vw;
letter-spacing: 0.15vw;
font-weight: normal;
}
.pd_o_ttl_sub{
font-size: 3.5vw;
line-height: 3.5vw;
letter-spacing: .5vw;
color: #231815;
text-align: center;
padding: 5vw 0 3vw;
}
.pd_o_ttl_sub2{
font-size: 3.5vw;
line-height: 6.5vw;
letter-spacing: .5vw;
color: #231815;
text-align: center;
padding: 5vw 0 3vw;
}
.pd_o_box_link{
margin: 0 auto;
width: 70vw;
}
.pd_o_box_link2{
margin: 0 auto;
width: 70vw;
}
.pd_o_box_link_d{
float:left;
padding:2vw 1vw;
}
.pd_o_box_link_d2{
padding: 5vw 1vw 10vw;
}
.pd_o_icon_tri {
position: relative;
display: block;
width: 33vw;
background: #fff;
border: 1px solid #000;
padding: 2vw;
border-radius: 6px;
text-align: center;
font-size: 2.5vw;
letter-spacing: .5vw;
}
.pd_o_icon_tri:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px #666;
position: absolute;
top: 50%;
right: 2px;
margin-top: -6px;
}
.pd_o_icon_tri2 {
position: relative;
display: block;
width: 68vw;
background: #fff;
border: 1px solid #000;
padding: 2vw;
border-radius: 6px;
text-align: center;
font-size: 3.2vw;
letter-spacing: 0.4vw;
line-height: 5vw;
}
.pd_o_icon_tri2:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px #666;
position: absolute;
top: 50%;
right: 2px;
margin-top: -6px;
}
}
@media screen and (min-width: 768px) {
.pd_o_youtube_news {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.pd_o_youtube_news iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.pd_o_contents_youtube_text{
padding: 1vw 3vw 3vw 3.85vw;
font-size: 1.4vw;
line-height: 2.2vw;
letter-spacing: 0.3vw;
text-align: center;
}
.pd_o_ttl_sub{
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: .3vw;
color: #231815;
padding: 1.5vw 0vw;
text-align: center;
font-family: initial;
}
.pd_o_ttl_sub2{
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: .3vw;
color: #231815;
padding: 1.5vw 0;
text-align: center;
font-family: initial;
}
.pd_o_box_link{
margin: 0 auto;
width: 34vw;
}
.pd_o_box_link2{
margin: 0 auto;
width: 26vw;
}
.pd_o_box_link_d{
float:left;
padding:2vw 1vw;
}
.pd_o_box_link_d2{
float:left;
padding:2vw 1vw;
}
.pd_o_icon_tri {
position: relative;
display: block;
width: 15vw;
background: #fff;
border: 1px solid #000;
padding: 1vw;
border-radius: 6px;
text-align: center;
font-size: 1.2vw;
letter-spacing: 0.2vw;
}
.pd_o_icon_tri:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px #666;
position: absolute;
top: 50%;
right: 2px;
margin-top: -6px;
}
.pd_o_icon_tri2 {
position: relative;
display: block;
width: 25vw;
background: #fff;
border: 1px solid #000;
padding: 1vw;
border-radius: 6px;
text-align: center;
font-size: 1.1vw;
letter-spacing: .2vw;
line-height: 1.7vw;
}
.pd_o_icon_tri2:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px #666;
position: absolute;
top: 50%;
right: 2px;
margin-top: -6px;
}
}
/***          yt          ***/

/***          b          ***/
@media screen and (max-width: 767px) {
.pd_b_sp{
padding:0vw;
}
.pd_b_pc{
display:none;
}
.pd_b_hs_sp{
padding: 21vw 0 0vw;
}
.pd_b_hs_pc{
display:none;
}
.pd_b{
width:100%;
}
.pd_b img{
width:100%;
}
.pd_b_text{
font-size:4vw;
line-height:5vw;
color:#231815;
padding:1vw;
}
.pd_b_line{
font-size:4vw;
line-height:4vw;
color:#b5b5b6;
padding:1vw;
}
.pd_b_nm{
font-size:3vw;
font-weight:800;
line-height:3vw;
color:#231815;
padding:1vw;
}
.pd_b_sub{
font-size:3vw;
line-height:3vw;
color:#231815;
padding:1vw;
}
.pd_b_hse_com{
font-size: 2.0vw;
padding: 2vw 4vw;
}
}
@media screen and (min-width: 768px) {
.pd_b_sp{
display:none;
}
.pd_b_pc{
padding:0vw;
}
.pd_b_hs_sp{
display:none;
}
.pd_b_hs_pc{
padding:0vw;
}
.pd_b{
width:100%;
}
.pd_b img{
width:100%;
}
}
/***          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: 3vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
}
.pd_c_ttl_sub_i{
font-size: 1.8vw;
vertical-align: top;
}
.pd_c_ttl_sub2{
padding: 0vw 4vw;
font-size: 7vw;
line-height: 7vw;
letter-spacing: 0.5vw;
}
.pd_c_nm{
padding: 2vw 0vw 5vw;
font-size: 9vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: 0.7vw;
border-bottom: 1px solid #000;
margin: 4vw 4vw;
}
.pd_c_nm2{
padding: 2vw 0vw 5vw;
font-size: 9vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: 0.7vw;
border-bottom: 1px solid #000;
margin: 4vw 4vw;
}
.pd_c_nm3{
padding: 2vw 0 5vw;
font-size: 6.9vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: .3vw;
border-bottom: 1px solid #000;
margin: 4vw;
}
.pd_c_nm4{
padding: 2vw 0 5vw;
font-size: 8.8vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: .3vw;
border-bottom: 1px solid #000;
margin: 4vw;
}
.pd_c_nm5{
padding: 2vw 0 5vw;
font-size: 7.5vw;
font-weight: 800;
line-height: 11vw;
letter-spacing: .3vw;
border-bottom: 1px solid #000;
margin: 4vw;
}
.pd_c_nm5_tb{
position: absolute;
top: 0vw;
right: 6vw;
}
.pd_c_nm5_tb_a{
font-size: 2vw;
line-height: 2vw;
padding: 0.5vw 1vw;
border: 1px solid #000;
margin-left: 1vw;
}

.pd_c_text{
padding: 0vw 4vw 4vw;
font-size: 3vw;
line-height: 5.0vw;
letter-spacing: 0.2vw;
}
.pd_c_text_s{
padding: 2vw 0vw 1vw;
font-size: 2vw;
line-height: 4.0vw;
letter-spacing: 0.2vw;
}
.pd_c_text_s2{
padding: 2vw 0vw 1vw;
font-size: 2vw;
line-height: 4.0vw;
letter-spacing: 0.2vw;
}
.pd_c_price1{
padding: 0vw 4vw 1vw;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.05vw;
}
.pd_c_price2{
padding: 0vw 4vw 4vw;
font-size: 8vw;
font-weight: 800;
line-height: 8vw;
letter-spacing: 0.7vw;
}
.outofstock_blank{
padding-bottom: 15% !important;
}
.pd_c_price2b{
font-size: 2.5vw;
line-height: 2.5vw;
padding-left: 2vw;
}
.pd_c_buy_area{
width: 100%;
}
.shopify-buy-frame{
/* width: 29vw; */
}
.pd_c_buy_num{
float: left;
font-size: 3vw;
line-height: 10vw;
color: #676767;
padding-right: 8px;
}
.pd_c_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.pd_c_buy{
padding: 0 12vw 0 4vw;
}
.pd_ccontainer {
}
.pd_c_ad1{
width:100%;
text-align:center;
position: relative;
}
.pd_c_ad1 img{
width:100%;
}
.pd_c_ad2{
width:100%;
text-align:center;
position: absolute;
top: 1.5vw;
}
.pd_c_ad2 img{
width:100%;
}
.pd_box_c{
padding:2vw 4vw;
}
.pd_box_c_ttl_sub{
font-size: 3vw;
line-height: 3vw;
letter-spacing: 1vw;
color: #231815;
padding: 5vw 0vw;
text-align: left;
}
.pd_box_c_ttl{
font-size: 4.5vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding-bottom: 3vw;
}
.pd_box_c_list{
font-size: 3.5vw;
line-height: 6.5vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 0vw;
text-align: left;
}
}
@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_i{
font-size: 0.7vw;
vertical-align: top;
}
.pd_c_ttl_sub2{
padding: 1vw 0vw 1vw;
font-size: 2.3vw;
line-height: 2.5vw;
letter-spacing: 0.15vw;
}
.pd_c_nm{
padding: 0vw 0vw 2vw;
font-size: 3vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_nm2{
padding: 0vw 0vw 2vw;
font-size: 2.63vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_nm3{
padding: 0vw 0vw 2vw;
font-size: 2.3vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.08vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_nm4{
padding: 0vw 0vw 2vw;
font-size: 3vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_nm5{
padding: 0vw 0vw 2vw;
font-size: 2.63vw;
font-weight: 800;
line-height: 4vw;
letter-spacing: 0.1vw;
border-bottom: 1px solid #3c3c3c;
margin-bottom: 2vw;
}
.pd_c_nm5_tb{
display: none;
}
.pd_c_text{
padding: 0vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.0vw;
letter-spacing: 0.05vw;
}
.pd_c_text_s{
padding: 0vw 0vw 0vw;
font-size: 0.9vw;
line-height: 1.8vw;
letter-spacing: 0.05vw;
}
.pd_c_text_s2{
padding: 0.8vw 0vw 0vw;
font-size: 0.9vw;
line-height: 1.8vw;
letter-spacing: 0.05vw;
}
.pd_c_price1{
padding: 0vw 0vw;
font-size: 1.3vw;
line-height: 2.0vw;
letter-spacing: 0.1vw;
}
.pd_c_price2{
padding:0vw 0vw 0vw;
font-size:3vw;
font-weight:800;
line-height:4vw;
letter-spacing:0.1vw;
}
.pd_c_price2b{
font-size:1.2vw;
line-height:4vw;
}
.pd_c_buy_area{
width: 100%;
}
.shopify-buy-frame{
/*width: 29vw; */
}
.pd_c_buy_num{
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
.pd_c_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.pd_c_buy{
padding: 0 1vw;
}
.pd_ccontainer {
}
.pd_c_ad1{
width:100%;
text-align:center;
position: relative;
}
.pd_c_ad1 img{
width:100%;
}
.pd_c_ad2{
width: 100%;
text-align: center;
position: absolute;
top: 1.5vw;
}
.pd_c_ad2 img{
width:100%;
}
.pd_box_c{
padding:2vw 0vw;
position: absolute;
bottom:3vw;
}
.pd_box_c_ttl_sub{
font-size: 1vw;
line-height: 1vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
font-weight: 800;
}
.pd_box_c_ttl{
font-size: 2.3vw;
line-height: 3.0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 0.8vw;
}
.pd_box_c_list{
padding: 0vw 0 0;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
}
/***          c          ***/

/***          d          ***/
@media screen and (max-width: 767px) {
.pd_d_vid{
width:100%;
}
.pd_d2_vid{
width:100%;
}
.pd_box_l{
width: 100%;
padding: 6vw 4vw;
}
.pd_box_ll{
width: 100%;
padding: 3vw 4vw 6vw;
}
.pd_box_lr{
width: 100%;
padding: 6vw 4vw;
}
.pd_box_lhs{
width: 100%;
padding: 0vw 4vw;
}
.pd_box_le{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2b{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2b2{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2b2b{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2d{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le2c{
padding: 6vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le2c2{
padding: 6vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le2c3{
padding: 6vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le2c4{
padding: 0vw 4vw;
width: 100%;
text-align: left;
position: relative;
bottom: 1vw;
}
.pd_box_le2c5{
padding: 6vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le2c6{
padding: 4vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le2c7{
padding: 16vw 4vw;
width:100%;
text-align: left;
}
.pd_box_le3{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le3a{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le3b{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le4{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le5{
padding: 6vw 4vw;
position: absolute;
bottom: 85vw;
text-align: left;
width: 65vw;
}
.pd_box_le6{
padding: 6vw 4vw 0vw;
width:100%;
}
.pd_box_lf{
padding: 6vw 4vw;
width:100%;
}
.pd_box_lf2{
padding: 6vw 4vw;
width:100%;
}
.pd_box_lg{
padding: 6vw 4vw;
width:100%;
}
.pd_box_lg2{
padding: 6vw 4vw;
width:100%;
}
.pd_box_lg3{
padding: 6vw 4vw 8vw;
width:100%;
}
.pd_box_lg3a{
padding: 6vw 4vw 8vw;
width:100%;
}
.pd_box_lg3ar{
padding: 0vw 4vw 8vw 0vw;
width:100%;
}
.pd_box_lg3ara{
padding: 6vw 0vw 8vw 0vw;
width:100%;
}
.pd_box_lg3al{
padding: 6vw 0vw 8vw 4vw;
width:100%;
}
.pd_box_lg3ala{
padding: 6vw 0vw 8vw 0vw;
width:100%;
}
.pd_point{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 3vw;
text-align: left;
border-bottom: solid 2px #b5b5b6;
display: inline-flex;
}
.pd_point2{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: solid 2px #b5b5b6;
display: inline-flex;
}
.pd_point2b{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: solid 2px #b5b5b6;
display: inline-flex;
padding-top: 29vw;
}
.pd_point2c{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: solid 2px #b5b5b6;
display: inline-flex;
padding-top: 29vw;
margin-bottom: 2vw;
}
.pd_point2d{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: solid 2px #b5b5b6;
display: inline-flex;
margin-bottom: 2vw;
}
.pd_ttl_b{
font-weight: bold;
padding-right: 0.5vw;
}
.pd_ttl_b2{
font-weight: bold;
}
.pd_ttl_c{
font-size: 6vw;
line-height: 6vw;;
letter-spacing: 0.3vw;
font-weight:800;
padding: 1.5vw 0vw 2vw;
}
.pd_ttl_fa{
padding:4vw 0vw;
font-size: 6vw;
line-height: 6vw;
letter-spacing: 0.8vw;
color: #231815;
}
.pd_ttl_fb{
padding: 4vw 0vw;
font-size: 5.5vw;
line-height: 8vw;
letter-spacing: .8vw;
}
.pd_ttl_fc{
padding: 4vw 0vw;
font-size: 6vw;
line-height: 8vw;
}
.pd_ttl_fd{
padding:4vw 0vw;
font-size: 6vw;
line-height: 6vw;
letter-spacing: 1.0vw;
color: #231815;
}
.pd_ttl_fe{
padding: 4vw 4vw;
font-size: 4.2vw;
line-height: 5vw;
letter-spacing: .4vw;
color: #231815;
}
.pd_ttl_f1{
font-size: 5.5vw;
line-height: 5.5vw;
letter-spacing: .8vw;
color: #231815;
font-weight: 800;
}
.pd_ttl_f2{
font-size: 6.3vw;
line-height: 7.3vw;
letter-spacing: 0.3vw;
color: #b5b5b6;
vertical-align: bottom;
padding: 0 1vw;
}
.pd_ttl_f3{
padding: 4vw 0vw;
font-size: 6vw;
line-height: 8vw;
color: #ffffff;
}
.pd_ttl_f3a{
font-size: 6vw;
line-height: 6vw;
letter-spacing: 0.4vw;
color: #ffffff;
font-weight: 800;
}
.pd_ttl{
font-size: 6vw;
line-height: 6vw;
letter-spacing: 1.0vw;
color: #231815;
text-align: left;
display: flex;
padding: 4vw 0vw;
}
.pd_ttl1a{
font-size: 6vw;
line-height: 8vw;
letter-spacing: 1.0vw;
color: #231815;
text-align: left;
padding: 4vw 0vw;
}
.pd_ttl2{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
text-align: left;
}
.pd_ttl2s{
font-size: 2vw;
vertical-align: top;
line-height: 1.6;
}
.pd_ttl2_hfb{
font-size: 7vw;
line-height: 10vw;
letter-spacing: 1.0vw;
color: #231815;
text-align: left;
padding: 0 4vw 5vw;
}
.pd_ttl2_hfb2{
font-size: 9vw;
line-height: 9vw;
letter-spacing: .5vw;
color: #231815;
}
.pd_ttl2_hse{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 0 4vw;
}
.pd_ttl2a{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl2l2{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl2r,.pd_ttl2l{
font-size: 5vw;
line-height: 7.0vw;

letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl2c{
font-size: 4.0vw;
line-height: 5.8vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_ttl3{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_ttl3_hfb{
font-size: 7vw;
line-height: 11vw;
letter-spacing: .5vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_ttl3l{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
}
.pd_ttl4{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl4a{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl4a2{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #ffffff;
padding-bottom: 0vw;
text-align: left;
}
.pd_ttl4b{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 3vw 0vw 3vw;
text-align: left;
}
.pd_ttl4c{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 3vw 0vw 3vw;
text-align: left;
}
.pd_ttl5{
font-size: 5vw;
line-height: 1;
letter-spacing: .2vw;
color: #231815;
padding-bottom: 3.5vw;
text-align: left;
}
.pd_ttl5a{
font-size: 5vw;
line-height: 1;
letter-spacing: 0.2vw;
color: #231815;
padding: 1vw 4vw 5vw;
text-align: left;
}
.pd_ttl5a2{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 0vw 4vw 5vw;
text-align: left;
font-weight: 800;
}
.pd_ttl5a2a{
font-size: 4vw;
line-height: 8vw;
letter-spacing: .2vw;
color: #231815;
padding: 0 4vw 5vw;
text-align: left;
}
.pd_ttl5a2b{
font-size: 3.0vw;
line-height: 3vw;
letter-spacing: .2vw;
color: #fff;
background: #3e3a39;
border-radius: 4px;
padding: 1vw 2vw 1vw 3vw;
text-align: center;
margin-right: 2vw;
}
.pd_ttl5a2b2{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .2vw;
color: #231815;
padding: 0 0vw 0vw;
text-align: left;
float: right;
width: 75vw;
}
.pd_ttl6{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_ttl_hse{
font-size: 5vw;
font-weight: bold;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 4vw;
}
.pd_sub_l5{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5b{
font-size: 3.3vw;
line-height: 5.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5b_hfb1{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: .5vw;
color: #231815;
padding: 0vw 4vw 5vw;
text-align: left;
}
.pd_sub_l5b_hfb2{
font-size: 2vw;
line-height: 4.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 5vw 4vw 5vw;
text-align: left;
}
.pd_sub_l5b_hse{
font-size: 3.5vw;
line-height: 6vw;
letter-spacing: 0.3vw;
color: #231815;
padding: 5vw 4vw 8vw;
text-align: left;
}
.pd_sub_l5b2{
font-size: 2vw;
line-height: 4.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5b2b{
font-size: 2vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5b2c{
font-size: 3.8vw;
line-height: 5.8vw;
letter-spacing: 0.3vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5c{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_sub_l5d{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_sub_l5e{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 6vw;
text-align: left;
}
.pd_sub_l6{
font-size: 4.0vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 5vw 4vw 0vw;
text-align: left;
}
.pd_sub_l7{
font-size: 3.5vw;
line-height: 5.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding: 0vw 4vw 3vw;
text-align: left;
}
.pd_sub{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
text-align: left;
z-index: 99;
}
.pd_sub2b{
font-size: 3vw;
line-height: 1.7;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
z-index: 99;
}
.pd_subc{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_subc2{
font-size: 3.5vw;
line-height: 1.7;
letter-spacing: .3vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_subc2l{
font-size: 3.5vw;
line-height: 7.5vw;
letter-spacing: .3vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_subd{
font-size: 2.5vw;
line-height: 4.0vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_subs{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 3vw;
text-align: left;
}
.pd_subs2,.pd_subs2a,.pd_subs2a2{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_subs2c{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_subs2c_line{
background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #e8edef));
background: -webkit-linear-gradient(transparent 70%, #e8edef 0%);
background: linear-gradient(transparent 70%, #e8edef 0%);
}
.pd_subs3{
font-size: 2.8vw;
line-height: 1.6;
letter-spacing: 0.2vw;
color: #231815;
text-align: left;
}
.pd_subs4{
font-size: 3.6vw;
line-height: 1.6;
letter-spacing: .1vw;
color: #231815;
padding: 0 4vw 5vw;
text-align: left;
}
.pd_subs4_hfb{
font-size: 2vw;
line-height: 3.5vw;
letter-spacing: .2vw;
color: #231815;
padding: 0vw 4vw 5vw;
text-align: left;
}
.pd_subs4a{
font-size: 3.5vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #231815;
padding: 0vw 4vw 3vw;
text-align: left;
font-weight: 800;
}
.pd_subs4d{
font-size: 3.5vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #231815;
padding: 0vw 0vw 3vw;
text-align: left;
font-weight: 800;
}
.pd_subs4b{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #231815;
padding: 0vw 4vw 5vw;
text-align: left;
}
.pd_sub2{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 5vw 0vw;
text-align: left;
}
.pd_sub2a{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #ffffff;
padding: 5vw 0vw;
text-align: left;
}
.pd_sub3{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
z-index: 99;
}
.pd_sub4{
text-align: left;
font-size: 2.5vw;
line-height: 3.0vw;
letter-spacing: 0.05vw;
padding: 2vw 0vw 0vw;;
}
.pd_sub4a{
text-align: left;
font-size: 2.5vw;
line-height: 3.0vw;
letter-spacing: 0.05vw;
color: #ffffff;
padding: 2vw 0vw 0vw;;
}
.pd_d_grp_pc{
display:none;
}
.pd_d_grp_sp{
padding:4vw 4vw;
text-align:center;
}
.pd_d_grp_sp img{
width:100%;
}
.pd_d_grp_pc2{
display:none;
}
.pd_d_grp_sp2{
padding: 4vw 4vw 6vw;
text-align: center;
}
.pd_d_grp_sp2 img{
width: 65vw;
}
.pd_d_grp_pc3{
display:none;
}
.pd_d_grp_sp3{
padding: 4vw 4vw 8vw;
text-align: center;
}
.pd_d_grp_sp3 img{
width: 18vw;
}
.pd_d_grp_pc4{
display:none;
}
.pd_d_grp_sp4{
padding: 0vw 0vw 6vw;
text-align: center;
}
.pd_d_grp_sp4 img{
width: 100%;
}
.pd_d_grp_pc5{
display:none;
}
.pd_d_grp_sp5{
padding: 4vw 0vw 4vw;
text-align: center;
}
.pd_d_grp_sp5 img{
width: 100%;
}
.pd_d_grp_pc6{
display:none;
}
.pd_d_grp_sp6{
padding: 4vw 0vw 0vw;
text-align: center;
}
.pd_d_grp_sp6 img{
width: 100%;
}
.pd_list_e{
padding: 6vw 0vw 0vw;
}
table.pd_list_e{
width: 100%
}
.pd_list_e_sub{
text-align: left;
font-size: 2.5vw;
letter-spacing: 0.05vw;
padding: 2vw 0vw 0vw;
}
.pd_list_e_sub2{
text-align: left;
font-size: 2.5vw;
letter-spacing: 0.05vw;
padding: 2vw 4vw 0vw;
}
.pd_list_e_sub3{
text-align: left;
font-size: 2.5vw;
line-height: 3.4vw;
letter-spacing: 0.05vw;
padding: 2vw 0vw 0vw;
}
.pd_list_e_sub3a{
text-align: left;
font-size: 3.0vw;
line-height: 4.4vw;
letter-spacing: .2vw;
padding: 23vw 4vw 0;
}
.pd_list_tr{
border-bottom: 1px solid #000;
}
.pd_list_trt{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.pd_list_lr{
width: 25%;
padding: 1.5vw 0.5vw;
text-align: center;
font-size: 3vw;
letter-spacing: 0.5vw;
}
.pd_list_c{
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 1.5vw 1vw;
width: 50%;
text-align: center;
font-size: 3vw;
letter-spacing: 1vw;
}
.pd_list_lrw{
width: 25%;
padding: 1.5vw 0.5vw;
text-align: center;
font-size: 3vw;
background: #ffffff;
letter-spacing: 1vw;
}
.pd_list_cw{
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 1.5vw 1vw;
width: 50%;
text-align: center;
font-size: 3vw;
letter-spacing: 1vw;
background: #ffffff;
}
.pd_d_box_r{
padding: 6vw 4vw;
width:100%;
}
.pd_d_bg{
width:100%;
text-align:center;
padding-top: 4vw;
}
.pd_d_bg img{
width:100%;
}
.pd_d_bg2{
width:100%;
text-align:center;
}
.pd_d_bg2 img{
width:80%;
}
.pd_d_bg3{
width:100%;
position: relative;
text-align:center;
line-height: 0vw;
padding-top: 25vw;
}
.pd_d_bg3 img{
width:100%;
}
.pd_d_bg3b{
position: absolute;
bottom: 0vw;
right: 0vw;
padding: 0;
}
.pd_d_bg3b img{
width: 100vw;
}
.pd_d_bg3c{
position: absolute;
bottom: 0;
right: 0vw;
padding: 0 0 0 0vw;
}
.pd_d_bg3c img{
width:100%;
}
.pd_d_bg3d{
position: absolute;
bottom: 0vw;
right: 0vw;
padding: 0vw 0vw 0vw 0vw;
}
.pd_d_bg3d img{
width:100%;
}
.pd_d_bg3e{
position: absolute;
top: 6vw;
padding: 4vw 4vw 0 4vw;
}
.pd_d_hse_bg{
width:100%;
text-align:center;
position: relative;
}
.pd_d_hse_bg img{
width:100%;
}
.pd_d_hse_inner{
width: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.pd_ttl_hse2{
font-size: 5vw;
font-weight: 700;
line-height: 7vw;
letter-spacing: .5vw;
color: #231815;
padding: 4vw;
}
.pd_d_hse_com{
width: 100%;
padding: 0 4vw 8vw;
}
.d_hse_com_list{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.d_hse_com_list_item{
width: 46%;
font-size: 4vw;
font-weight: 700;
letter-spacing: .1vw;
color: #231815;
position: relative;
padding-top: 26px;
}
.d_hse_com_list_item:first-of-type::before{
content: '1';
background-color: #efc3d6;
}
.d_hse_com_list_item:nth-of-type(2)::before{
content: '2';
background-color: #00C8BC;
}
.d_hse_com_list_item:nth-of-type(3)::before{
content: '3';
background-color: #ADD666;
}
.d_hse_com_list_item:nth-of-type(4)::before{
content: '4';
background-color: #FF8F76;
}
.d_hse_com_list_item:nth-of-type(5)::before{
content: '5';
background-color: #A688C8;
}
.d_hse_com_list_item:nth-of-type(6)::before{
content: '6';
background-color: #F4E73F;
}
.d_hse_com_list_item:nth-of-type(7)::before{
content: '7';
background-color: #E03F86;
}
.d_hse_com_list_item::before{
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: .1vw;
color: #fff;
padding: 4px 6px;
}
.d_hse_com_list_desc{
display: block;
width: 100%;
font-size: 3.5vw;
font-weight: normal;
line-height: 5.2vw;
letter-spacing: .1vw;
color: #231815;
padding-top: 8px;
}
.d_hse_com_list_item2{
width: 100%;
font-size: 3vw;
padding-top: 40px;
line-height: 5.2vw;
}
.pd_d_img_area{
padding: 4vw 0vw;
}
.pd_d_img{
}
.pd_d_img img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pd_d_vid{
width:100%;
padding-top:7vw;
}
.pd_d2_vid{
width:100%;
}
.pd_box_l{
position: absolute;
bottom: 6vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_ll{
bottom: 6vw;
width: 100%;
padding: 0vw 2vw 0vw 4vw;
border-right: #dcdddd solid 1px;
}
.pd_box_lr{
bottom: 6vw;
width: 100%;
padding: 0vw 4vw 0vw 2vw;
}
.pd_box_lhs{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2{
position: absolute;
bottom: 14vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2b{
position: absolute;
bottom: 8vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2b2{
position: absolute;
bottom: 28vw;
width: 100%;
padding: 0 4vw 0 4vw;
}
.pd_box_le2b2b{
position: absolute;
bottom: 2vw;
width: 100%;
padding: 0 4vw 0 4vw;
}
.pd_box_le2d{
position: absolute;
bottom: 16vw;
width: 100%;
padding: 0 4vw 0 4vw;
}
.pd_box_le2c{
position: absolute;
bottom: 16vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c2{
position: absolute;
bottom: 0vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c3{
position: absolute;
bottom: 14.5vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c4{
position: absolute;
bottom: 0vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c5{
position: absolute;
bottom: 21vw;
padding: 0 0 0 4vw;
width: 100%;
}
.pd_box_le2c6{
position: absolute;
bottom: 3.0vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c7{
position: absolute;
bottom: -1vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le3{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
text-align: center;
}
.pd_box_le3a{
width: 100%;
padding: 10vw 0vw 3vw;
text-align: center;
}
.pd_box_le3b{
width: 100%;
padding: 0vw 4vw 0vw 4vw;
text-align: left;
}
.pd_box_le4{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
text-align: left;
}
.pd_box_le5{
width: 100%;
padding: 0vw 0vw 4vw 4vw;
text-align: left;
}
.pd_box_le6{
width: 100%;
padding: 0 0vw 2vw 0vw;
text-align: center;
}
.pd_box_lf{
width: 100%;
padding: 3vw 0vw 0vw 4vw;
}
.pd_box_lf2{
width: 100%;
padding: 0vw 0vw 4vw 4vw;
}
.pd_box_lg{
width: 100%;
padding: 4vw 0vw 0vw 4vw;
}
.pd_box_lg2{
position: absolute;
bottom: 3vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3l{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3a{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3ar{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3ara{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3al{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3ala{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_r{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_point{
font-size:1vw;
line-height:1vw;
letter-spacing:0.1vw;
color:#231815;
padding-bottom:1vw;
text-align:left;
}
.pd_point2{
font-size: 1vw;
line-height: 0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: 0.2vw solid #b5b5b6;
display: inline-block;
}
.pd_point2b{
font-size: 1vw;
line-height: 0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: 0.2vw solid #b5b5b6;
display: inline-block;
}
.pd_point2c{
font-size: 1vw;
line-height: 0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: 0.2vw solid #b5b5b6;
display: inline-block;
}
.pd_point2d{
font-size: 1vw;
line-height: 0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
border-bottom: 0.2vw solid #b5b5b6;
display: inline-block;
}
.pd_point2l{
font-size: 1vw;
line-height: 0;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: right;
float: left;
margin-right: 2vw;
}
.pd_point2l_line{
font-size: 1vw;
line-height: 0;
letter-spacing: .1vw;
border-bottom: #231815 1px solid;
float: left;
width: 5vw;
margin-right: 1vw;
}
.pd_ttl_b{
font-weight: bold;
padding-right: 1.0vw;
}
.pd_ttl_b2{
font-weight: bold;
}
.pd_ttl_c{
font-size: 2.3vw;
line-height: 2.8vw;
letter-spacing: 0.3vw;
font-weight:800;
padding: 1.5vw 0vw 2vw;
}
.pd_ttl1a{
display: none;
}
.pd_ttl_fa{
padding:2vw 1vw;
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
}
.pd_ttl_fb{
font-size: 2.3vw;
line-height: 2.8vw;
letter-spacing: 0.3vw;
padding: 1.5vw 0vw 2vw;
}
.pd_ttl_fc{
font-size: 2.3vw;
line-height: 2.8vw;
letter-spacing: 0.3vw;
padding: 1.0vw 0vw 1vw;
}
.pd_ttl_fd{
padding:2vw 0vw 0vw;
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
}
.pd_ttl_fe{
padding: 2vw 1vw 3vw;
font-size: 3.0vw;
line-height: 3vw;
letter-spacing: .4vw;
color: #231815;
text-align: center;
}
.pd_ttl_f1{
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
font-weight: 800;
}
.pd_ttl_f2{
font-size: 2.9vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #b5b5b6;
vertical-align: bottom;
}
.pd_ttl_fc3{
font-size: 2.3vw;
line-height: 2.8vw;
letter-spacing: 0.3vw;
padding: 1.0vw 0vw 1vw;
}
.pd_ttl_f3a{
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
font-weight: 800;
}
.pd_ttl{
font-size: 2.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
display: flex;
align-items: center;
}
.pd_ttl:before {
border-top: 1px solid #b5b5b6;
content: "";
width: 2.5vw;
}
.pd_ttl:before {
margin-right: 1vw;
}
.pd_ttl:after {
margin-left: 1em;
}
.pd_ttl_hse{
padding: 2vw 1vw 3vw;
font-size: 2.04vw;
line-height: 2.04vw;
letter-spacing: 0.3vw;
color: #231815;
text-align: center;
font-weight: 800;
}
.pd_ttl_hse2{
padding: 5vw 1vw 3vw;
font-size: 2.04vw;
line-height: 2.04vw;
letter-spacing: 0.3vw;
color: #231815;
text-align: center;
font-weight: 800;
}
.pd_ttl2{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_ttl2s{
font-size: 1vw;
vertical-align: text-bottom;
}
.pd_ttl2_hfb{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_ttl2_hse{
font-size: 1.83vw;
line-height: 1.83vw;
letter-spacing: 0.09vw;
color: #231815;
padding-bottom: 2.2vw;
text-align: center;
}
.pd_ttl2a{
font-size: 2.2vw;
line-height: 2.8vw;
letter-spacing: .2vw;
color: #231815;
padding-bottom: 3vw;
text-align: center;
}
.pd_ttl2l2{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_ttl2r{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: right;
}
.pd_ttl2l{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_ttl2c{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
padding-top: 10vw;
}
.pd_ttl3{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_ttl3_hfb{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_ttl3l{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_ttl4{
font-size: 1.7vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_ttl4a, .pd_ttl4a2{
font-size: 1.7vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_ttl4b{
font-size: 1.7vw;
line-height: 2.3vw;
letter-spacing: .15vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
}
.pd_ttl4c{
font-size: 1.7vw;
line-height: 2.3vw;
letter-spacing: .15vw;
color: #231815;
padding: 1.5vw 0 2vw;
text-align: left;
}
.pd_ttl5{
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: 0.06vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
}
.pd_ttl5a{
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: 0.06vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
}
.pd_ttl5a2{
font-size: 1.5vw;
line-height: 2.4vw;
letter-spacing: 0.06vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
font-weight: 800;
}
.pd_ttl5a2b{
font-size: 1.5vw;
letter-spacing: 0.06vw;
color: #ffffff;
background: #3e3a39;
border-radius: 4px;
padding: 0.5vw 1vw;
text-align: center;
margin-right: 0.8vw
}
.pd_ttl6{
font-size: 2.4vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_sub_l5{
padding: 0vw 8.8vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b{
padding: 0vw 0.5vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b_hfb1{
padding: 0vw 0.5vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b_hfb2{
padding: 0vw 0.5vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b_hse{
padding: 0vw 0vw 3vw;
font-size: 0.94vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: center;
}
.pd_sub_l5b2{
padding: 0vw 0.5vw 0vw 0vw;
font-size: 1.0vw;
line-height: 1.2;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b2b{
width: 100%;
padding: 1vw .5vw 0 0;
font-size: 0.9vw;
line-height: 1.4vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5b2c{
padding: 0 3.5vw 0 0;
font-size: 1.2vw;
line-height: 1.9vw;
letter-spacing: .07vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5c{
padding: 0vw 8.8vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_sub_l5d{
padding: 0vw 0vw 0vw 0vw;
font-size: 1.2vw;
line-height: 1.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub_l5e{
padding: 0vw 8.8vw 0vw 0vw;
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
min-height: 13vw;
}
.pd_sub_l6{
padding: 3vw 0vw 2vw 0vw;
font-size: 1.4vw;
line-height: 2.5vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: left;
}
.pd_sub_l7{
padding: 2vw 0vw 2vw 0vw;
font-size: 1.0vw;
line-height: 1.3vw;
letter-spacing: 0.05vw;
color: #231815;
text-align: left;
}
.pd_sub{
font-size: 1.1vw;
line-height: 2.0vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_sub2b{
font-size: 1.1vw;
line-height: 1.8vw;
letter-spacing: 0.07vw;
color: #231815;
padding: 0vw 3vw 0vw 0vw;
text-align: left;
}
.pd_subc{
font-size: 1.1vw;
line-height: 2.0vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_subc2{
font-size: 1.1vw;
line-height: 2.0vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_subc2l{
font-size: 1.1vw;
line-height: 2.0vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_subd{
font-size: 0.9vw;
line-height: 1.7vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_subs{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 1vw 0vw 0vw;
text-align: left;
}
.pd_subs2{
font-size: 1vw;
line-height: 1.5vw;
letter-spacing: .04vw;
color: #231815;
padding: 0 0vw 1vw 0;
text-align: left;
}
.pd_subs2a{
font-size: 1.2vw;
line-height: 1.7vw;
letter-spacing: .04vw;
color: #231815;
padding: 0 0 1vw;
text-align: left;
min-height: 4vw;
}
.pd_subs2a2{
font-size: 1.2vw;
line-height: 1.7vw;
letter-spacing: .04vw;
color: #231815;
padding: 0 0 1vw;
text-align: left;
min-height: 5.6vw;
}
.pd_subs2c{
font-size: 1.2vw;
line-height: 2.3vw;
letter-spacing: .04vw;
color: #231815;
padding: 0vw 0 0vw;
text-align: center;
min-height: 4vw;
}
.pd_subs3{
font-size: 0.8vw;
line-height: 1.2vw;
letter-spacing: .04vw;
color: #231815;
padding: 1vw 0vw 1vw 0;
text-align: left;
}
.pd_subs4{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 1vw 0vw 0vw;
text-align: left;
}
.pd_subs4_hfb{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 1vw 0vw 0vw;
text-align: left;
}
.pd_subs4a{
font-size: 1.4vw;
line-height: 2.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 0vw 1vw 0vw;
text-align: left;
font-weight: 800;
}
.pd_subs4d{
font-size: 1.4vw;
line-height: 2.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 0vw 1vw 0vw;
text-align: left;
font-weight: 800;
}
.pd_subs4b{
font-size: 1vw;
line-height: 1.5vw;
letter-spacing: .04vw;
color: #231815;
padding: 1.5vw 1vw 0 0;
text-align: left;
}
.pd_sub2, .pd_sub2a{
font-size: 0.9vw;
line-height: 1.3vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: left;
padding: 0vw 4vw;
}
.pd_sub3{
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.1vw;
color: #231815;
font-weight: 800;
padding: 1vw 0vw 1vw;
text-align: left;
}
.pd_sub4,.pd_sub4a{
text-align: left;
font-size: .8vw;
letter-spacing: .05vw;
padding: 0vw 0;
line-height: 1.2vw;
}
.pd_d_grp_sp{
display:none;
}
.pd_d_grp_pc{
padding:5vw  0vw 0vw;
text-align:center;
}
.pd_d_grp_pc img{
width:100%;
}
.pd_d_grp_sp2{
display:none;
}
.pd_d_grp_pc2{
padding: 0vw 5vw 0vw 0vw;
text-align:center;
}
.pd_d_grp_pc2 img{
width:100%;
}
.pd_d_grp_sp3{
display:none;
}
.pd_d_grp_pc3{
position: absolute;
bottom: 51vw;
text-align: center;
width: 8vw;
right: 37.7vw;
}
.pd_d_grp_pc3 img{
width:100%;
}
.pd_d_grp_sp4{
display:none;
}
.pd_d_grp_pc4{
padding: 1vw 0 2vw;
text-align: center;
}
.pd_d_grp_pc4 img{
width:100%;
}
.pd_d_grp_sp5{
display:none;
}
.pd_d_grp_pc5{
padding: 2vw 0 2vw;
text-align: center;
}
.pd_d_grp_pc5 img{
width:100%;
}
.pd_d_grp_sp6{
display:none;
}
.pd_d_grp_pc6{
padding: 2vw 0 2vw;
text-align: center;
}
.pd_d_grp_pc6 img{
width:100%;
}
.pd_list_e{
padding: 1vw 0vw;
}
.pd_list_e_sub{
text-align: left;
font-size: 0.8vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
}
.pd_list_e_sub2{
text-align: left;
font-size: 0.8vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
}
.pd_list_e_sub3{
text-align: left;
font-size: 0.8vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
line-height: 1.1vw;
}
.pd_list_e_sub3a{
text-align: left;
font-size: 0.8vw;
letter-spacing: 0.05vw;
padding: 1vw 4vw 1vw 0vw;
line-height: 1.1vw;
}
.pd_list_tr{
border-bottom: 1px solid #000;
}
.pd_list_trt{
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.pd_list_lr{
width: 25%;
padding: 0.5vw 0.5vw;
text-align: center;
font-size: 1vw;
}
.pd_list_c{
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 0.5vw 1vw;
width: 50%;
text-align: center;
font-size: 1vw;
}
.pd_list_lrw{
width: 25%;
padding: 1.5vw 0.5vw;
text-align: center;
font-size: 1vw;
background: #ffffff;
}
.pd_list_cw{
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 1.5vw 0.5vw;
width: 50%;
text-align: center;
font-size: 1vw;
background: #ffffff;
}
.pd_d_box_r{
position: absolute;
bottom: 0vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_d_bg{
width:100%;
text-align:center;
overflow: hidden;
}
.pd_d_bg img{
width:100%;
}
.pd_d_bg2{
width:100%;
text-align:center;
}
.pd_d_bg2 img{
width:80%;
}
.pd_d_bg3{
width:100%;
position: relative;
text-align:center;
line-height: 0vw;
}
.pd_d_bg3 img{
width:100%;
}
.pd_d_bg3b{
position: absolute;
bottom: 5vw;
right: 31vw;
padding: 0 0 0 0vw;
}
.pd_d_bg3b img{
width: 17vw;
}
.pd_d_bg3c{
position: absolute;
bottom: 0;
right: 0vw;
padding: 0 0 0 0vw;
}
.pd_d_bg3c img{
width:100%;
}
.pd_d_bg3d{
position: absolute;
bottom: 0vw;
right: 0vw;
padding: 0vw 0vw 0vw 0vw;
}
.pd_d_bg3d img{
width:100%;
}
.pd_d_bg3e{
position: absolute;
top: 10vw;
padding: 4vw 4vw 0 4vw;
}
.pd_d_hse_bg{
width:100%;
text-align:center;
position: relative;
}
.pd_d_hse_bg img{
width:100%;
}
.pd_d_hse_inner{
width: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.pd_d_hse_com{
width: 100%;
padding-top: 40px;
}
.d_hse_com_list{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.d_hse_com_list_item{
width: 30%;
font-size: 1.25vw;
font-weight: 700;
letter-spacing: .1vw;
color: #231815;
position: relative;
padding-top: 26px;
}
.d_hse_com_list_item:first-of-type::before{
content: '1';
background-color: #efc3d6;
}
.d_hse_com_list_item:nth-of-type(2)::before{
content: '2';
background-color: #00C8BC;
}
.d_hse_com_list_item:nth-of-type(3)::before{
content: '3';
background-color: #ADD666;
}
.d_hse_com_list_item:nth-of-type(4)::before{
content: '4';
background-color: #FF8F76;
}
.d_hse_com_list_item:nth-of-type(5)::before{
content: '5';
background-color: #A688C8;
}
.d_hse_com_list_item:nth-of-type(6)::before{
content: '6';
background-color: #F4E73F;
}
.d_hse_com_list_item:nth-of-type(7)::before{
content: '7';
background-color: #E03F86;
}
.d_hse_com_list_item::before{
width: 24px;
height: 24px;
border-radius: 50%;
display: inline-block;
font-size: 14px;
font-weight: 700;
letter-spacing: .1vw;
color: #fff;
padding: 6px 8px;
}
.d_hse_com_list_desc{
display: block;
width: 100%;
font-size: .94vw;
font-weight: normal;
line-height: 1.4vw;
letter-spacing: .1vw;
color: #231815;
padding-top: 8px;
}
.d_hse_com_list_item2{
width: calc(100% - (30% + 5%));
display: flex;
align-items: flex-end;
}
.pd_d_img_area{
padding: 4vw 0vw;
}
.pd_d_img{
float: left;
width: 25%;
}
.pd_d_img img{
width: 100%;
}
}

/***          d          ***/

/***          e          ***/
@media screen and (max-width: 767px) {
.pd_e_bg{
width:100%;
text-align:center;
}
.pd_e_bg img{
width:100%;
}
.pd_e_bg3{
width:100%;
text-align:center;
}
.pd_e_bg3 img{
width:100%;
}
.pd_e_bg2{
width:100%;
text-align:center;
}
.pd_e_bg2 img{
width:100%;
}
.pd_e_bg3{
width: 100%;
text-align: center;
padding-top: 100vw;
}
.pd_e_bg3 img{
width:100%;
}
.pd_e_bg4{
padding: 0vw 4vw;
}
.pd_e_bg4b{
padding: 4vw 4vw;
}
.pd_e_grp_pc{
display:none;
}
.pd_e_grp2_pc{
display:none;
}
.pd_e_grp_sp{
padding:0vw 0vw;
text-align:center;
}
.pd_e_grp_sp img{
width:100%;
}
.pd_e_grp2_sp{
padding:0vw 4vw;
text-align:center;
}
.pd_e_grp2_sp img{
width:100%;
}
.pd_e_grp3_sp{
padding:0vw 4vw;
text-align:center;
}
.pd_e_grp3_sp img{
width:100%;
}
.pd_e_grp3_sp2{
padding:12vw 4vw 0vw 4vw;
text-align:center;
}
.pd_e_grp3_sp2 img{
width:100%;
}
.pd_e_grp3_pc{
display:none;
}
.pd_e_grp4_sp{
padding:0vw 4vw;
text-align:center;
}
.pd_e_grp4_sp img{
width:100%;
}
.pd_e_grp4_pc{
display:none;
}
.pd_e_grp5_sp{
padding:0vw 4vw;
text-align:center;
}
.pd_e_grp5_sp img{
width:100%;
}
.pd_e_grp5_pc{
display:none;
}
.pd_e_img{
padding:0vw 0vw;
text-align:center;
width: 100%;
position: relative;
}
.pd_e_img img{
width:100%;
}
.pd_e_img2{
padding:0vw 0vw;
bottom: -17vw;
position: absolute;
}
.pd_e_img2 img{
width:85%;
}
.pd_e_img3{
padding: 0 4vw 4vw;
text-align: center;
line-height: 0;;
}
.pd_e_img3 img{
width:100%;
}
.pd_e_hse_ab_txt{
font-size: 5.34vw;
text-align: center;
line-height: 8vw;
padding-bottom: 6vw;
}
.pd_e_hse_ab_txt sup{
font-size: 1vw;
vertical-align: super;
}
.pd_e_hse_com{
font-size: 3vw;
padding: 0 4vw;
}
.pd_e_hse_box{
padding: 13.4vw 4vw 0;
}
.pd_e_hse_box img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pd_e_bg{
width:100%;
text-align:center;
}
.pd_e_bg img{
width:100%;
}
.pd_e_bg3{
width:100%;
text-align:center;
padding: 2vw 0vw 0vw;
}
.pd_e_bg3 img{
width:100%;
}
.pd_e_bg2{
width:100%;
position: relative;
text-align:center;
line-height: 0vw;
}
.pd_e_bg2 img{
width:100%;
}
.pd_e_bg3{
padding: 0vw 1vw 0vw 4vw;
}
.pd_e_grp2_sp{
display:none;
}
.pd_e_grp_sp{
display:none;
}
.pd_e_grp_pc{
padding:6vw 4vw;
text-align:center;
}
.pd_e_grp_pc img{
width:100%;
}
.pd_e_grp2_pc{
padding:6vw 4vw;
text-align:center;
}
.pd_e_grp2_pc img{
width:100%;
}
.pd_e_grp3_pc{
padding:1vw 4vw;
text-align:center;
}
.pd_e_grp3_pc img{
width:100%;
}
.pd_e_grp3_sp,.pd_e_grp3_sp2{
display: none;
}
.pd_e_grp4_pc{
padding:1vw 4vw;
text-align:center;
}
.pd_e_grp4_pc img{
width:100%;
}
.pd_e_grp4_sp{
display: none;
}
.pd_e_grp5_pc{
padding:1vw 4vw;
text-align:center;
}
.pd_e_grp5_pc img{
width:100%;
}
.pd_e_grp5_sp{
display: none;
}
.pd_e_img{
display: none;
}
.pd_e_img3{
padding: 0 4vw 13vw;
text-align: center;
line-height: 0;;
}
.pd_e_img3 img{
width:100%;
}
.pd_e_hse_ab{
position: absolute;
bottom: 100px;
}
.pd_e_hse_ab_img{
width: 100%;
}
.pd_e_hse_ab_img img{
width: 100%;
}
.pd_e_hse_ab_txt{
font-size: 1.83vw;
line-height: 3vw;
letter-spacing: 0.09vw;
color: #231815;
padding: 1vw 0;
}
.pd_e_hse_ab_txt sup{
font-size: .5em;
}
.pd_e_hse_box{
width: 78%;
margin: auto;
}
.pd_e_hse_box img{
width: 100%;
}
}
/***          e          ***/

/***          f          ***/
@media screen and (max-width: 767px) {
.pd_f_img_pc{
display:none;
}
.pd_f_img_sp{
padding:4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_sp img{
width:100%;
}
.pd_f_img_pc2{
display:none;
}
.pd_f_img_sp2{
padding:4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_sp2 img{
width:100%;
}
.pd_f_img_pc3{
display:none;
}
.pd_f_img_sp3{
padding:4vw 5vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_sp3 img{
width:85%;
}
.pd_f_img_sp6{
padding:4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_sp6 img{
width:100%;
}
.pd_f_img_pc4{
display:none;
}
.pd_f_img_sp4{
text-align: center;
position: absolute;
top: 0;
}
.pd_f_img_sp4 img{
width:100%;
}
.pd_f_img_sp5{
text-align: center;
padding-top: 8vw;
}
.pd_f_img_sp5 img{
width:100%;
}
.pd_f_box{
padding:0vw 4vw 0vw 4vw;
}
.pd_f_box2{
padding:0vw 2vw 0vw 4vw;
}
.pd_f_box3{
padding:0 4vw 0vw 4vw;
}
.pd_f_box_img{
padding: 3vw 0vw 0vw;
}
.pd_f_box_line1{
float: left;
width: 40%;
border: solid 2px #231815;
position: relative;
top: -0.05vw;
}
.pd_f_box_line2{
float: left;
width: 60%;
border-bottom: solid 1px #9fa0a0;
padding: 0.05vw 0vw 0vw;
}
.pd_f_box_line3{
display: none;
}
.pd_f_ttl_fa {
padding: 7vw 0 4vw;
font-size: 5.2vw;
line-height: 5.2vw;
letter-spacing: .5vw;
color: #231815;
font-weight: 800;
text-align: left;
}
.pd_f_ttl_fb {
font-size: 5.2vw;
line-height: 8.5vw;
letter-spacing: .5vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
}
.pd_f_box_text{
padding: 0 0 2vw;
font-size: 3.4vw;
line-height: 5.8vw;
letter-spacing: .4vw;
}
.pd_f_box_text2{
padding: 0vw 0vw 2vw 0vw;
font-size: 1.2vw;
line-height: 2.1vw;
letter-spacing: 0.05vw;
}
.pd_f_box_text3{
padding: 0 4vw 10vw;
font-size: 2.5vw;
line-height: 3.6vw;
letter-spacing: .15vw;
}
.pd_f_ttl{
width: 100%;
font-size: 3.4vw;
color: #fff;
background-color: #3E3A39;
border-radius: 17px;
padding: 6px;
text-align: center;
margin-bottom: 6vw;
}
.pd_f_hse_ab{
padding-top: 10%;
}
.pd_f_hse_ab img{
width: 100%;
}
.pd_hse_ab_ttl{
font-size: 5.07vw;
font-weight: bold;
letter-spacing: 0.4vw;
text-align: center;
padding-bottom: 5vw;
}
.pd_hse_ab_ttl_mdl{
font-size: 5.4vw;
line-height: 8vw;
letter-spacing: 0.09vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_f_hse_md_ttl_sp{
font-size: 4vw;
letter-spacing: 0.1vw;
line-height: 7vw;
color: #231815;
padding: 10vw 4vw 5vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.pd_f_hse_md_ttl{
font-size: 3.6vw;
font-weight: bold;
letter-spacing: 0.1vw;
color: #231815;
padding: 12vw 4vw 6vw;
}
.pd_f_hse_txt{
font-size: 3.5vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 0 4vw 5vw;
}
.pd_f_hse_com{
font-size: 3vw;
padding: 0 4vw;
}
.pf_f_hse_wave_img{
padding: 0 4vw;
}
.pd_f_hse_care_img{
width: 100%;
padding: 12vw 4vw 10vw;
}
.pd_f_hse_care_img img{
width: 100%;
}
.pd_f_hse_x_wrap{
position: relative;
}
.pd_f_hse_x{
position: absolute;
width: 16vw;
height: 16vw;
top: -18vw;
left: 0;
right: 0;
margin: auto;
}
.pd_f_hse_x img{
width: 100%;
}
.pd_f_img{
padding: 1vw 10vw 3vw;
}
.pd_f_img_a{
float: left;
width: 25%;
}
.pd_f_img_a img{
width: 100%;
}
.pd_f_txt_a{
float: left;
width: 75%;
padding: 6vw 1vw 0vw 6vw;
}
.pd_f_txt_a img{
width: 100%;
}
.pd_f_txt_a_ttl{
font-size: 3.5vw;
font-weight: 600;
letter-spacing: 1.5vw;
padding-bottom: 2vw;
}
.pd_f_txt_a_sub{
font-size: 2.8vw;
letter-spacing: 0.1vw;
line-height: 1.5;
}
}
@media screen and (min-width: 768px) {
.pd_f_bg{
width: 100%;
text-align: center;
}
.pd_f_bg img{
width: 100%;
}
.pd_f_img_sp{
display:none;
}
.pd_f_img_pc{
padding:0vw 0vw 0vw 4vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_pc img{
width:100%;
}
.pd_f_img_sp2{
display:none;
}
.pd_f_img_pc2{
padding:0vw 0vw 4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_pc2 img{
width:100%;
}
.pd_f_img_sp3{
display:none;
}
.pd_f_img_sp6{
display:none;
}
.pd_f_img_pc3{
padding:0vw 0vw 4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_pc3 img{
width:100%;
}
.pd_f_img_sp5{
display:  none;
}
.pd_f_img_pc4{
text-align: center;
position: absolute;
bottom: 20vw;
left: 5vw;
}
.pd_f_img_pc4 img{
width:50vw;
}
.pd_f_box{
padding:0vw 4vw 0vw 4vw;
}
.pd_f_box2{
padding:0vw 2vw 0vw 4vw;
}
.pd_f_box3{
padding:0 4vw 0vw 2vw;
}
.pd_f_box_img{
padding: 3vw 0vw 0vw;
}
.pd_f_box_line1{
float: left;
width: 40%;
border: solid 2px #231815;
position: relative;
top: -0.05vw;
}
.pd_f_box_line2{
float: left;
width: 60%;
border-bottom: solid 1px #9fa0a0;
padding: 0.05vw 0vw 0vw;
}
.pd_f_box_line3{
margin: 0 4vw 2vw;
border-bottom: solid 1px #9fa0a0;
}
.pd_f_ttl_fa {
padding: 7vw 0 1.5vw;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: .2vw;
color: #231815;
font-weight: 800;
text-align: left;
}
.pd_f_ttl_fb {
font-size: 2.1vw;
line-height: 2.4vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2.5vw;
text-align: left;
}
.pd_f_box_text{
padding: 0vw 0vw 2vw 0vw;
font-size: 1.2vw;
line-height: 2.1vw;
letter-spacing: 0.05vw;
}
.pd_f_box_text2{
padding: 0vw 0vw 2vw 0vw;
font-size: 1.2vw;
line-height: 2.1vw;
letter-spacing: 0.05vw;
}
.pd_f_box_text3{
padding: 0 4vw 2vw 4vw;
font-size: 1vw;
line-height: 1.6vw;
letter-spacing: .05vw;
}
.pd_f_ttl{
width: 100%;
font-size: 1.05vw;
color: #fff;
background-color: #3E3A39;
border-radius: 17px;
padding: 6px;
text-align: center;
}
.pd_f_bg_hse{
width: 100%;
text-align: center;
position: relative;
}
.pd_f_bg_hse img{
width: 100%;
}
.pd_f_hse_x{
width: 5.8vw;
position: absolute;
top: -3vw;
left: 25vw;
}
.pd_f_hse_x img{
width: 100%;
}
.pd_f_hse_ab{
width: 70%;
position: absolute;
bottom: 5vw;
left: 0;
right: 0;
margin: auto;
}
.pd_hse_ab_ttl{
font-size: 5.8vw;
font-weight: bold;
letter-spacing: 0.4vw;
text-align: center;
padding-bottom: 1.4vw;
}
.pd_hse_ab_ttl_mdl{
font-size: 1.83vw;
line-height: 2.83vw;
letter-spacing: 0.09vw;
color: #231815;
padding-bottom: 1.4vw;
}
.pd_f_hse_md_ttl{
font-size: 1.25vw;
font-weight: bold;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.4vw;
}
.pd_f_hse_txt{
width: 84%;
font-size: 0.94vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
}
.pd_f_hse_com{
font-size: 0.7vw;
line-height: 1.8vw;
letter-spacing: 0.05vw;
padding-bottom: 1.6vw;
}
.pf_f_hse_wave_img img{
width: 100%;
}
.pd_f_hse_care_img{
width: 100%;
text-align: center;
padding: 4vw 0 10vw;
}
.pd_f_hse_care_img img{
width: 100%;
}
.pd_f_img{
padding: 1vw 0.5vw;
}
.pd_f_img_a{
float: left;
width: 25%;
}
.pd_f_img_a img{
width: 100%;
}
.pd_f_txt_a{
float: left;
width: 75%;
padding: 2vw 1vw;
}
.pd_f_txt_a img{
width: 100%;
}
.pd_f_txt_a_ttl{
font-size: 2vw;
font-weight: 600;
letter-spacing: 0.5vw;
padding-bottom: 1vw;
}
.pd_f_txt_a_sub{
font-size: 1.1vw;
letter-spacing: 0.07vw;
line-height: 1.2;
}
}
/***          f          ***/

/***          g          ***/
@media screen and (max-width: 767px) {
.pd_g_bg_pc{
display:none;
}
.pd_g_bg_sp{
padding:0vw 0vw 4vw;
text-align:center;
line-height: 0px;
}
.pd_g_bg_sp img{
width:100%;
}
.pd_g_bg_sp2{
padding:0vw 4vw 4vw;
text-align:center;
line-height: 0px;
}
.pd_g_bg_sp2 img{
width:100%;
}
.pd_g_img_pc{
display:none;
}
.pd_g_img_sp{
padding:4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_g_img_sp img{
width:100%;
}
.pd_box_g{
width: 100%;
padding-top: 13vw;
}
.pd_box_gb{
width:100%;
float:left;
padding-bottom:9vw;
}
.pd_box_gb img{
position: absolute;
width: 37vw;
right: 1vw;
}
.pd_box_gb2{
width:75%;
position:relative;
}
.pd_box_gb_ttl{
font-size: 4.5vw;
line-height: 7vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
width: 100%;
}
.pd_box_gb_sub{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
width: 89%;
}
.pd_box_g_l{
float:left;
width:50%;
display: block ruby;
}
.pd_box_g_r{
float:left;
width:50%;
}
.pd_box_g_r img{
width:100%;
}
.pd_box_g_r3{
width:100%;
}
.pd_box_g_r3 img{
width:100%;
}
.pd_box_g_area{
padding-bottom: 10vw;
}
.pd_box_g_l2{
width: 96vw;
margin-bottom: 1vw;
padding: 6vw 4vw;
background: #fff;
margin-left: 4vw !important;
}
.pd_box_g_r2{
width: 96vw;
margin-bottom: 3vw;
padding: 8vw 4vw;
background: #fff;
}
.pd_g_tab{
position: relative;
height: 142vw;
}
.pd_g_tab img{
width: 100%;
}
.pd_g_tab2{
position: absolute;
padding: 0vw 8vw;
bottom: 6vw;
}
.pd_g_tab2 img{
width: 100%;
}
.pd_g_box{
display: none;
}
.pd_box_g_hfb1{
padding: 8vw 0vw 2vw 0vw;
}
.pd_box_g_hfb2{
padding: 0vw 4vw 0vw 4vw;
}
.pd_box_g_hfb2a{
padding: 0vw 4vw 4vw 4vw;
}
.pd_box_g_hfb2b{
padding: 5vw 4vw 4vw 4vw;
}
.pd_box_g_hfb2c{
padding: 0vw 4vw 4vw 4vw;
}
.pd_subs4a2 {
font-size: 3.5vw;
line-height: 5.5vw;
letter-spacing: .24vw;
color: #231815;
padding: 5vw 0 3vw;
text-align: left;
}
.pd_subs4a2_img{
}
.pd_subs4a2_img img{
width:100%;
}
.pd_subs4a3{
font-size: 2.5vw;
line-height: 3.5vw;
letter-spacing: .04vw;
color: #231815;
padding: 2vw 0 3vw;
text-align: left;
}
.pd_box_g_hfb2l{
padding: 3vw 0vw 5vw;
}
.pd_box_g_hfb2l img{
width: 100%;
}
.pd_box_g_hfb2r{
padding: 3vw 0vw 5vw;
}
.pd_box_g_hfb2r_ttl{
font-size: 4.3vw;
line-height: 5vw;
padding-bottom: 2.5vw;
letter-spacing: .4vw;
font-weight: 800;
}
.pd_box_g_hfb2r_sub{
font-size: 3vw;
line-height: 5vw;
padding-bottom: 4vw;
letter-spacing: .3vw;
}
.pd_g_hse_flex{
width: 100%;
padding: 6vw 4vw 0;
}
.pd_g_hse_flex_inner img{
width: 100%;
}
.pd_g_hse_box{
width: 100%;
display: flex;
justify-content: space-between;
padding: 5vw 0 10vw;
}
.pd_g_hse_box_1,
.pd_g_hse_box_2{
width: 48%;
}
.pd_g_hse_box_2_txt{
font-size: 3.5vw;
line-height: 5vw;
letter-spacing: .5vw;
color: #231815;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.pd_g_hse_com{
font-size: 2.6vw;
line-height: 4vw;
letter-spacing: 0.03vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
padding: 0 4vw 12vw;
}
}
@media screen and (min-width: 768px) {
.pd_g_bg_sp{
display:none;
}
.pd_g_bg_sp2{
display:none;
}
.pd_g_bg_pc{
padding:0vw 0vw 0vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_g_bg_pc img{
width:100%;
}
.pd_g_img_sp{
display:none;
}
.pd_g_img_pc{
padding:0vw 4vw 0vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_g_img_pc img{
width:100%;
}
.pd_box_g{
width: 100%;
padding: 3vw 0vw;
}
.pd_box_gb{
width:50%;
float:left;
min-height: 13vw;
}
.pd_box_gb img{
position: absolute;
width: 39%;
margin: 0vw 0vw 0vw 13vw;
padding-top: 0.5vw;
}
.pd_box_gb2{
width:70%;
position:relative;
}
.pd_box_gb_ttl{
font-size: 1.2vw;
line-height: 2.0vw;
letter-spacing: 0.05vw;
color: #231815;
padding-bottom: 0.8vw;
text-align: left;
}
.pd_box_gb_sub{
font-size: 0.8vw;
line-height: 1.2vw;
letter-spacing: 0.05vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
width: 84%;
}
.pd_box_g_pl{
float:left;
width:50%;
}
.pd_box_g_pr{
float: left;
width: 50%;
padding: 2.5vw 0vw 1vw;
}
.pd_box_g_pr img{
width:100%;
}
.pd_box_g_area{
padding: 4vw 0vw;
}
.pd_box_g_l2{
float: left;
width: 33%;
border-right: 1px solid #231815;
padding: 0vw 2vw 0vw 2vw !important;
border-left: 1px solid #231815;
}
.pd_box_g_r2{
float: left;
width: 33%;
}
.pd_g_box{
position: absolute;
padding: 0;
bottom: 42vw;
right: 0vw;
}
.pd_box_g_hfb1{
padding: 8vw 4vw 2vw 4vw;
}
.pd_box_g_hfb2a{
padding: 0vw 2vw 4vw 4vw;
}
.pd_box_g_hfb2b{
padding: 0vw 4vw 4vw 2vw;
}
.pd_box_g_hfb2c{
padding: 0vw 4vw 4vw 4vw;
}
.pd_subs4a2 {
font-size: 1.2vw;
line-height: 2.2vw;
letter-spacing: .04vw;
color: #231815;
padding: 0 0 3vw;
text-align: left;
}
.pd_subs4a2_img{
}
.pd_subs4a2_img img{
width:100%;
}
.pd_subs4a3{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: .04vw;
color: #231815;
padding: 2vw 0 3vw;
text-align: left;
}
.pd_box_g_hfb2l{
float: left;
width: 50%;
padding-right: 1vw;
}
.pd_box_g_hfb2l img{
width: 100%;
}
.pd_box_g_hfb2r{
float: left;
width: 50%;
padding-bottom: 3vw;
}
.pd_box_g_hfb2r_ttl{
font-size: 1.3vw;
line-height: 2vw;
padding-bottom: 0.8vw;
letter-spacing: 0.05vw;
font-weight: 800;
}
.pd_box_g_hfb2r_sub{
font-size: 1.0vw;
line-height: 1.8vw;
padding-bottom: 1vw;
letter-spacing: 0.05vw;
}
.pd_g_hse_flex{
width: 100%;
display: flex;
justify-content: center;
}
.pd_g_hse_flex_inner{
width: 35vw;
}
.pd_g_hse_flex_inner:last-of-type{
margin-left: 3vw;
}
.pd_g_hse_box{
width: 100%;
display: flex;
}
.pd_g_hse_box_1{
width: 42%;
}
.pd_g_hse_box_1 img{
width: 100%;
}
.pd_g_hse_box_2{
width: 54%;
margin-left: 1vw;
}
.pd_g_hse_box_2 img{
width: 100%;
}
.pd_g_hse_box_2_txt{
font-size: 0.94vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
}
.pd_g_hse_box_2_txt span{
display: block;
font-size: 0.7vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
}
.pd_g_hse_com{
font-size: 0.7vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
text-align: center;
padding-top: 2.5vw;
}
}
/***          g          ***/

/***          h          ***/
@media screen and (max-width: 767px) {
.pd_h_box{
padding:0vw 0vw 0vw 0vw;
text-align:center;
}
.pd_h_box2{
padding: 4vw;
text-align: center;
background: #fff;
margin: 0vw 4vw;
}
.pd_h_box_ttl{
font-size: 5vw;
line-height: 7vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_h_box_ttl2{
font-size: 4.7vw;
line-height: 7vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_h_box_ttl2a{
font-size: 4.7vw;
line-height: 7vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_h_box_ttl2a3{
font-size: 4.7vw;
line-height: 7vw;
letter-spacing: .1vw;
color: #231815;
padding: 5vw 0vw 3vw;
text-align: left;
}
.pd_h_box_ttl2a2{
text-align: left;
padding-right: 1vw;
}
.pd_h_box_ttl2a2 img{
width:25vw;
}
.pd_h_box_sub {
font-size: 4.7vw;
line-height: 4.7vw;
letter-spacing: 0.5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0px 11vw 6vw;
}
.pd_h_box_sub:before,
.pd_h_box_sub:after {
content: '';
position: absolute;
top: 6.8vw;
display: inline-block;
width: 8vw;
height: 0.4vw;
background-color: #666;
}
.pd_h_box_sub:before {
left: 0;
}
.pd_h_box_sub:after {
right: 0;
}
.pd_h_img_area{
padding:0vw 0vw 0vw 0vw;
}
figure.pd_h_img_box {
display: none;
}
figcaption.pd_h_img_box_mask {
display: none;
}
figcaption.pd_h_img_box_mask {
display: none;
}
figure.pd_h_img_box:hover .pd_h_img_box_mask {
display: none;
}
.pd_h_img_text{
font-size: 3.5vw;
line-height: 3.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 3vw 1vw;
}
.pd_h_img_pc{
display:none;
}
.pd_h_img_sp{
padding: 0vw 0vw;
text-align: center;
float: left;
width: 50%;
}
.pd_h_img_sp img{
width:100%;
}
.pd_h_box_img2l{
padding:2vw 4vw;
}
.pd_h_box_img2r{
padding:2vw 4vw;
}
.pd_h_box_img img{
width:100%;
}
.pd_h_box_l{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_box_c{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_box_r{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_box_rh{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_box_rh_r{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_box_rh_l{
padding: 6vw 4vw 6vw;
width:100%;
}
.pd_h_bg{
background: #f1f5f7;
padding-top: 7vw;
}
.pd_h_box_rt{
padding:2vw 4vw;
text-align: center
}
.pd_h_box_rta{
font-size: 3.5vw;
line-height: 5.6vw;
letter-spacing: .05vw;
padding: 1vw 0 4vw;
text-align: left;
}
.pd_h_box_rtb{
padding: 2vw 5vw;
}
.pd_h_box_rtb img{
width: 80%
}
.pd_h_sbox_l{
float:left;
width:80%;
padding:1vw 0vw;
}
.pd_h_sbox_l2{
padding: 1vw 0;
}
.pd_h_sbox_r{
float: left;
width: 20%;
padding: 2vw 0;
}
.pd_h_sbox_r img{
width:100%;
}
.pd_h_sbox_txt1 {
text-align: left;
line-height: 3.5vw;
font-size: 3.5vw;
letter-spacing: .5vw;
padding: 2vw 0vw;
}
.pd_h_sbox_txt1a {
text-align: left;
line-height: 3.5vw;
font-size: 3.5vw;
letter-spacing: .5vw;
padding: 2vw 0vw;
color:#1e65b1;
}
.pd_h_sbox_txt1a2 {
text-align: left;
line-height: 5.5vw;
font-size: 3.3vw;
letter-spacing: .4vw;
padding: 2vw 0;
color: #1e65b1;
}
.pd_h_sbox_txt2 {
text-align: left;
font-size: 2.5vw;
line-height: 3.5vw;
letter-spacing: .5vw;
padding: 1vw 0;
}
.pd_ttl5dr {
font-size: 4.8vw;
line-height: 2.4vw;
letter-spacing: 1vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
font-weight: 400;
}
.pd_box_voice{
padding: 0vw 4vw;
}
.pd_box_voice_l{
float: left;
width: 35%;
}
.pd_box_voice_l img{
width: 100%;
}
.pd_box_voice_r{
float: left;
width: 65%;
padding: 1vw 0 3vw 4vw;
}
.pd_ttlv{
font-size: 4.2vw;
letter-spacing: .9vw;
line-height: 6.5vw;
padding-bottom: 3vw;
}
.pd_subv{
font-size: 3.1vw;
letter-spacing: .3vw;
line-height: 5vw;
padding-bottom: 1.2vw;
}
.pd_subv2{
font-size: 3.1vw;
letter-spacing: .1vw;
line-height: 3.6vw;
padding-top: 2vw;
text-align: left;
}
.pd_subv2a{
font-size: 2.0vw;
letter-spacing: .1vw;
line-height: 2.0vw;
}
.pd_subv2b{
font-size: 2vw;
letter-spacing: .1vw;
line-height: 2.6vw;
}
.pd_sub3dr{
font-size: 2.8vw;
line-height: 4.3vw;
letter-spacing: .1vw;
color: #231815;
font-weight: normal;
padding: 0vw 0vw 0vw;
text-align: left;
}
.pd_h_tb_l{
text-align:left;
}
.pd_h_tb_r{
width: 100%;
text-align: center;
padding: 2vw 0vw;
}
.pd_h_tb_ttl{
font-size: 4.5vw;
line-height: 4.5vw;
letter-spacing: .1vw;
padding-bottom: 1vw;
text-align: center;
}
.pd_h_tb_ttl2{
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.3vw;
text-align: center;
padding: 2vw;
}
.pd_h_tb_sub1{
font-size: 3.2vw;
line-height: 3.8vw;
letter-spacing: 0vw;
}
.pd_h_tb_sub2{
font-size: 3.2vw;
line-height: 3.2vw;
letter-spacing: 0vw;
border: 1px solid #000;
padding: .3vw 1vw;
margin-left: 1.4vw;
}
.pd_h_tb_text1{
font-size: 2.2vw;
line-height: 3.0vw;
letter-spacing: .05vw;
border: 1px solid #000;
padding: 1.5vw;
text-align: left;
margin-top: 1.5vw !important;
}
.pd_h_tb_text2{
font-size: 2.2vw;
line-height: 3.0vw;
letter-spacing: .05vw;
padding: 2vw 0;
text-align: left;
}
.pd_h_hfb_img{
padding: 0vw 2vw 2vw 4vw;
}
.pd_h_hfb_img img{
width:100%;
}
.pd_h_hfb2{
padding:0vw 4vw 0vw 4vw ;
}
.pd_h_hfb2l{
padding-bottom: 2vw;
}
.pd_h_hfb2l img{
width:100%;
}
.pd_h_hfb2r{
padding-bottom: 5vw;
}
.pd_h_hfb2_ttl_sub{
padding-bottom: 5vw;
font-size: 4.8vw;
line-height: 4.8vw;
letter-spacing: .05vw;
text-align: center;
font-weight: 800;
}
.pd_h_hfb2_icon {
vertical-align: middle;
}
.pd_h_hfb2_icon img{
width: 20vw;
height: 100%;
margin-right: 1vw;
margin-bottom: -1.5vw;
}
.pd_h_hfb2_ttlc{
font-size: 1.4vw;
line-height: 1.6vw;
}
/*
.pd_h_hfb2_ttl{
padding-bottom: 1vw;
font-size: 1.4vw;
line-height: 1.6vw;
letter-spacing: .05vw;
font-weight: 600;
}*/
.pd_h_hfb2_ttla{
position: relative;
padding-bottom: 7vw;
}
.pd_h_hfb2_ttl {
background: #454547;
color: #fff;
font-size: 5.0vw;
line-height: 5.0vw;
letter-spacing: .05vw;
display: inline-block;
padding: 2vw 1vw 2vw 5vw;
position: relative;
}
.pd_h_hfb2_ttl::before {
border: 4.5vw solid transparent;
border-left-color: #454547;
border-right-width: 0;
content: '';
display: block;
height: 0;
position: absolute;
right: -4.45vw;
top: 0;
width: 0;
}
.pd_h_hfb2_ttl::after {
background: #454547;
border-radius: 8px 0 0 8px;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 1em;
}
.pd_h_hfb2_ttlb{
position: absolute;
left: 36vw;
top: 1vw;
font-size: 4vw;
letter-spacing: 0.1vw;
font-weight: 800;
}
.pd_h_hfb2_ttlb2{
font-size: 3.2vw;
line-height: 3.2vw;
letter-spacing: .05vw;
font-weight: normal;
}
.pd_h_hfb2_ttl2{
padding: 3vw 2vw 3vw;
font-size: 4.2vw;
line-height: 4.2vw;
letter-spacing: .3vw;
border-bottom: 1px solid #454547;
text-align: center;
font-weight: 800;
}
.pd_h_hfb2_sub{
font-size: 3.6vw;
line-height: 5.2vw;
letter-spacing: .2vw;
padding: 4vw 0 4vw;
}
.pd_h_hfb2b{
font-size:1.0vw;
line-height:1.5vw;
letter-spacing:0.05vw;
}
}
@media screen and (min-width: 768px) {
.pd_h_box{
padding:0vw 0vw 0vw 0vw;
text-align:center;
}
.pd_h_box2{
padding: 3vw 3vw;
text-align: center;
background: #fff;
margin-bottom: 5vw;
}
.pd_h_box_ttl{
font-size: 1.8vw;
line-height: 2.2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_h_box_ttl2{
font-size: 1.8vw;
line-height: 2.6vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2.5vw;
text-align: center;
}
.pd_h_box_ttl2a{
font-size: 1.8vw;
line-height: 2.6vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2.5vw;
text-align: center;
}
.pd_h_box_ttl2a3{
font-size: 1.8vw;
line-height: 2.6vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2.5vw;
text-align: center;
}
.pd_h_box_ttl2a2{
padding-right: 0.7vw;
}
.pd_h_box_ttl2a2 img{
width:10vw;
}
.pd_h_box_sub {
font-size: 1.7vw;
line-height: 1.7vw;
letter-spacing: 0.3vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 7vw 2vw;
}
.pd_h_box_sub:before,
.pd_h_box_sub:after {
content: '';
position: absolute;
top: 1vw;
display: inline-block;
width: 5vw;
height: 1px;
background-color: #666;
}
.pd_h_box_sub:before {
left: 0;
}
.pd_h_box_sub:after {
right: 0;
}
.pd_h_img_area{
padding:0vw 0vw 0vw 0vw;
}
figure.pd_h_img_box {
float: left;
width: 27.77vw;
height: 20.8vw;
position: relative;
margin-bottom: 0px;
overflow: hidden;
}
figcaption.pd_h_img_box_mask {
width: 27.77vw;
height: 20.8vw;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(255,255,255,0.5);
opacity: 0;
color: #fff;
display: flex;
align-items: center;
text-align: center;
padding: 30px;
}
.pd_h_img_box_mask_text{
color: #231815;
font-size: 1.6vw;
letter-spacing: 0.1vw;
width: 100%;
text-align: center;
}
figcaption.pd_h_img_box_mask:hover {
opacity: 1;
transition: all 0.6s ease;
padding-bottom: 0;
}
figure.pd_h_img_box:hover .pd_h_img_box_mask {
padding-bottom: 30px;
}
.pd_h_img_text{
font-size: 1.2vw;
line-height: 2.2vw;
letter-spacing: 0.1vw;
color: #231815;
}
.pd_h_img_sp{
display:none;
}

.pd_h_img_pc{
padding:0vw 0vw;
text-align:center;
}
.pd_h_img_pc img{
width:100%;
}
.pd_h_box_img2l{
padding: 1vw 0.5vw 0 4vw;
}
.pd_h_box_img2r{
padding: 1vw 4vw 5vw 0.5vw;
}
.pd_h_box_img img{
width:100%;
}
.pd_h_box_rbp{
padding: 0vw 4vw;
}
.pd_h_box_pf{
float:left;
}
.pd_h_box_l{
width: 33%;
padding: 0vw 1vw 0vw 0vw;
}
.pd_h_box_c{
width: 33%;
padding: 0vw 0.5vw 0vw 0.5vw;
}
.pd_h_box_r{
width: 33%;
padding: 0vw 0vw 0vw 1.0vw;
}
.pd_h_box_rh{
width: 50%;
padding: 0vw 1vw 0vw 1.0vw;
}
.pd_h_box_rh_r{
width: 50%;
padding: 0vw 1vw 0vw 3.0vw;
}
.pd_h_box_rh_l{
width: 50%;
padding: 0vw 3vw 0vw 1.0vw;
border-right: 1px solid #999;
}
.pd_h_box_rt{
padding: 2vw 4vw 4vw 4vw;
text-align: center
}
.pd_h_box_rta{
font-size: 0.9vw;
line-height: 1.6vw;
letter-spacing: .01vw;
padding: 0vw 0 2vw;
}
.pd_h_box_rtb{
padding: 4vw 5vw 2vw;
}
.pd_h_box_rtb img{
width: 90%
}
.pd_h_sbox_l{
float:left;
width:85%;
padding:1vw 0vw;
}
.pd_h_sbox_l2{
padding:1vw 0vw;
min-height: 6vw;
}
.pd_h_sbox_r{
float:left;
width:15%;
padding: 1.5vw 0 0;
}
.pd_h_sbox_r img{
width:100%;
}
.pd_h_sbox_txt1 {
text-align: left;
line-height: 1.2vw;
font-size: 1.0vw;
letter-spacing: .05vw;
padding: 0.3vw 0 0.5vw;
}
.pd_h_sbox_txt1a {
text-align: left;
line-height: 2vw;
font-size: 1.3vw;
letter-spacing: .05vw;
padding: 0.5vw 0 1.5vw;
color: #1e65b1;
}
.pd_h_sbox_txt1a2 {
text-align: left;
line-height: 1.6vw;
font-size: 1.2vw;
letter-spacing: .05vw;
padding: 0vw 0 1vw;
color: #1e65b1;
}
.pd_h_sbox_txt2 {
text-align: left;
font-size: 0.8vw;
line-height: 1vw;
letter-spacing: .05vw;
padding: 0vw 0vw;
}
.pd_ttl5dr {
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: .06vw;
color: #231815;
padding: 1vw 0;
text-align: center;
}
.pd_box_voice_l{
float: left;
width: 30%;
}
.pd_box_voice_l img{
width: 100%;
}
.pd_box_voice_r{
float: left;
width: 70%;
padding: 1vw 1vw 3vw 4vw;
}
.pd_ttlv{
font-size: 1.7vw;
letter-spacing: 0.1vw;
padding-bottom: 1.2vw;
}
.pd_subv{
font-size: 1.1vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
padding-bottom: 1.2vw;
}
.pd_subv2{
font-size: 1.1vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
padding-bottom: 1vw;
}
.pd_subv2a{
font-size: 1.1vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
}
.pd_subv2b{
font-size: 1.0vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
}
.pd_sub3dr{
font-size: 1.1vw;
line-height: 1.5vw;
letter-spacing: .1vw;
color: #231815;
font-weight: normal;
padding: 0.2vw 2vw 0.2vw;
text-align: left;
border-right: 1px solid #231815;
border-left: 1px solid #231815;
margin-top: 2vw !important;
}
.pd_h_tb_l{
float:left;
width:50%;
text-align:left;
}
.pd_h_tb_r{
float:left;
width:50%;
text-align:right;
padding-top: 1.0vw;
}
.pd_h_tb_ttl{
font-size: 1.5vw;
line-height: 2vw;
letter-spacing: .1vw;
padding-bottom: 0.5vw;
}
.pd_h_tb_ttl2{
font-size: 1.0vw;
line-height: 1.0vw;
letter-spacing: .1vw;
}
.pd_h_tb_sub1{
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: .0vw;
}
.pd_h_tb_sub2{
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0vw;
border: 1px solid #000;
padding: 0.3vw 0.3vw;
margin-left: 0.4vw;;
}
.pd_h_tb_text1{
font-size: 1.2vw;
line-height: 1.5vw;
letter-spacing: .05vw;
border: 1px solid #000;
padding: 0.9vw;
text-align: left;
margin-top: 0.5vw !important;
}
.pd_h_tb_text2{
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: .05vw;
padding: 1vw 0;
text-align: left;
}
.pd_h_hfb_img{
padding: 0vw 2vw 2vw 4vw;
}
.pd_h_hfb_img img{
width:100%;
}
.pd_h_hfb2{
padding:0vw 4vw 0vw 0vw ;
}
.pd_h_hfb2l{
float:left;
width:60%;
padding-right:2vw;
padding-bottom: 2vw;
}
.pd_h_hfb2l img{
width:100%;
}
.pd_h_hfb2r{
float:left;
width:40%;
padding-bottom: 1vw;
}
.pd_h_hfb2_ttl_sub{
padding-bottom: 1vw;
font-size: 1.1vw;
line-height: 1.1vw;
letter-spacing: .05vw;
font-weight: 800;
}
.pd_h_hfb2_icon img{
width: 4.0vw;
height: auto;
margin-right: 0.4vw;
}
.pd_h_hfb2_ttl{
padding-bottom: 1vw;
font-size: 1.4vw;
line-height: 1.6vw;
letter-spacing: .05vw;
font-weight: 600;
}
.pd_h_hfb2_ttl2{
padding-bottom: 1vw;
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: .05vw;
}
.pd_h_hfb2_sub{
font-size: 1.1vw;
line-height: 1.6vw;
letter-spacing: .05vw;
}
.pd_h_hfb2b{
font-size:1.0vw;
line-height:1.5vw;
letter-spacing:0.05vw;
}
}

/***          h          ***/

/***          i          ***/
@media screen and (max-width: 767px) {
.pd_i_area{
padding:4vw 4vw;
}
.pd_i_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_i_box_are{
padding:0vw 0vw;
}
.pd_i_box{
width:100%;
}
.pd_i_box2{
width:100%;
}
.pd_i_img{
width: 100%;
padding-bottom: 4vw;
text-align: center;
}
.pd_i_img img{
width:70%;
}
.pd_i_ttl{
font-size: 4vw;
line-height: 5.5vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
font-weight: bold;
}
.pd_i_text{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
}
.pd_i_text2{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 10vw;
text-align: left;
}
.pd_i_text3{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
color: #231815;
text-align: left;
}
.pd_i_hse_ttl1{
font-size: 5vw;
font-weight: 700;
line-height: 7vw;
letter-spacing: .5vw;
color: #231815;
font-weight: 500;
position: relative;
overflow: hidden;
margin: 0 4vw;
}
.pd_i_hse_ttl1::after{
border-top: 2px solid #9E9F9F;
content: "";
width: 100%;
height: 2px;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 2vw;
}
.pd_i_hse_mid{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 7vw 4vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.pd_i_hse_mid sup{
font-size: 1vw;
vertical-align: super;
}
.pd_i_hse_txt{
font-size: 3.5vw;
line-height: 5vw;
letter-spacing: .5vw;
color: #231815;
padding: 0 4vw 5vw;
}
.pd_i_hse_txt sup{
font-size: 1vw;
vertical-align: super;
}
.pd_i_hse_com{
font-size: 3vw;
padding: 0 4vw 18vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.pd_i_hse_com2{
font-size: 3vw;
padding: 0 4vw 8vw;
font-family: 'Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif !important;
}
.pd_i_hse_care_ttl1,
.pd_i_hse_care_ttl2{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
font-weight: bold;
position: relative;
margin: 0 4vw;
}
.pd_i_hse_care_ttl1::before,
.pd_i_hse_care_ttl2::before{
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 100%;
height: 2px;
background-color: #9E9F9F;
z-index: 1;
}
.pd_i_hse_care_ttl1 span,
.pd_i_hse_care_ttl2 span{
display: inline-block;
padding: 0 1em;
width: auto;
background: white;
overflow: hidden;
position: relative;
z-index: 10;
left: 50%;
margin: auto;
transform: translateX(-50%);
}
.pd_i_hse_care_icon{
width: 24vw;
margin: auto;
padding: 8vw 0 5vw;
}
.pd_i_hse_care_icon img{
width: 100%;
}
.pd_i_hse_care_txt{
width: 100%;
padding: 2vw 4vw 8vw;
font-size: 3vw;
line-height: 5vw;
}
.pd_i_hse_box{
width: 100%;
padding: 0 4vw;
}
.pd_i_hse_box_inner img{
width: 100%;
padding: 2vw 0;
}
}
@media screen and (min-width: 768px) {
.pd_i_area{
padding:4vw 0vw;
}
.pd_i_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_i_box_are{
padding:0vw 0vw;
}
.pd_i_box{
float:left;
width:25%;
padding: 0.5vw;
}
.pd_i_box2{
float:left;
width:33.3%;
padding: 0.5vw;
}
.pd_i_img{
width:100%;
padding-bottom:1vw;
}
.pd_i_img img{
width:100%;
}
.pd_i_ttl{
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text{
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text2{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.0vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text3{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_hse_ttl1{
font-size: 2.04vw;
line-height: 2.04vw;
letter-spacing: 0.3vw;
color: #231815;
font-weight: 800;
position: relative;
overflow: hidden;
}
.pd_i_hse_ttl1::after{
border-top: 3px solid #9E9F9F;
content: "";
width: 100%;
height: 3px;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 2vw;
}
.pd_i_hse_mid{
font-size: 1.6vw;
font-weight: bold;
text-align: center;
padding: 2.6vw 0 1.5vw;
}
.pd_i_hse_mid sup{
font-size: 0.5em;
}
.pd_i_hse_txt{
font-size: 0.94vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
text-align: center;
}
.pd_i_hse_txt sup{
font-size: 0.5em;
}
.pd_i_hse_care_ttl_wrap{
width: 100%;
padding-top: 3vw;
}
.pd_i_hse_care_ttl1{
font-size: 1.46vw;
font-weight: bold;
position: relative;
}
.pd_i_hse_care_ttl1::before{
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 100%;
height: 1px;
background-color: #9E9F9F;
z-index: 1;
}
.pd_i_hse_care_ttl1::after{
content: '';
width: 100px;
height: 100px;
background-image: url(./img/product/hse/hse_icon_h_b.png);
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: 0;
right: -20px;
bottom: 0;
margin: auto;
z-index: 10;
}
.pd_i_hse_care_ttl1 span{
display: inline-block;
padding: 4px 1em;
width: auto;
background: white;
overflow: hidden;
position: relative;
z-index: 10;
left: 50%;
margin: auto;
transform: translateX(-50%);
}
.pd_i_hse_care_ttl2{
font-size: 1.46vw;
font-weight: bold;
position: relative;
}
.pd_i_hse_care_ttl2::before{
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 100%;
height: 1px;
background-color: #9E9F9F;
z-index: 1;
}
.pd_i_hse_care_ttl2::after{
content: '';
width: 100px;
height: 100px;
background-image: url(./img/product/hse/hse_icon_f.png);
position: absolute;
background-size: contain;
background-repeat: no-repeat;
top: 0;
right: -20px;
bottom: 0;
margin: auto;
z-index: 10;
}
.pd_i_hse_care_ttl2 span{
display: inline-block;
padding: 4px 1em;
width: auto;
background: white;
overflow: hidden;
position: relative;
z-index: 10;
left: 50%;
margin: auto;
transform: translateX(-50%);
}
.pd_i_hse_com,
.pd_i_hse_com2{
font-size: 0.7vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
text-align: center;
}
.pd_i_hse_care_txt{
width: 50%;
margin: auto;
font-size: 0.8vw;
line-height: 1.8vw;
padding-top: 1vw;
}
.pd_i_hse_care_box{
width: 60%;
display: flex;
justify-content: space-evenly;
padding-top: 1vw;
margin: auto;
}
.pd_i_hse_care_box_txt{
width: 48%;
font-size: 0.8vw;
line-height: 1.8vw;
}
.pd_i_hse_box{
width: 80%;
display: flex;
justify-content: space-evenly;
align-items: baseline;
margin: auto;
}
.pd_i_hse_box_inner{
width: 28%;
}
.pd_i_hse_box_img{
width: 100%;
padding-bottom: 10px;
}
.pd_i_hse_box_img img{
width: 100%;
}
.pd_i_hse_box_ttl-h{
font-size: 1.05vw;
font-weight: bold;
border: 1px solid #231815;
border-radius: 20px;
background-color: #FFF6D7;
text-align: center;
padding: 8px 0;
}
.pd_i_hse_box_ttl-f{
font-size: 1.05vw;
font-weight: bold;
border: 1px solid #231815;
border-radius: 20px;
background-color: #FBE8E9;
text-align: center;
padding: 8px 0;
}
.pd_i_hse_box_ttl-d{
font-size: 1.05vw;
font-weight: bold;
color: #fff;
background-color: #727171;
text-align: center;
padding: 8px 0;
}
.pd_i_hse_box_txt{
font-size: 0.8vw;
line-height: 1.8vw;
padding-top: 0.5vw;
padding-bottom: 0.5vw;
}
}
/***          i          ***/

/***          j          ***/
@media screen and (max-width: 767px) {
.pd_j_area{
padding:4vw 4vw;
}
.pd_j_area2{
padding:4vw 4vw;
}
.pd_j_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_j_area_ttl_hse{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
font-weight: bold;
}
.pd_j_box_are{
padding:0vw 0vw;
}
.pd_j_box{
float: left;
width: 50%;
padding: 1.5vw;
}
.pd_j_box2{
float: left;
width: 50%;
padding: 1.5vw;
}
.pd_j_box3{
float: left;
width: 50%;
padding: 1.5vw;
}
.pd_j_box3a{
float: left;
width: 33%;
padding: 1.5vw;
}
.pd_j_box3b{
float: left;
width: 50%;
padding: 1.5vw;
}
.pd_j_box4{
padding: 4vw;
}
.pd_j_box4 img{
width: 100%;
}
.pd_j_img{
width:100%;
line-height: 0;
padding-bottom:1vw;
}
.pd_j_img img{
width:100%;
}
.pd_j_img2{
width:100%;
line-height: 0;
padding-bottom:1vw;
}
.pd_j_img2 img{
width:100%;
}
.pd_j_img3{
width:100%;
line-height: 0;
padding:10vw 4vw;
}
.pd_j_img3 img{
width:100%;
}
.pd_j_img_ttl{
background: #3e3a39;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.5vw;
color: #ffffff;
padding: 1.0vw 1vw;
text-align: center;
margin-bottom: 2vw;
}
.pd_j_img_ttl2{
background:#d9e5da;
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.5vw;
color: #ffffff;
padding: 1vw;
text-align: center;
margin-bottom: 2vw;
}
.pd_j_img_ttl3{
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.5vw;
color: #3e3a39;
padding: 1.0vw 1vw;
text-align: center;
margin-bottom: 2vw;
}
.pd_j_ttl{
width: 100%;
padding: 2vw 0vw;
text-align: center;
}
.pd_j_ttl img{
width: 50%;
}
.pd_j_ttl2{
width: 100%;
padding: 2vw 0vw;
text-align: center;
}
.pd_j_ttl2 img{
width: 7vw;
}
.pd_j_ttl3{
font-size: 2.7vw;
line-height: 2.7vw;
text-align: center;
padding:1vw;
border-radius: 3vw;
border: 1px solid #231815;
margin-top: 2vw !important;
margin-bottom: 2vw !important;
}
.pd_j_text{
width: 100%;
font-size: 3vw;
line-height: 5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_j_text2a{
width: 100%;
font-size: 3vw;
line-height: 5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_j_text2b{
width: 100%;
font-size: 3vw;
line-height: 5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 2vw;
text-align: left;
}
.pd_j_text2{
font-size: 2.5vw;
line-height: 4.0vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
min-height: 33vw;
}
.pd_j_text2e{
font-size: 2.5vw;
line-height: 4.0vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2e2{
font-size: 2.5vw;
line-height: 4.0vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2_sub{
padding: 2vw 0vw;
}
.pd_j_text2i{
padding-right: 0.8vw;
line-height: 6vw;
}
.pd_j_text2i img{
width: 2.2vw;
}
.pd_j_text2c{
font-size: 3vw;
line-height:3vw;
font-weight: 800;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2.0vw;
text-align: left;
}
.pd_j_text2d{
font-size: 2vw;
line-height: 3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 0vw;
text-align: left;
font-weight: normal !important;
}
.pd_j_box_sub {
font-size: 4.7vw;
line-height: 4.7vw;
letter-spacing: 0.5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0px 11vw 6vw;
width: 100%;
text-align: center;
}
.pd_j_box_sub:before,
.pd_j_box_sub:after {
content: '';
position: absolute;
top: 2.3vw;
display: inline-block;
width: 8vw;
height: 0.4vw;
background-color: #666;
}
.pd_j_box_sub:before {
left: 0;
}
.pd_j_box_sub:after {
right: 0;
}
.pd_j2_box{
padding: 5vw 0vw 0vw;
}
.pd_j2_box_ttl{
padding:1vw 0vw;
}
.pd_j2_box1{
width:100%;
padding-bottom: 5vw;
}
.pd_j2_box1 img{
width:100%;
}
.pd_j2_box2{
width:100%;
padding:2vw 0vw;
}
.pd_j2_box2a{
width:50%;
float:left;
}
.pd_j2_box2a_img{
padding:1vw 0vw;
text-align:center;
min-height: 16vw;
}
.pd_j2_box2a_img img{
width:10vw;
}
.pd_j2_box2a_ttl{
font-size: 3.5vw;
line-height: 4vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2.5vw;
}
.pd_j2_box2a_sub{
font-size: 3.0vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 4.0vw;
}
.pd_j_box_sub {
font-size: 4.7vw;
line-height: 4.7vw;
letter-spacing: 0.5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0px 11vw 6vw;
}
.pd_j_box_sub:before,
.pd_j_box_sub:after {
content: '';
position: absolute;
top: 2.3vw;
display: inline-block;
width: 8vw;
height: 0.4vw;
background-color: #666;
}
.pd_j_box_sub:before {
left: 0;
}
.pd_j_box_sub:after {
right: 0;
}
.pd_j_fm{

padding: 3vw 4vw 3vw;
text-align: center;
}
.pd_j_step1{
float: left;
width: 50%;
padding: 0vw 2vw 2vw;
}
.pd_j_step1a{
float: left;
width: 50%;
padding: 0vw 2vw 2vw;
}
.pd_j_fm_ttl{
font-size: 3.8vw;
line-height: 4.8vw;
letter-spacing: .1vw;
color: #231815;
font-weight: normal;
}
.pd_j_fm_ttl2{
font-size: 6.6vw;
line-height: 6.6vw;
letter-spacing: .2vw;
color: #7cc5c2;
padding: 4vw;
}
.pd_j_fm_img{

}
.pd_j_fm_img img{
width:100%;
}
.pd_j_fm_ttl3{
font-size: 3.5vw;
line-height: 3.5vw;
letter-spacing: .5vw;
color: #7cc5c2;
padding: 3vw 0px 2vw;
}
.pd_j_fm_txt{
font-size: 3vw;
line-height: 5vw;
letter-spacing: .3vw;
color: #231815;
padding-bottom: 4vw;
}
.pd_j_fm_txts{
font-size: 2.5vw;
line-height: 3vw;
letter-spacing: .3vw;
color: #231815;
padding-top: 1vw;
}
.pd_i_hfb_imgl{
padding: 4vw 4vw 2vw 4vw;
}
.pd_i_hfb_imgr{
padding: 4vw 4vw 2vw 4vw;
}
.pd_i_hfb_img1{
min-height:30vw;
}
.pd_i_hfb_img2{
padding:2vw 0vw;
}
.pd_j_details{
font-size: 2.5vw;
line-height: 3.5vw;
letter-spacing: .05vw;
padding: 2vw 0vw 4vw;
}
.pd_j_hfb{
padding:0vw 4vw;
text-align: center;
}
.pd_j_hfb2{
padding:5vw 0vw;
}
.pd_j_hfb_ttl {
font-size: 4.7vw;
line-height: 4.7vw;
letter-spacing: .5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 7vw 2vw;
width: 100%;
}
.pd_j_hfb_ttl:before,
.pd_j_hfb_ttl:after {
content: '';
position: absolute;
top: 2.5vw;
display: inline-block;
width: 29vw;
height: 1px;
background-color: #9fa0a0;
}
.pd_j_hfb_ttl:before {
left: 0;
}
.pd_j_hfb_ttl:after {
right: 0;
}
.pd_j_hfb_img{
padding: 4vw 4vw 4vw;
}
.pd_j_hfb_img2{
padding: 1vw 4vw 4vw;
}
.pd_j_hfb_boxl{
padding:0vw 0vw 4vw;
}
.pd_j_hfb_boxl img{
width:100%;
}
.pd_j_hfb_boxr{
padding:0vw 0vw 4vw;
}
.pd_j_hfb_boxr_ttl{
font-size: 4.7vw;
line-height: 6.7vw;
padding-bottom: 4vw;
font-weight: 800;
}
.pd_j_hfb_boxr_txt{
font-size: 3.5vw;
line-height: 5.3vw;
}
.pd_j_hfb_boxr_txt2{
font-size: 2.2vw;
line-height: 3.5vw;
padding-top: 2vw;
}
.pd_j_hfb_ttl2 {
font-size: 4.8vw;
line-height: 7vw;
letter-spacing: .2vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 0 2vw;
font-weight: 800;
}
.pd_j_hfb_boxla{
padding: 4vw;
}
.pd_j_hfb_boxla img{
width:100%;
}
.pd_j_hfb_boxra1{
padding: 0 0 4vw;
}
.pd_j_hfb_boxra2{
padding: 0 0 4vw;
}
.pd_j_hfb_boxra3{
padding: 0 0 4vw;
}
.pd_j_hfb_boxra_img{
float: left;
width: 50%;
padding-right:4vw;
padding-bottom:1vw;
}
.pd_j_hfb_boxrb{
float: left;
width: 50%;
}
.pd_j_hfb_boxra_img img{
width:100%;
}
.pd_j_hfb_boxr_stp{
background: #3e3a39;
color: #fff;
font-size: 3.0vw;
text-align: center;
padding: 2.5vw 1vw;
line-height: 1.2vw;
letter-spacing: 1.5vw;
}
.pd_j_hfb_boxr_stpt{
padding: 2.6vw 0;
font-size: 3.5vw;
line-height: 5.4vw;
}
.pd_j_hfb_boxr_stpt2{
padding: 2.6vw 4vw;
font-size: 2.5vw;
line-height: 4.2vw;
}
.pd_j_hse_icon{
width: 24vw;
margin: auto;
padding: 0 0 5vw;
}
.pd_j_hse_icon img{
width: 100%;
}
.pd_j_hse_box{
width: 100%;
display: flex;
justify-content: space-between;
padding: 0 4vw;
}
.pd_j_hse_box_inner{
width: 48%;
}
.pd_j_hse_box_inner img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pd_j_area{
padding:4vw 0vw;
}
.pd_j_area2{
padding:0vw 4vw;
}
.pd_j_area_ttl,
.pd_j_area_ttl_hse{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_j_box_are{
padding:0vw 0vw;
}
.pd_j_box{
float: left;
width: 27.7vw;
padding: 0.5vw;
}
.pd_j_box2{
float: left;
width: 27.7vw;
padding: 1.5vw;
}
.pd_j_box3{
float: left;
width: 25.0vw;
padding: 1.5vw;
}
.pd_j_box3a{
float: left;
width: 33vw;
padding: 1.5vw;
}
.pd_j_box3b{
float: left;
width: 33vw;
padding: 1.5vw;
}
.pd_j_box4{
padding: 4vw;
}
.pd_j_box4 img{
width: 100%;
}
.pd_j_img{
width:100%;
padding-bottom:1vw;
line-height: 0;
}
.pd_j_img img{
width:100%;
}
.pd_j_img2{
width: 100%;
padding: 3vw 4vw 0vw;
line-height: 0;
}
.pd_j_img2 img{
width:100%;
}
.pd_j_img_ttl{
background:#3e3a39;
font-size: 1.0vw;
line-height: 1vw;
letter-spacing: 0.1vw;
color: #ffffff;
padding: 0.5vw 1vw;
text-align: center;
}
.pd_j_img_ttl2{
background:#d9e5da;
font-size: 1.0vw;
line-height: 1vw;
letter-spacing: 0.1vw;
color: #ffffff;
padding: 0.5vw 1vw;
text-align: center;
}
.pd_j_img_ttl3{
font-size: 1.7vw;
line-height: 1.5vw;
letter-spacing: .1vw;
color: #3e3a39;
padding: .5vw 1vw 1.5vw;
text-align: center;
}
.pd_j_ttl{
float:left;
width:22%;
padding-right:1vw;
padding-bottom: 1.0vw;
text-align: center;
}
.pd_j_ttl img{
width:100%;
}
.pd_j_ttl2{
float:left;
width:22%;
padding-right:1vw;
padding-bottom: 1.0vw;
text-align: center;
}
.pd_j_ttl2 img{
width: 2.5vw;
}
.pd_j_ttl3{
font-size: 1.3vw;
line-height: 1.3vw;
text-align: center;
padding: 0.5vw;
border-radius: 3vw;
border: 1px solid #231815;
margin: 1vw 0vw;
}
.pd_j_text{
float:left;
width:78%;
font-size: 1.0vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
min-height: 9.5vw;
}
.pd_j_text2a{
float:left;
width:100%;
font-size: 1.0vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
min-height: 4.3vw;
}
.pd_j_text2b{
float:left;
width:78%;
font-size: 1.0vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
min-height: 4.3vw;
}
.pd_j_text2{
font-size: 1vw;
line-height: 1.7vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2e{
font-size: 1vw;
line-height: 1.7vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2e2{
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2i{
line-height: 4vw;
padding: 2vw 0.5vw 2vw 0vw;
}
.pd_j_text2i img{
width:1.3vw;
}
.pd_j_text2c{
font-size: 1.3vw;
line-height: 1.6vw;
font-weight: 800;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
}
.pd_j_text2d{
font-size: 1.0vw;
line-height: 1.3vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 1vw;
text-align: left;
font-weight: normal !important;
}

.pd_j_box_sub {
font-size: 1.7vw;
line-height: 1.7vw;
letter-spacing: 0.3vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 7vw 2vw;
}
.pd_j_box_sub:before,
.pd_j_box_sub:after {
content: '';
position: absolute;
top: 1vw;
display: inline-block;
width: 5vw;
height: 1px;
background-color: #666;
}
.pd_j_box_sub:before {
left: 0;
}
.pd_j_box_sub:after {
right: 0;
}
.pd_j2_box{
padding:1vw 0vw;
}
.pd_j2_box_ttl{
padding:1vw 0vw;
}
.pd_j2_box1{
width:33%;
float:left;
padding-right: 2vw;
}
.pd_j2_box1 img{
width:100%;
}
.pd_j2_box2{
width:calc(67% - 2vw);
float:left;
}
.pd_j2_box2a{
width: 25%;
float: left;
padding: 0vw 0.3vw;
}
.pd_j2_box2a_img{
padding: 0vw 0vw 0vw;
text-align: center;
min-height: 5vw;
}
.pd_j2_box2a_img img{
width: 3vw;
}
.pd_j2_box2a_ttl{
font-size: 1.0vw;
line-height: 1.0vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 0.5vw;
text-align: center;
}
.pd_j2_box2a_sub{
font-size: 0.8vw;
line-height: 1.3vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom:0.8vw;
}
.pd_j_box_sub {
font-size: 1.7vw;
line-height: 1.7vw;
letter-spacing: 0.3vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 7vw 2vw;
width: 100%;
text-align: center;
}
.pd_j_box_sub:before,
.pd_j_box_sub:after {
content: '';
position: absolute;
top: 1vw;
display: inline-block;
width: 10vw;
height: 1px;
background-color: #666;
}
.pd_j_box_sub:before {
left: 0;
}
.pd_j_box_sub:after {
right: 0;
}
.pd_j_fm{
float: left;
width: 18%;
padding: 3.5vw 1vw 3.5vw;
background: #f1f5f7;
text-align: center;
margin-right: 1vw;
}
.pd_j_step1{
float:left;
width:16%;
padding: 0vw 0.5vw 0.5vw 0.5vw;
}
.pd_j_step1a{
float:left;
width:16%;
padding: 0vw 0.5vw;
}
.pd_j_fm_ttl{
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
}
.pd_j_fm_ttl2{
font-size: 1.6vw;
line-height: 1.6vw;
letter-spacing: 0.2vw;
color: #7cc5c2;
padding-top: 1vw;
}
.pd_j_fm_img{

}
.pd_j_fm_img img{
width:100%;
}
.pd_j_fm_ttl3{
font-size: 1.1vw;
line-height: 1.1vw;
letter-spacing: 0.1vw;
color: #7cc5c2;
padding: 0.5vw 0 0.5vw;
}
.pd_j_fm_txt{
font-size: 0.9vw;
line-height: 1.2vw;
letter-spacing: 0.01vw;
color: #231815;
}
.pd_j_fm_txts{
font-size: 0.7vw;
line-height: 1.0vw;
letter-spacing: 0.01vw;
color: #231815;
}
.pd_i_hfb_imgl{
padding: 4vw 2vw 2vw 4vw;
}
.pd_i_hfb_imgr{
padding: 4vw 4vw 2vw 2vw;
}
.pd_i_hfb_img1{
min-height:37vw;
}
.pd_i_hfb_img2{
padding:1vw 0vw;
}
.pd_j_details{
font-size:1vw;
line-height:1.5vw;
letter-spacing:0.05vw;
}
.pd_j_hfb{
text-align: center;
padding:4vw 4vw 2vw;
}
.pd_j_hfb2{
padding:4vw 4vw 2vw;
text-align: left;
}
.pd_j_hfb_ttl {
font-size: 1.7vw;
line-height: 1.7vw;
letter-spacing: .5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0px 7vw 2vw;
width: 100%;
}
.pd_j_hfb_ttl:before,
.pd_j_hfb_ttl:after {
content: '';
position: absolute;
top: 1vw;
display: inline-block;
width: 29vw;
height: 1px;
background-color: #9fa0a0;
}
.pd_j_hfb_ttl:before {
left: 0;
}
.pd_j_hfb_ttl:after {
right: 0;
}
.pd_j_hfb_img{
padding: 1vw 0vw 4vw;
}
.pd_j_hfb_img2{
padding: 1vw 4vw 4vw;
}
.pd_j_hfb_boxl{
float:left;
width:43%;
padding-right:2vw;
}
.pd_j_hfb_boxl img{
width:100%;
}
.pd_j_hfb_boxr{
float:left;
width:57%;
}
.pd_j_hfb_boxr_ttl{
font-size: 1.2vw;
line-height: 1.7vw;
padding-bottom: 1vw;
font-weight: 800;
}
.pd_j_hfb_boxr_txt{
font-size: 1.0vw;
line-height: 1.3vw;
}

.pd_j_hfb_ttl2 {
font-size: 1.3vw;
line-height: 2.3vw;
letter-spacing: .2vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 0vw 2vw;
width: 100%;
font-weight: 800;
}
.pd_j_hfb_ttl2:after {
content: '';
position: absolute;
top: 1vw;
display: inline-block;
width: 35vw;
height: 1px;
background-color: #9fa0a0;
}
.pd_j_hfb_ttl2:after {
right: 0;
}
.pd_j_hfb_boxla{
float:left;
width:40%;
padding-right: 2vw;
padding-top: 3vw;
}
.pd_j_hfb_boxla img{
width:100%;
}
.pd_j_hfb_boxra1{
float:left;
width:20%;
padding:0vw 0.6vw 0vw 0vw;
}
.pd_j_hfb_boxra2{
float:left;
width:20%;
padding:0vw 0.3vw 0vw 0.3vw;
}
.pd_j_hfb_boxra3{
float:left;
width:20%;
padding:0vw 0vw 0vw 0.6vw;
}
.pd_j_hfb_boxra_img{
padding-bottom:0.6vw;
}
.pd_j_hfb_boxra_img img{
width:100%;
}
.pd_j_hfb_boxr_stp{
background: #3e3a39;
color: #fff;
font-size: 1.2vw;
text-align: center;
padding: .5vw 1vw;
line-height: 1.2vw;
letter-spacing: 0.2vw;
}
.pd_j_hfb_boxr_stpt{
padding: 0.6vw 0;
font-size: 1.1vw;
line-height: 1.4vw;
}
.pd_j_hfb_boxr_stpt2{
padding: .6vw 4vw;
font-size: 0.9vw;
line-height: 1.4vw;
}
.pd_j_hse_icon{
width: 100px;
margin: auto;
padding: 1vw 0 2vw;
}
.pd_j_hse_icon img{
width: 100%;
}
.pd_j_hse_box{
width: 80%;
display: flex;
justify-content: space-evenly;
align-items: baseline;
margin: auto;
}
.pd_j_hse_box_inner{
width: 48%;
}
.pd_j_hse_box_img{
width: 100%;
padding-bottom: 10px;
}
.pd_j_hse_box_img img{
width: 100%;
}
.pd_j_hse_box_ttl{
font-size: 1.05vw;
font-weight: bold;
border: 1px solid #231815;
border-radius: 20px;
background-color: #FFF6D7;
text-align: center;
padding: 8px 0;
}
.pd_j_hse_box_txt{
font-size: 0.8vw;
line-height: 1.8vw;
padding-top: 0.5vw;
padding-bottom: 0.5vw;
}
}
/***          j          ***/

/***          k          ***/
@media screen and (max-width: 767px) {
.pd_k_area{
padding:4vw 4vw;
}
.pd_k_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 6vw;
text-align: center;
}
.pd_k_box_are{
padding:0vw 0vw;
}
.pd_k_box_are2{
padding:0vw 4vw;
}
.pd_k_box1{
padding: 4vw 23vw;
text-align: center;
}
.pd_k_box2{
padding: 0vw 0vw 5vw;
}
.pd_k_box3{
float: left;
width: 33%;
padding: 0.5vw;
}
.pd_k_icon{
padding: 0vw;
width:100%;
line-height: 0;
}
.pd_k_icon img{
width:100%;
}
.pd_k_text_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .2vw;
color: #231815;
padding-top: 5vw;
text-align: center;
margin-bottom: 5vw;
}
.pd_k_text{
font-size: 3.5vw;
line-height: 1.7;
letter-spacing: .2vw;
color: #231815;
padding: 1vw 1vw 13vw;
text-align: left;
}
.pd_k_ttl{
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 2vw 1.0vw;
text-align: center;
}
.pd_k_sup_ttl {
font-size: 4.2vw;
line-height: 4.2vw;
letter-spacing: .5vw;
color: #231815;
/* position: relative;
display: inline-block; */
padding: 0 4vw 2vw;
width: 100%;
text-align: center;
}
/*
.pd_k_sup_ttl:before,
.pd_k_sup_ttl:after {
content: '';
position: absolute;
top: 0.5vw;
display: inline-block;
width: 29vw;
height: 18px;
background-color: #f1f5f7;
}
.pd_k_sup_ttl:before {
left: 0;
}
.pd_k_sup_ttl:after {
right: 0;
}
*/
.pd_k_area{
padding:5vw 4vw 1vw;
}
.pd_k_sup_box1{
padding:0vw 0vw 4vw;
}
.pd_k_sup_box1_ttl1{
text-align: center;
font-size: 4.1vw;
line-height: 4.1vw;
letter-spacing: .05vw;
padding: 0 0 1vw;
color: #60aaff;;
}
.pd_k_sup_box1_ttl1a{
padding-right:1vw;
font-size:1.2vw;
line-height:1.2vw;
}
.pd_k_sup_box1_ttl1b{
padding-left:1vw;
font-size:1.3vw;
line-height:1.3vw;
}
.pd_k_sup_box1_ttl2{
padding: 2vw 0 6vw;
text-align: center;
font-size: 7.7vw;
line-height: 7.7vw;
letter-spacing: 0.5vw;
}
.pd_k_sup_box1_ttl2a{
color: #60aaff;
font-size: 13.2vw;
line-height: 13.2vw;
letter-spacing: .05vw;
}
.pd_k_sup_box1_ttl2b{
color: #60aaff;
font-size: 9.8vw;
line-height: 9.8vw;
letter-spacing: .05vw;
padding-right: 2vw;
}
.pd_k_sup_box1_text{
padding: 0 4vw 1vw;
text-align: left;
font-size: 3.9vw;
line-height: 6.1vw;
}
.pd_k_sup_box1_texta{
font-weight: 800;
}
.pd_k_sup_box2{
padding: 2vw 4vw 2vw;
}
.pd_k_sup_box2l{
font-size: 3.6vw;
line-height: 6.2vw;
text-align: left;
padding-bottom: 5vw;
}
.pd_k_sup_box2r{
font-size: 3.6vw;
line-height: 6.2vw;
text-align: left;
padding-bottom: 2vw;
}
.pd_k_sup_box2_ttl{
color:#60b2bc;
}
.pd_k_sup_box2_ttl2{
font-weight: 800;
}
.pd_k_sup_box3{
padding:2vw 4vw 4vw;
}
.pd_k_sup_box3_txt{
font-size: 2.0vw;
line-height: 3.5vw;
text-align: left;
}
.pd_k_hse_area{
padding-top: 11vw;
}
.pd_k_hse_box{
width: 100%;
padding: 0 4vw;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pd_k_hse_box_item{
width: 48%;
padding: 2vw 0;
}
.pd_k_hse_text{
font-size: 3.5vw;
line-height: 5vw;
letter-spacing: .5vw;
color: #231815;
}
.pd_k_hse_text span{
font-size: 3vw;
line-height: 3vw;
}
.pd_k_st_box_desc_ttl{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 16vw 0 3vw;
text-align: center;
}
.pd_k_st_box{
width: 100%;
padding: 0 4vw;
}
.pd_k_st_box_img{
width: 100%;
}
.pd_k_st_box_img img{
width: 100%;
}
.pd_k_st_flex{
padding-top: 4vw;
}
.pd_k_st_flex_item{
width: 100%;
}
.pd_k_st_flex_item:last-of-type{
padding-top: 10vw;
}
.pd_k_st_flex_item img{
width: 100%;
}
.pd_k_hse_ems_ttl{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding: 26vw 0 3vw;
text-align: center;
}
.pd_k_hse_ems_box{
width: 100%;
padding: 0 4vw;
display: flex;
justify-content: space-between;
}
.pd_k_hse_ems_box_inner{
width: 48%;
}
.pd_k_hse_ems_box_inner img{
width: 100%;
}
.pd_k_hse_ems_txt{
font-size: 4vw;
font-weight: 500;
line-height: 7vw;
text-align: center;
padding: 8vw 0 12vw;
}
.pd_k_hse_ems_img{
width: 100%;
padding: 0 4vw;
}
.pd_k_hse_ems_img img{
width: 100%;
}
.pd_k_area_add{
padding: 1.5vw 2vw 8vw;
}
.pd_k_area_add img{
width: 100%;
height: auto;
}
}
@media screen and (min-width: 768px) {
.pd_k_area{
padding:4vw 0vw;
}
.pd_k_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_k_box_are{
padding:0vw 0vw;
}
.pd_k_box_are2{
padding:0vw 0vw;
}
.pd_k_box1{
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_k_box2{
float: left;
width: 66%;
padding: .5vw 0vw 0vw;
}
.pd_k_box3{
float: left;
width: 33%;
padding: 0.5vw 0vw 1.0vw;
}
.pd_k_icon{
padding: 1vw 1vw 1vw 0vw;
width:100%;
line-height: 0;
}
.pd_k_icon img{
width:100%;
}
.pd_k_text_ttl{
font-size: 1.2vw;
line-height: 1;
letter-spacing: 0.1vw;
color: #231815;
padding: 0.5vw 0vw;
}
.pd_k_text{
font-size: .7vw;
line-height: 1.8;
letter-spacing: 0.05vw;
color: #231815;
padding: 1vw 0 1vw 1vw;
text-align: left;
}
.pd_k_ttl{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding: 0.5vw 1.0vw 0vw;
text-align: center;
}
.pd_k_sup_ttl {
font-size: 2.2vw;
line-height: 2.2vw;
letter-spacing: .5vw;
color: #231815;
position: relative;
display: inline-block;
padding: 0 7vw 2vw;
width: 100%;
text-align: center;
}
.pd_k_sup_ttl:before,
.pd_k_sup_ttl:after {
content: '';
position: absolute;
top: 0.5vw;
display: inline-block;
width: 29vw;
height: 18px;
background-color: #f1f5f7;
}
.pd_k_sup_ttl:before {
left: 0;
}
.pd_k_sup_ttl:after {
right: 0;
}
.pd_k_area{
padding:5vw 5vw 1vw;
}
.pd_k_sup_box1{
padding:0vw 0vw 4vw;
}
.pd_k_sup_box1_ttl1{
text-align: center;
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: .05vw;
padding: 0 0 1vw;
}
.pd_k_sup_box1_ttl1a{
padding-right:1vw;
font-size:1.2vw;
line-height:1.2vw;
}
.pd_k_sup_box1_ttl1b{
padding-left:1vw;
font-size:1.3vw;
line-height:1.3vw;
}
.pd_k_sup_box1_ttl2{
padding:1vw 0vw 3vw;
text-align:center;
font-size:2.7vw;
line-height:2.7vw;
}
.pd_k_sup_box1_ttl2a{
color:#60b2bc;
font-size:4.2vw;
line-height:4.2vw;
letter-spacing:0.05vw;
}
.pd_k_sup_box1_ttl2b{
color:#60b2bc;
font-size:3.8vw;
line-height:3.8vw;
letter-spacing:0.05vw;
padding-right: 1vw;
}
.pd_k_sup_box1_text{
padding: 0vw 0 1vw;
text-align: center;
font-size: 1.2vw;
line-height: 2.1vw;
}
.pd_k_sup_box1_texta{
border-bottom:solid 1px #251e1c;
}
.pd_k_sup_box2{
padding:2vw 0vw 2vw;
border-bottom:solid 1px #251e1c;
}
.pd_k_sup_box2l{
float: left;
width: 50%;
font-size: 1.0vw;
line-height: 1.5vw;
text-align: left;
padding-right: 2vw;
border-right: solid 1px #251e1c;
}
.pd_k_sup_box2r{
float: left;
width: 50%;
font-size: 1.0vw;
line-height: 1.5vw;
text-align: left;
padding-left: 2vw;
}
.pd_k_sup_box2_ttl{
color:#60b2bc;
}
.pd_k_sup_box3{
padding:2vw 0vw;
}
.pd_k_sup_box3_txt{
font-size:0.9vw;
line-height:1.4vw;
text-align:left;
}
.pd_k_hse_area{
padding-bottom: 2vw;
}
.pd_k_hse_box{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pd_k_hse_box_item{
width: 32%;
padding-top: 2vw;
}
.pd_k_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_k_st_box{
width: 100%;
display: flex;
justify-content: space-between;
padding-bottom: 4.2vw;
}
.pd_k_st_box_img{
width: 32%;
}
.pd_k_st_box_img img {
width: 100%;
}
.pd_k_st_box_desc{
width: calc(68% - 2vw);
}
.pd_k_st_box_desc_ttl,
.pd_k_hse_ems_ttl{
font-size: 1.3vw;
line-height: 1.3vw;
letter-spacing: 0.3vw;
color: #231815;
position: relative;
overflow: hidden;
}
.pd_k_st_box_desc_ttl::after,
.pd_k_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_k_st_flex{
width: 100%;
display: flex;
}
.pd_k_st_flex_item{
width: 40%;
padding-top: 2vw;
}
.pd_k_st_flex_item:last-of-type{
margin-left: 4vw;
}
.pd_k_st_flex_item img{
width: 100%;
}
.pd_k_hse_ems_txt{
font-size: 0.94vw;
line-height: 0.94vw;
font-weight: bold;
padding: 1.7vw 0;
}
.pd_k_hse_ems_box{
width: 100%;
display: flex;
}
.pd_k_hse_ems_box_inner{
width: 30%;
margin-right: 2vw;
}
.pd_k_hse_ems_box_inner2{
width: 20%;
}
.pd_k_hse_ems_box_inner img,
.pd_k_hse_ems_box_inner2 img{
width: 100%;
}
.pd_k_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_k_hse_ems_box_txt{
font-size: 0.8vw;
line-height: 1.8vw;
}
.pd_k_area_add{
padding: 1.5vw 0vw 1vw;
}
.pd_k_area_add img{
width: 100%;
height: auto;
}
}
/***          k          ***/

/***          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));
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
.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_top_img{
width: 51vw;
}
.pd_l_hse_box_top_img img{
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%;
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));
}

.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}

.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}

.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_top_img{
width: 56%;
padding-bottom: 2vw;
}
.pd_l_hse_box_top_img img{
width: 100%;
}
.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_area{
padding: 1vw 4vw;
}
.pd_m_area2{
padding: 1vw 4vw;
}
.pd_m_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 8vw;
text-align: center;
}
.pd_m_box{
padding: 1vw 0vw;
}
.pd_m_box_h{
padding: 1vw 0vw;
width: 50%;
float: left;
}
.pd_m_box1, .pd_m_box1a{
width: 100%;
}
.pd_m_box1_nm1{
font-size: 5.2vw;
line-height: 6.4vw;
letter-spacing: 0.50vw;
padding-bottom: 2vw;
}
.pd_m_box1_nm1a{
font-size: 4.2vw;
line-height: 6.4vw;
letter-spacing: .1vw;
padding-bottom: 1vw;
}
.pd_m_box1_nm2{
font-size: 3vw;
line-height: 4.4vw;
letter-spacing: 0.4vw;
padding-bottom: 2vw;
}
.pd_m_box1_nm2a{
font-size: 3vw;
line-height: 4.4vw;
letter-spacing: 0.4vw;
padding-bottom: 2vw;
}
.pd_m_box1_ttl{
font-size: 3.5vw;
line-height: 4.5vw;
letter-spacing: .1vw;
padding: 1vw 0 5vw;
}
.pd_m_box1_ttl2{
font-size: 4.5vw;
line-height: 6.5vw;
letter-spacing: 0.10vw;
padding: 1vw 0vw 3vw;
}
.pd_m_box1_sub{
font-size: 3.5vw;
line-height: 5.0vw;
letter-spacing: 0.05vw;
padding: 0vw 0vw 10vw;
}
.pd_m_box1_sub2{
font-size: 3.5vw;
line-height: 5.0vw;
letter-spacing: 0.05vw;
padding: 0vw 0vw 10vw;
}
.pd_m_box1_sub2a{
font-size: 2.8vw;
line-height: 4.4vw;
letter-spacing: .01vw;
padding: 0 0 6vw;
}
.pd_m_box1_sub3{
font-size: 3.5vw;
line-height: 5.0vw;
letter-spacing: 0.05vw;
padding: 0vw 0vw 10vw;
}
.pd_m_box2{
float: left;
width: 40%;
padding-bottom: 4vw;
}
.pd_m_box2 img{
width: 100%;
}
.pd_m_box2a{
width: 100%;
padding-bottom: 4vw;
}
.pd_m_box2a img{
width: 100%;
}
.pd_m_box3{
float: left;
width: 60%;
padding-bottom: 4vw;
}
.pd_m_box3a{
width: 100%;
padding-bottom: 4vw;
}
.pd_m_price1{
padding: 0vw 4vw 1vw;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.05vw;
}
.pd_m_price1a{
padding: 0vw 4vw 1vw;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.05vw;
}
.pd_m_price1b{
padding: 0vw 0vw 1vw;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.05vw;
}
.pd_m_price2{
padding: 0vw 4vw 0vw;
font-size: 7vw;
font-weight: 800;
line-height: 8vw;
letter-spacing: 0.5vw;
}
.pd_m_price2a{
padding: 0vw 0vw 0vw;
font-size: 7vw;
font-weight: 800;
line-height: 8vw;
letter-spacing: 0.5vw;
}
.pd_m_price2b{
font-size: 2.5vw;
line-height: 2.5vw;
padding-left: 2vw;
}
.pd_m_buy_area{
width: 100%;
}
.pd_m_buy_area2{
width: 100%;
}
.pd_m_buy_num{
font-size: 3vw;
line-height: 6vw;
color: #676767;
}
.pd_m_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.pd_m_buy{
padding: 0 0vw 0vw 4vw;
}
.pd_m_buy2{
padding: 0 0vw 0vw 0vw;
}
}
@media screen and (min-width: 768px) {
.pd_m_area{
padding: 1vw 0vw;
}
.pd_m_area2{
padding: 1vw 1vw;
}
.pd_m_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_m_box1{
padding: 1vw 0vw;
}
.pd_m_box_h{
padding: 1vw 1.5vw;
float: left;
width: 50%;
}
.pd_m_box1{
float: left;
width: 33%;
}
.pd_m_box1a{
float: left;
width: 50%;
}
.pd_m_box1_nm1{
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
}
.pd_m_box1_nm1a{
font-size: 1.2vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
}
.pd_m_box1_nm2{
font-size: 1.0vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
}
.pd_m_box1_nm2a{
font-size: 1.0vw;
line-height: 1.4vw;
letter-spacing: 0.05vw;
}
.pd_m_box1_ttl{
font-size: 1.4vw;
line-height: 1.7vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
}
.pd_m_box1_ttl2{
font-size: 1.4vw;
line-height: 1.7vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
}
.pd_m_box1_ttla{
font-size: 1.4vw;
line-height: 1.7vw;
letter-spacing: 0.05vw;
padding: 1vw 0vw;
}
.pd_m_box1_sub{
font-size: 1.0vw;
line-height: 1.3vw;
letter-spacing: 0.05vw;
padding: 0vw 0vw;
}
.pd_m_box1_sub2{
font-size: 0.9vw;
line-height: 1.2vw;
letter-spacing: 0vw;
padding-bottom: 1vw;
}
.pd_m_box1_sub2a{
font-size: 0.9vw;
line-height: 1.2vw;
letter-spacing: 0vw;
padding-bottom: 1vw;
}
.pd_m_box1_sub3{
font-size: 0.9vw;
line-height: 1.2vw;
letter-spacing: 0vw;
padding-bottom: 4vw;
}
.pd_m_box2{
float: left;
width: 33%;
}
.pd_m_box2 img{
width: 100%;
}
.pd_m_box2a{
float: left;
width: 50%;
}
.pd_m_box2a img{
width: 100%;
}
.pd_m_box3{
float: left;
width: 33%;
padding-top: 7vw;
}
.pd_m_box3a{
float: left;
width: 50%;
}
.pd_m_price1{
padding: 0vw 0vw;
font-size: 1.3vw;
line-height: 2.0vw;
letter-spacing: 0.1vw;
}
.pd_m_price2{
padding:0vw 0vw 0vw;
font-size:3vw;
font-weight:800;
line-height:4vw;
letter-spacing:0.1vw;
}
.pd_m_price1a{
padding: 0;
font-size: 1.0vw;
line-height: 1vw;
letter-spacing: .1vw;
}
.pd_m_price1b{
padding: 0vw 0vw;
font-size: 1.3vw;
line-height: 2.0vw;
letter-spacing: 0.1vw;
}
.pd_m_price2a{
padding: 0;
font-size: 2.5vw;
font-weight: 800;
line-height: 2vw;
letter-spacing: .1vw;
}
.pd_m_price2b{
font-size:1.2vw;
line-height:4vw;
}
.pd_m_buy_area{
width: 100%;
padding: 0vw 2vw 0vw 0vw;
}
.pd_m_buy_area2{
width: 100%;
padding-top: 1.5vw;
}
.pd_m_buy_num{
float: left;
font-size: 1vw;
line-height: 2vw;
color: #676767;
padding-right: 8px;
}
.pd_m_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.pd_m_buy{
padding: 0 1vw 0vw 0vw;
}
.pd_m_buy2{
padding: 0 0vw 0vw 0vw;
}
}
/***          m          ***/

/***          n          ***/
@media screen and (max-width: 767px) {
.pd_n_bg{
width: 100%;
text-align: center;
}
.pd_n_bg img{
width: 100%;
}
.pd_n_hse{
padding: 4vw 4vw 0;
}
.pd_n_hse_mdl{
font-size: 3vw;
line-height: 6vw;
letter-spacing: .5vw;
padding-bottom: 2vw;
}
.pd_n_hse_l{
font-size: 4vw;
line-height: 6vw;
letter-spacing: .5vw;
color: #231815;
padding-bottom: 7vw;
}
.pd_n_hse_s{
font-size: 3vw;
line-height: 6vw;
padding-bottom: 7vw;
}
.pd_n_hse_ttl{
font-size: 7.6vw;
line-height: 12vw;
padding-bottom: 16vw;
}
}
@media screen and (min-width: 768px) {
.pd_n_bg{
width: 100%;
text-align: center;
position: relative;
}
.pd_n_bg img{
width: 100%;
}
.pd_n_hse{
position: absolute;
bottom: 4vw;
}
.pd_n_hse_mdl{
font-size: 1.05vw;
color: #fff;
}
.pd_n_hse_l{
font-size: 1.83vw;
line-height: 2.8vw;
color: #fff;
padding: 1.2vw 0 2vw;
}
.pd_n_hse_s{
font-size: 0.94vw;
line-height: 1.6vw;
letter-spacing: 0.1vw;
color: #fff;
padding-bottom: 2vw;
}
.pd_n_hse_ttl{
font-size: 2.6vw;
line-height: 3vw;
color: #fff;
padding-bottom: 2.2vw;
}
}
/***          n          ***/

/***          o          ***/
@media screen and (max-width: 767px) {
.pd_o_ttl{
font-size: 4.5vw;
line-height: 1;
letter-spacing: .5vw;
color: #231815;
text-align: center;
padding-bottom: 5vw;
font-weight: 500;
}
.pd_o_sub{
text-align: center;
font-size: 3vw;
line-height: 1;
letter-spacing: 0.5vw;
padding-bottom: 5vw;
}
.pd_o_img{
padding-bottom: 12vw;
}
.pd_o_img img{
width:100%;
}
.pd_o_list_l{
}
.pd_o_list_r{
}
.pd_o_list{
background: #fff;
width: 100%;
font-size: 2.8vw;
text-align: center;
line-height: 1.4;
}
.pd_o_list1{
width: 24%;
text-align: center;
vertical-align: middle;
font-size: 2.5vw;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.pd_o_list2a{
width: 38%;
text-align: center;
padding: 1.5vw 0;
vertical-align: middle;
font-size: 4vw;
font-weight: 600;
letter-spacing: 0.3vw;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.pd_o_list3a{
width: 38%;
text-align: center;
padding: 1.5vw 0;
vertical-align: middle;
font-size: 4vw;
font-weight: 600;
letter-spacing: 0.3vw;
border-bottom: 1px solid #fff;
}
.pd_o_list1_xs{
border: 1px solid #000;
font-size: 2.5vw;
margin-left: 1.0vw;
padding: .01vw .2vw 0.1vw 0.7vw;
position: relative;
bottom: .15vw;
letter-spacing: 0.5vw;
line-height: 1;
}
.pd_o_list1_s{
font-size: 2.5vw;
letter-spacing: 0.2vw;
}
.pd_o_list1_b{
font-size: 3.0vw;
font-weight: 600;
}
.pd_o_list1_s2{
font-size: 2vw;
}
.pd_o_list th{
background: #d8e3d8;
}
td.pd_o_list2{
background: #d8e3d8c2;
width: 38%;
vertical-align: middle;
padding: 1.5vw 0;
line-height: 1.5;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
td.pd_o_list3{
background: #d8e3d869;
width:38%;
vertical-align: middle;
padding: 0.7vw 0vw;
line-height: 1.5;
border-bottom: 1px solid #fff;
text-align: center;
}
.pd_p_img{

}
.pd_p_img img{
width:100%;
}
.pd_o_box{
padding: 5vw 8vw;
}
.pd_p_ttl{
font-size: 3.5vw;
line-height: 1.5;
letter-spacing: 0.3vw;
padding-bottom: 8vw;
}
.pd_p_link a{
background: #000;
font-size: 3vw;
color: #fff;
text-decoration: none;
display: inherit;
text-align: center;
letter-spacing: 0.2vw;
padding: 3vw 3vw;
}
.pd_p_link a:hover{
opacity: 0.8;
transition: 0.8s;
}
}
@media screen and (min-width: 768px) {
.pd_o_ttl{

}
.pd_o_sub{

}
.pd_o_img{
padding-bottom: 5vw;
}
.pd_o_img img{
width:100%;
}
.pd_o_list_l{
padding-right:2vw;
}
.pd_o_list_r{
padding-left:2vw;
}

.pd_o_list{
background: #fff;
width: 100%;
font-size: 1.0vw;
text-align: center;
line-height: 1.6;
}
.pd_o_list1{
width:24%;
text-align: center;
vertical-align: middle;
font-size:1.0vw;
line-height: 1.6;
}
.pd_o_list2a{
width:38%;
text-align: center;
padding: 0.7vw 0vw;
vertical-align: middle;
font-size:1.2vw;
font-weight: 600;
line-height: 1.6;
}
.pd_o_list3a{
width:38%;
text-align: center;
padding: 0.7vw 0vw;
vertical-align: middle;
font-size:1.2vw;
font-weight: 600;
line-height: 1.6;
}
.pd_o_list1_xs{
border: 1px solid #000;
font-size: 0.8vw;
margin-left: 0.3vw;
padding: 0.1vw 0.2vw;
position: relative;
bottom: 0.15vw;
}
.pd_o_list1_s{
font-size:1.0vw;
}
.pd_o_list1_b{
font-size:1.1vw;
font-weight: 600;
}
.pd_o_list1_s2{
font-size:0.8vw;
}
.pd_o_list th{
background: #d8e3d8;
}
td.pd_o_list2{
background: #d8e3d8c2;
width: 38%;
vertical-align: middle;
padding: 1.5vw 1vw;
line-height: 1.5;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
}
td.pd_o_list3{
background: #d8e3d869;
width:38%;
vertical-align: middle;
padding: 0.7vw 0vw;
line-height: 1.6;
text-align: center;
}
.pd_p_img{

}
.pd_p_img img{
width:100%;
}
.pd_o_box{

}
.pd_p_ttl{

}
.pd_p_link{

}
}
/***          o          ***/

/***  btm  ***/

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

#cartin_sp img{
width: 100%;
}

#cartin_sp i {
padding-top: 6px
}

#cartin_sp a {
display: block;
z-index: 999;
padding: 8px 8px 8px 8px;
border-radius: 30px;
width: 35px;
height: 35px;
background-color: #f0f0f0b3;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#cartin_sp a:hover {
text-decoration: none;
background-color: #f0f0f0;
}

.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_item2{
float: left;
font-size: 3vw;
font-weight: 800;
line-height: 8vw;
color: #231815;
padding: 1vw 3vw 1vw 3vw;
letter-spacing: 0.1vw;
width: 31vw;
min-width: 35vw;
}
.mytrex_buy_item3{
float: left;
font-size: 2.7vw;
font-weight: 800;
line-height: 4vw;
color: #231815;
padding: 1vw 3vw 1vw 3vw;
letter-spacing: 0.05vw;
min-width: 35vw;
}
.mytrex_buy_num{
float: left;
font-size: 3vw;
line-height: 10vw;
color: #676767;
padding-right: 8px;
}
.mytrex_buy_num2{
float: left;
font-size: 3vw;
line-height: 10vw;
color: #000;
padding: 0vw 1vw;
}
#product-component-1606177852334a{
float: left;
width: 55.0vw;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.mytrex_buy{
padding: 0 12vw;
}
#product-component-1606177774168a{
width: 56.0vw;
}
#product-component-1606177774169c{
width: 55.0vw;
}
}
@media screen and (min-width: 768px) {
.mytrex_buy_num{
float: left;
font-size: 1vw;
line-height: 3vw;
color: #676767;
padding-right: 8px;
}
.mytrex_buy_num2{
float: left;
font-size: 14px;
line-height: 11vw;
color: #000;
padding: 5px;
}
.shopify-buy-frame {
display: inline-block;
float: left !important;
}
.mytrex_buy{
padding: 0 1vw;
}
.shopify-buy-frame iframe {
height: auto !important;
}
}
.shopify-buy-frame--cart iframe{
height: 100% !important;
}
/***  btm  ***/


/***          neck section a          ***/
@media screen and (max-width: 767px) {
.pdct_n_a_pc{
display:none;
}
.pdct_n_a_sp{
width:100%;
height:auto;
margin:0 auto;
text-align:center;
border-bottom:1px solid #3e3c3d;
}
.pdct_n_a_sp_img{
width:100%;
}
.pdct_n_a_sp_img img{
width:100%;
}
.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 0vw;
color: #3e3c3d;
font-size: 6vw;
font-weight: normal;
line-height: 10vw;
letter-spacing: 0.2vw;
text-align: center;
}
.pdct_n_a_sp_sub sup{
font-size: 2vw;
vertical-align: top;
}
.pdct_n_a_sp_sub2{
padding: 5vw 1vw 0vw;
color: #3e3c3d;
font-size: 5.3vw;
font-weight: normal;
line-height: 10vw;
letter-spacing: 0.2vw;
text-align: center;
}
.pdct_n_a_video{
width: 100%;
height: auto;
}
.pdct_n_a_video_x{
width: 100%;
height: 89vw;
}
.pdct_n_a_ttl_sub{
font-size: 2.5vw;
border: 1px solid #000;
padding: .2vw .5vw 0.2VW 1VW;
letter-spacing: 0.5vw;
vertical-align: top;
}
}
@media screen and (min-width: 768px) {
.pdct_n_a_pc{
width:100%;
height:auto;
margin:0 auto;
}
.pdct_n_a_pc img{
width:100%;
}
.pdct_n_a_sp{
display:none;
}
.pdct_n_a_video{
width: 100%;
height: auto;
}
.pdct_n_a_video_x{
width: 100%;
height: 56vw;
}
.pdct_n_a_ttl_sub{
font-size: 2vw;
border: 1px solid #000;
padding: .2vw .5vw;
letter-spacing: -0.1vw;
vertical-align: top;
}
}
/***          neck section a          ***/


/***          neck section b          ***/
.pdct_n_b_img{
padding:0;
text-align:center;
}
.pdct_n_b_ttl{
text-align:center;
color: #3f3d3e;
font-weight: normal;
}
.pdct_n_b_sub{
text-align:center;
color: #3e3c3d;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.pdct_n_b_img img{
width:70%;
}
.pdct_n_b_ttl{
padding: 5vw 1vw 3vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 0.3vw;
}
.pdct_n_b_sub{
padding: 0vw 1vw 0vw;
font-size: 5vw;
line-height: 8vw;
letter-spacing: 1.7vw;
}
.pdct_n_b_sub_t{
width: 40vw;
height:auto;
display: inline-block;
vertical-align: middle;
}
.pdct_n_b_sub_t img{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.pdct_n_b_img img{
width:40%;
}
.pdct_n_b_ttl{
padding: 0vw 1vw 2vw;
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.5vw;
}
.pdct_n_b_sub{
padding: 0vw 1vw 0;
font-size: 3vw;
line-height: 4vw;
letter-spacing: 0.6vw;
}
.pdct_n_b_sub_t{
width: 20vw;
height: auto;
display: inline-block;
vertical-align: middle;
}
.pdct_n_b_sub_t img{
width: 100%;
}
}
/***          neck section b          ***/


/***          neck section d          ***/

@media screen and (max-width: 767px) {
.pdct_n_d_pc{
display: none;
}
.pdct_n_d_sp{
text-align: center;
width: 100%;
position:relative;
}
.pdct_n_d_sp img{
width:100%;
}
.pdct_n_d_sp_u{
position:absolute;
bottom: 0vw;
}
.pdct_n_d_sp_u img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pdct_n_d_sp{
display: none;
}
.pdct_n_d_pc{
width: 100%;
text-align: center;
}
.pdct_n_d_pc img{
width: 100%;
}
}

/***          neck section d          ***/


/***          neck section e,f,g          ***/
.pdct_n_textarea_ttl, .pdct_n_textarea_ttlw, .pdct_n_textarea_subw, .pdct_n_textarea_sub2, .pdct_n_textarea_sub3{
text-align:left;
font-weight: normal;
}
.pdct_n_textarea_ttl2, .pdct_n_textarea_sub2, .pdct_n_textarea_sub3{
text-align:center;
color: #3f3d3e;
font-weight: normal;
}

@media screen and (max-width: 767px) {
.pdct_n_img_sp{
text-align:center;
margin:0 auto;
}
.pdct_n_img_sp img{
width:100%;
height:auto;
}
.pdct_l_img_sp{
text-align:center;
margin:0 auto;
}
.pdct_l_img_sp img{
width:100%;
height:auto;
}
.pdct_n_img_sp2{
text-align:center;
margin:0 auto;
width:100%;
height:auto;
}
.pdct_n_img_pc{
display:none;
}
.pdct_n_area_p {
}
.pdct_n_inner{
}
.pdct_n_inner2{
}
.pdct_n_textarea2_img{
position:relative;
text-align: center;
}
.pdct_n_textarea2_img img{
width: 100%;
}
.pdct_n_textarea{
text-align:left;
padding:1vw 7vw;

}
.pdct_n_textarea_k{
text-align:left;
padding:1vw 7vw;

}
.pdct_n_textarea_ad_l{
text-align:left;
padding:1vw 7vw;
}

.pdct_n_textarea2{
text-align:center;
padding:0vw 2vw 2vw;

}
.pdct_n_textarea_ttl{
color: #3f3d3e;
padding: 5vw 1vw 3vw;
font-size: 7vw;
line-height: 10vw;
letter-spacing: 0.4vw;
}
.pdct_n_textarea_ttl_add_l{
display: none;
}
.pdct_n_textarea_ttl_add_l_sp{
position: absolute;
top: 0vw;
left:0vw;
}
.pdct_n_textarea_ttl_add_l_sp img{
width: 100%;
}
.pdct_n_textarea_ttl_add_l_sp2{
font-size: 6vw;
line-height: 10vw;
letter-spacing: -2.7vw;
}
.pdct_n_textarea_sub{
color: #3f3d3e;
padding: 0vw 1vw 0vw;
font-size: 4vw;
line-height: 6.5vw;
letter-spacing: 0.8vw;
font-weight: normal !important;
}
.pdct_n_textarea_ttlw{
color: #3f3d3e;
padding: 5vw 1vw 3vw;
font-size: 7vw;
line-height: 10vw;
letter-spacing: 0.4vw;
}
.pdct_n_textarea_subw{
color: #3f3d3e;
padding: 0vw 1vw 0vw;
font-size: 4vw;
line-height: 6.5vw;
letter-spacing: 0.8vw;
font-weight: normal !important;
}
.pdct_n_textarea_ttl2{
position: absolute;
width: 100%;
top:8vw;
padding: 0vw 0vw 0vw;
font-size: 6vw;
line-height: 10vw;
letter-spacing: 0.15vw;
}
.pdct_n_textarea_ttl2p{
display:none;
}
.pdct_n_textarea_sub2{
padding: 0vw 0vw 0vw;
font-size: 6vw;
line-height: 10vw;
letter-spacing: 0.15vw;
}
.pdct_n_textarea_sub3{
padding: 0vw 1vw 0vw;
font-size: 3.4vw;
line-height: 5.5vw;
letter-spacing: 0.35vw;
position: relative;
bottom: 9vw;
}
.pdct_n_textarea_img{
width:100%;
text-align:center;
padding:0vw 0vw;
position: relative;
top: -4vw;
}
.pdct_n_textarea_img img{
width:80%;
}
}
@media screen and (min-width: 768px) {
.pdct_n_img_sp{
display:none;
}
.pdct_l_img_sp{
display:none;
}
.pdct_n_img_pc{
text-align:center;
margin:0 auto;
width:100%;
height:auto;
}
.pdct_n_img_pc img{
}
.pdct_n_area_p {
position:relative;
}
.pdct_n_inner{
position:absolute;
top:8vw;
}
.pdct_n_inner2{
position:absolute;
top:0;
}
.pdct_n_textarea2_img{
display: none
}
.pdct_n_textarea{
text-align:left;
padding:2vw 2vw;

}
.pdct_n_textarea_k{
text-align:left;
padding:2vw 2vw 2vw 9vw;

}
.pdct_n_textarea_ad_l{
text-align:left;
padding:2vw 2vw 2vw 4vw;

}
.pdct_n_textarea2{
text-align:center;

}
.pdct_n_textarea_ttl{
color: #3f3d3e;
padding: 3vw 1vw 3vw;
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
}
.pdct_n_textarea_ttl_add_l{
color:#3f3d3e;
padding: 8vw 2vw 8vw;
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
font-weight: normal !important;
}
.pdct_n_textarea_ttl_add_l_sp{
display: none;
}
.pdct_n_textarea_sub{
color: #3f3d3e;
padding: 0vw 1vw 0;
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.pdct_n_textarea_ttlw{
color: #ffffff;
padding: 3vw 1vw 3vw;
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.1vw;
}
.pdct_n_textarea_subw{
color: #ffffff;
padding: 0vw 1vw 0;
font-size: 1.2vw;
line-height: 2vw;
letter-spacing: 0.2vw;
}
.pdct_n_textarea_ttl2p{
padding: 5vw 1vw 0vw;
font-size: 2.1vw;
line-height: 3.2vw;
letter-spacing: 0.3vw;
}
.pdct_n_textarea_sub2{
padding: 0vw 1vw 0;
font-size: 2vw;
line-height: 3vw;
letter-spacing: 0.2vw;
}
.pdct_n_textarea_sub3{
padding: 0vw 1vw 0vw;
font-size: 1.4vw;
line-height: 1.4vw;
letter-spacing: 0.25vw;
}
.pdct_n_textarea_img{
width:100%;
text-align:center;
padding:2vw 2vw;
}
.pdct_n_textarea_img img{
width:90%;
height:100%;
}
}

@media screen and (max-width: 767px) {
.pdct_n_linkarea{
padding: 9% 1% 1%;
}
.pdct_n_linkarea a{
border: 1px solid #3e3c3d;
border-radius: 5vw;
padding: 1.2vw 4vw;
color: #3e3c3d;
font-size: 2.8vw;
line-height: 3vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_linkarea a:hover{
border: 1px solid #fd912e;
text-decoration: none;
}
.pdct_n_linkarea2{
padding: 9% 1% 1%;
}
.pdct_n_linkarea2 a{
border: 1px solid #3e3c3d;
border-radius: 5vw;
padding: 1.2vw 4vw;
color: #3e3c3d;
font-size: 2.8vw;
line-height: 3vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_linkarea2 a:hover{
border: 1px solid #fd912e;
text-decoration: none;
}
.pdct_n_linkarea_arrow{
right:0;
padding-left:4px;
}
.pdct_n_linkarea_arrow img{
width: 3vw;
vertical-align: bottom;
}
.pdct_n_linkarea_arrow_pc{
display: none;
}
.pdct_n_linkarea_arrow_sp{
right:0;
padding-left:4px;
}
.pdct_n_linkarea_arrow_sp img{
width: 3vw;
vertical-align: bottom;
}
}
@media screen and (min-width: 768px) {
.pdct_n_linkarea{
padding: 6% 1vw 1%;
}
.pdct_n_linkarea a{
padding: 2px;
color: #3e3c3d;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_linkarea a:hover{
color: #fd912e;
text-decoration: none;
}
.pdct_n_linkarea2{
padding: 6% 1vw 1%;
}
.pdct_n_linkarea2 a{
padding: 2px;
color: #ffffff;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_linkarea2 a:hover{
color: #fd912e;
text-decoration: none;
}
.pdct_n_linkarea_arrow{
right:0;
padding-left:4px;
}
.pdct_n_linkarea_arrow img{
width: 1.2vw;
vertical-align: bottom;
}
.pdct_n_linkarea_arrow_sp{
display: none;
}
.pdct_n_linkarea_arrow_pc{
right:0;
padding-left:4px;
}
.pdct_n_linkarea_arrow_pc img{
width: 1.2vw;
vertical-align: bottom;
}
}

/***          neck section e,f,g          ***/


/***          neck section h          ***/



@media screen and (max-width: 767px) {
.pdct_n_h_pc{
display:none;
}
.pdct_n_h_sp{

}
.pdct_n_h_sp_box{
padding:2vw 1vw  5vw;
}
.pdct_n_h_sp_ttl{
color: #3f3d3e;
padding: 5vw 1vw 3vw;
font-size: 6vw;
line-height: 9vw;
letter-spacing: 0.1vw;
text-align: center;
font-weight: normal;
}
.pdct_n_h_sp_img{
width:50%;
text-align:center;
float:left;
line-height: 0px;
}
.pdct_n_h_sp_img img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pdct_n_h_pc{
}
.pdct_n_h_sp{
display:none;
}
.pdct_n_h_pc_ttl{
color: #3f3d3e;
padding: 8vw 1vw 8vw;
font-size: 2.7vw;
line-height: 4.2vw;
letter-spacing: 0.2vw;
text-align: center;
}
.pdct_n_h_pc_img{
width:100%;
text-align:center;
}
.pdct_n_h_pc_img img{
width:100%;
}
}

/***          neck section h          ***/


/***          neck section i          ***/

.pdct_n_i_item_img{
text-align:center;
}
ul.pdct_n_i_item_list{
list-style: none;
width:100%;
}
.pdct_n_i_item_list li {
position: relative;
font-size: 1.2vw;
border-bottom: 1px solid #808080 !important;
padding: 0.9vw 0.2vw;
}
.pdct_n_i_item_list li::after {
display: block;
content: '';
position: absolute;
top: 50%;
width: 9px;
height: 9px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pdct_n_i_item_list li:first-child {
border-top: 1px solid #808080 !important;
}
.pdct_n_i_item_list_img{
float:left;
height:auto;
}
.pdct_n_i_item_list_text_box{
float: left;
position: relative;
color:#3F3C3C;
font-weight: normal;
}
.pdct_n_i_item_list_text{
position: absolute;
margin: auto;
}
.pdct_n_i_item_linka {
position: relative;
display: inline-block;
text-decoration: none;
transition: .4s;
font-weight: normal !important;
background:#DF8B3A;
color:#ffffff !important;
text-align: center;
}
.pdct_n_i_item_linka:hover {
background: #E89856;
color: #ffffff;
}
.pdct_n_i_item_linkb{
text-align: right;
position: absolute;
}
@media screen and (max-width: 767px) {
.pdct_n_i_item_img img{
width:80%;
}
.pdct_n_i_item_ttl{
padding-bottom: 4vw;
text-align: center;
font-size: 6.5vw;
font-weight: 400;
line-height: 6.5vw;
letter-spacing: 0.4vw;
}
.pdct_n_i_item_sub{
font-size: 3vw;
line-height: 2vw;
letter-spacing: 0.4vw;
padding-bottom: 5vw;
text-align: center;
}
.pdct_n_i_item_price_area{
color: #fd912e;
padding: 2vw 0vw 5vw;
text-align: center;
font-size: 4vw;
}
.pdct_n_i_item_price {
font-size: 7vw;
line-height: 7vw;
letter-spacing: 0.5vw;
padding: 0vw 0vw 0vw 2vw;
font-weight: 400;
}
.pdct_n_i_item_price2 {
font-size: 5vw;
line-height: 7vw;
letter-spacing: 0.5vw;
font-weight: 400;
}
.pdct_n_i_item_link{
text-align:center;
}
.pdct_n_i_item_linka {
border-radius: 4px;
font-size: 3.0vw;
letter-spacing: 2.2vw;
padding: 2vw 1vw;
width: 38vw;
}
.pdct_n_i_item_linkb{
right: 2vw;
}
ul.pdct_n_i_item_list{
padding: 9vw 0 2vw 0;
}
.pdct_n_i_item_list li:first-child {
border-top: 1px solid #808080;
}
.pdct_n_i_item_list_img{
width: 24vw;
padding: 8px 4vw 10px 7vw;
}
.pdct_n_i_item_list_text_box{
font-size: 3.2vw;
letter-spacing: 0.7vw;
line-height: 3.2vw;
margin-left: 0.5vw;
width: 71%;
}
.pdct_n_i_item_list_text{
top: 7.2vw;
bottom: 0;
left: 2vw;
right: 0;
}
.pdct_n_i_item_list li::after {
right: 7vw;
top: 45% !important;
}
}
@media screen and (min-width: 768px) {
.pdct_n_i_item_img img{
width:100%;
}
.pdct_n_i_item_ttl{
font-size: 2.9vw;
line-height: 3.4vw;
letter-spacing: 0.1vw;
padding-bottom: 1.3vw;
padding-top: 2vw;
padding-left: 1vw;
}
.pdct_n_i_item_sub{
font-size: 1.3vw;
line-height: 1.5vw;
letter-spacing: 0.1vw;
padding-bottom: 1vw;
padding-left: 1vw;
}
.pdct_n_i_item_sub2{
font-size: 1.1vw;
letter-spacing: 0.07vw;
}
.pdct_n_i_item_price_area{
color: #fd912e;
padding: 0vw 0vw 1.5vw;
text-align: left;
font-size: 1.4vw;
font-weight: normal !important;
padding-left: 1vw;
letter-spacing: 0.1vw;
}
.pdct_n_i_item_price {
font-size: 3vw;
line-height: 3vw;
letter-spacing: 0.1vw;
padding: 0vw 0vw 0vw 1vw;
font-weight: 300;
}
.pdct_n_i_item_price2 {
font-size: 1.2vw;
letter-spacing: 0.1vw;
font-weight: 300;
}
.pdct_n_i_item_link{
padding-left: 1vw;
}
.pdct_n_i_item_linka {
border-radius: 4px;
font-size: 1.2vw;
letter-spacing: 2.0vw;
padding: 1vw 1vw;
width: 20.5vw;
}
.pdct_n_i_item_linkb{
right: 1vw;
}
.pdct_n_i_item_list_img{
width: 7.2vw;
padding: 0.5vw 1.3vw;
}
.pdct_n_i_item_list_text_box{
font-size: 1.2vw;
letter-spacing: 0.4vw;
line-height: 1.2vw;
margin-left: 0.0vw;
width: 10.9vw;
}
.pdct_n_i_item_list_text{
top: 2.2vw;
bottom: 0;
left: 1vw;
right: 0;
}
ul.pdct_n_i_item_list{
margin-top: 2vw !important;
}
.pdct_n_i_item_list li {
position: relative;
font-size: 1.2vw;
border-bottom: 1px solid #808080 !important;
padding: 0vw 0.2vw;
}
.pdct_n_i_item_list li::after {
right: 5px;
}
}

@media screen and (max-width: 767px) {
.pdct_n_i_announce {
padding: 8% 15px 5% !important;
}
.pdct_n_i_announce2 {
padding: 0% 15px 5% !important;
text-align: center;
}
.pdct_n_i_announce_box1 {
font-size: 10vw;
text-align: center;
color: #3e3c3d;
letter-spacing: 0.5vw;
padding-bottom: 10%;
}
.pdct_n_i_announce_box2 {
font-size: 3.7vw;
text-align: left;
color: #3e3c3d;
letter-spacing: 0.3vw;
padding-bottom: 10%;
line-height: 6vw;
}
}
@media screen and (min-width: 768px) {
.pdct_n_i_announce {
padding: 3% 15px 3% !important;
border-top: 0.1vw solid #3e3c3d;
border-bottom: 0.1vw solid #3e3c3d;
}
.pdct_n_i_announce2 {
padding: 0% 15px 5% !important;
text-align: center;
}
.pdct_n_i_announce_box1 {
font-size: 4.8vw;
color:#3e3c3d;
letter-spacing: 0.07vw;
text-align: right;
padding-right: 2vw;
border-right: 0.1vw solid #3e3c3d;
}
.pdct_n_i_announce_box2 {
font-size: 1.0vw;
text-align: left;
color: #3e3c3d;
letter-spacing: 0.1vw;
line-height: 1.3vw;
padding-left: 2vw;
}
}

@media screen and (max-width: 767px) {
.pdct_n_i_link_htu{
padding: 9% 1% 1%;
}
.pdct_n_i_link_htu a{
padding: 1.2vw 4vw;
color: #3e3c3d;
font-size: 4.8vw;
line-height: 5vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_i_link_htu a:hover{
color: #fd912e;
text-decoration: none;
}
.pdct_n_i_link_htu_arrow{
right:0;
padding-left:4px;
}
.pdct_n_i_link_htu_arrow img{
width: 4vw;
vertical-align: bottom;
}
.pdct_n_i_link_htu2{
padding: 2% 1% 1%;
}
.pdct_n_i_link_htu2 a{
padding: 1.2vw 4vw;
color: #3e3c3d;
font-size: 4.8vw;
line-height: 5vw;
letter-spacing: 0.1vw;
text-decoration: none;
}
.pdct_n_i_link_htu2 a:hover{
color: #fd912e;
text-decoration: none;
}
}
@media screen and (min-width: 768px) {
.pdct_n_i_link_htu{
padding: 10% 1% 1%;
}
.pdct_n_i_link_htu a{
padding: 2px;
color:#3e3c3d;
font-size:2vw;
line-height:2vw;
letter-spacing:0.16vw;
text-decoration: none;
}
.pdct_n_i_link_htu a:hover{
color: #fd912e;
text-decoration: none;
}
.pdct_n_i_link_htu_arrow{
right:0;
padding-left:4px;
}
.pdct_n_i_link_htu_arrow img{
width: 2vw;
vertical-align: bottom;
}
.pdct_n_i_link_htu2{
padding: 1% 1% 1%;
}
.pdct_n_i_link_htu2 a{
padding: 2px;
color:#3e3c3d;
font-size:1.2vw;
line-height:2vw;
letter-spacing:0.16vw;
text-decoration: none;
}
.pdct_n_i_link_htu2 a:hover{
color: #fd912e;
text-decoration: none;
}
}

/***          neck section i          ***/


/***          neck section j          ***/
.pdct_n_j_area{
padding:0 0;
}
.pdct_n_j_box{
border:solid 1px #e3e2e2;
}
.pdct_n_j_box1{
float:left;
}
.pdct_n_j_box2{
float:left;
}
.pdct_n_j_ttl,.pdct_n_j_text{
color:#373232;
text-align: center;
}

@media screen and (max-width: 767px) {
.pdct_n_j_box{
margin: 0px 6vw;
}
.pdct_n_j_box1{
width: 50%;
}
.pdct_n_j_box2{
width:50%;
}
.pdct_n_j_box{
border-radius:6px;
}
.pdct_n_j_ttl{
padding: 3vw 4vw 2vw;
font-size: 5vw;
line-height: 7.3vw;
letter-spacing: -0.1vw;
font-weight: 600;
text-align: left !important;
}
.pdct_n_j_text{
padding: 0vw 4vw 2vw;
font-size: 3.3vw;
line-height: 4.3vw;
letter-spacing: 0.3vw;
text-align: left !important;
}
.pdct_n_j_pc_img{
display:none;
}
.pdct_n_j_sp_img{
line-height: 0;
}
.pdct_n_j_sp_img img{
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
width:100%;
}
}
@media screen and (min-width: 768px) {
.pdct_n_j_box1{
width:60%;
}
.pdct_n_j_box2{
width:40%;
}
.pdct_n_j_box{
border-radius:10px;
}
.pdct_n_j_ttl{
padding: 4vw 4vw 3vw;
font-size: 3.3vw;
line-height: 3.3vw;
letter-spacing: -0.1vw;
font-weight: 600;
}
.pdct_n_j_text{
padding: 0vw 4vw 2vw;
font-size: 1.8vw;
line-height: 2.5vw;
letter-spacing: 0.25vw;
}
.pdct_n_j_sp_img{
display:none;
}
.pdct_n_j_pc_img{
line-height: 0;
}
.pdct_n_j_pc_img img{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width:100%;
}
}

@media screen and (max-width: 767px) {
.pdct_n_j_link_htu{
padding: 3vw 1% 1% 4vw;
text-align: left;
}
.pdct_n_j_link_htu a{
padding: 0.6vw 3vw 0.6vw 4vw;
color: #3e3c3d;
font-size: 2.8vw;
line-height: 2.7vw;
letter-spacing: 0.5vw;
text-decoration: none;
border: 1px solid #3e3c3d;
border-radius: 6vw;
}
.pdct_n_j_link_htu a:hover{
color: #fd912e;
text-decoration: none;
border: 1px solid #fd912e;
}
.pdct_n_j_link_htu_arrow{
right:0;
padding-left:4px;
}
.pdct_n_j_link_htu_arrow img{
width: 4vw;
vertical-align: text-bottom;
}
}
@media screen and (min-width: 768px) {
.pdct_n_j_link_htu{
padding: 3% 1% 1%;
text-align: center;
}
.pdct_n_j_link_htu a{
padding: 0.5vw 1.2vw 0.5vw 1.6vw;
color: #3e3c3d;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.1vw;
text-decoration: none;
border: 1px solid #3e3c3d;
border-radius: 2vw;
}
.pdct_n_j_link_htu a:hover{
color: #fd912e;
text-decoration: none;
border: 1px solid #fd912e;
}
.pdct_n_j_link_htu_arrow{
right:0;
padding-left:4px;
}
.pdct_n_j_link_htu_arrow img{
width: 1.4vw;
vertical-align: text-bottom;
}
}
/***          neck section j          ***/


/***          modal          ***/

.brands_item_shoplink_modal{
padding:20px 0px;
display: flex;
}
@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         ***/
.pdct_n_p_ttl, .pdct_n_p_sub, .pdct_n_p_sub2{
color: #3f3d3e;
font-weight: normal;
}

@media screen and (max-width: 767px) {
#pdct_n_p1_1{
padding:15% 0%;
}
#pdct_n_p1_2{
padding:15% 0%;
}
#pdct_n_p1_3{
padding:15% 0%;
}
.pdct_n_p_ttl_box{
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p_ttl{
padding: 0vw 1vw 4vw;
font-size: 4.5vw;
line-height: 6vw;
letter-spacing: 0.6vw;
text-align: center;
}
.pdct_n_p_sub{
padding: 4vw 1vw 4vw;
font-size: 5.8vw;
line-height: 8vw;
letter-spacing: 0.6vw;
}
.pdct_n_p_sub2{
padding: 4vw 1vw 4vw;
font-size: 5.8vw;
line-height: 8.5vw;
letter-spacing: 0.6vw;
text-align: center;
}
.pdct_n_p_img{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p_img img{
width: 96%;
}
.pdct_n_p_img_sp{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p_img_sp img{
width:100%;
}
.pdct_n_p_img_pc{
display:none;
}
.pdct_n_p_text, .pdct_n_p_text2{
padding: 1vw 4vw 5vw;
font-size: 3.3vw;
line-height: 5.8vw;
letter-spacing: 0.4vw;
font-weight: normal;
}
.pdct_n_p_text_sub{
padding: 0vw 4vw 0vw;
font-size: 2.5vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
text-align:center;
}
.pdct_n_p_text_sub2{
padding: 2vw 4vw 0vw;
font-size: 2.5vw;
line-height: 3vw;
letter-spacing: 0.1vw;
text-align: left;
}
.pdct_n_p_sp{
width:100%;
}
.pdct_n_p_pc{
display:none;
}
.pdct_n_p1_1_img{
width:100%;
text-align: center;
padding: 2vw 6vw;
}
.pdct_n_p1_1_img img{
width:100%;
}
.pdct_n_p1_3_box{
padding:2vw 0vw;
}
}
@media screen and (min-width: 768px) {
#pdct_n_p1_1{
padding:8% 0%;
}
#pdct_n_p1_2{
padding:8% 0%;
}
#pdct_n_p1_3{
padding:8% 0%;
}
.pdct_n_p_ttl_box{
padding: 4vw 0vw 1vw;
text-align:left;
}
.pdct_n_p_ttl{
padding: 1vw 1vw 1vw;
font-size: 2.5vw;
line-height: 1.9vw;
letter-spacing: 0.3vw;
text-align:center;
}
.pdct_n_p_sub{
padding: 1vw 1vw 1vw;
font-size: 3.5vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
text-align: center;
}
.pdct_n_p_sub2{
padding: 4vw 1vw 1vw;
font-size: 3.0vw;
line-height: 4.0vw;
letter-spacing: 0.1vw;
text-align: left;
}
.pdct_n_p_img{
width:100%;
padding:4vw 1vw 2vw;
text-align:center;
}
.pdct_n_p_img img{
width:80%;
}
.pdct_n_p_img_sp{
display:none;
}
.pdct_n_p_img_pc{
width:100%;
padding: 4vw 0vw 1vw;
text-align:center;
}
.pdct_n_p_img_pc img{
width:100%;
}
.pdct_n_p_text{
padding: 2vw 2.5vw 2vw 1vw;
font-size: 1.8vw;
line-height: 3.0vw;
letter-spacing: 0.14vw;
}
.pdct_n_p_text2{
padding: 2vw 1vw 2vw 1vw;
font-size: 1.8vw;
line-height: 3.3vw;
letter-spacing: 0.14vw;
}
.pdct_n_p_text_sub{
padding: 0vw 1vw 1vw;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.05vw;
text-align:center;
}
.pdct_n_p_text_sub2{
padding: 0vw 1vw 1vw;
font-size: 1.2vw;
line-height: 1.2vw;
letter-spacing: 0.05vw;
text-align:left;
}
.pdct_n_p_sp{
display:none;
}
.pdct_n_p_pc{
width:100%;
}
.pdct_n_p1_1_img{
width:100%;
text-align: center;
padding:1vw 6vw;
}
.pdct_n_p1_1_img img{
width:100%;
}
.pdct_n_p1_3_box{
padding:2vw 0vw 4vw;
}
}

/***          modal e1         ***/


/***          modal e2         ***/
@media screen and (max-width: 767px) {
#pdct_n_p2_1{
padding:15% 0%;
}
.pdct_n_p2_img{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p2_img img{
width: 100%;
}
.pdct_n_p2_img_sp{
width: 100%;
padding: 6% 0vw 4%;
text-align: center;
}
.pdct_n_p2_img_sp img{
width:100%;
}
.pdct_n_p2_img_sp2{
width: 100%;
padding: 2% 0vw 2%;
text-align: center;
}
.pdct_n_p2_img_sp2 img{
width:100%;
}
.pdct_n_p2_img_pc{
display:none;
}
.pdct_n_p2_text{
padding: 5vw 1vw 2%;
font-size: 3.6vw;
line-height: 6vw;
letter-spacing: 0.4vw;
text-align: left;
font-weight: normal;
}
.pdct_n_p2_box{
padding:2vw 0vw;
}
}
@media screen and (min-width: 768px) {
#pdct_n_p2_1{
padding:8% 0%;
}
.pdct_n_p2_img{
width:100%;
padding: 5vw 0vw 0vw;
text-align:center;
}
.pdct_n_p2_img img{
width:100%;
}
.pdct_n_p2_img_sp{
display:none;
}
.pdct_n_p2_img_sp2{
display:none;
}
.pdct_n_p2_img_pc{
width:100%;
padding: 4vw 0vw;
text-align:center;
}
.pdct_n_p2_img_pc img{
width:100%;
}
.pdct_n_p2_text{
padding: 2vw 1vw 2vw 1vw;
font-size: 1.8vw;
line-height: 3.1vw;
letter-spacing: 0.14vw;
text-align: left;
}
.pdct_n_p2_box{
padding:0vw 0vw 0vw;
}
}

.pdct_n_p2_slider {
text-align: center;
}
@media screen and (max-width: 767px) {
.pdct_n_p2_slider_area{
padding:2% 0%;
}
.pdct_n_p2_slider{
margin: 100px auto 6%;
width: 100%;
}
.pdct_n_p2_slider li a{
text-decoration: none;
}
.pdct_n_p2_slider li a:hover{
text-decoration: none;
}
.pdct_n_p2_slider img{
height: auto;
width: 36vw;
padding-right: 2vw;
}
}
@media screen and (min-width: 768px) {
.pdct_n_p2_slider_area{
padding:2% 0%;
}

ul.pdct_n_p2_slider{
margin: 100px auto;
width: 100%;
}
ul.pdct_n_p2_slider li{
display: inline;
}
ul.pdct_n_p2_slider li a{
text-decoration: none;
float: left;
width:25%;
}
.pdct_n_p2_slider img{
height: auto;
width: 15vw;
padding-right: 1.2vw;
}
ul.pdct_n_p2_slider li a:hover{
text-decoration: none;
}
}

/***          modal e2         ***/


/***          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%;
}
.support_product_qa_ttl {
text-align: left !important;
}
}

/***          modal e1         ***/


/***          modal e4         ***/

.pdct_n_p4_text_box_ttl {
color: #3f3d3e;
display: flex;
align-items: center;
}
.pdct_n_p4_text_box_ttl:before, .pdct_n_p4_text_box_ttl:after {
content: "";
flex-grow: 1;
background: #444;
display: block;
}
.pdct_n_p4_text_box_sub, .pdct_n_p4_text_box_text, .pdct_n_p4_text_box_text_sub{
color: #3f3d3e;
font-weight: normal;
}
.pdct_n_p4_text_box_sub, .pdct_n_p4_text_box_sub2 {
text-align:center;
}
.pdct_n_p4_text_box_img{
width:100%;
text-align:center;
}
.pdct_n_p4_text_dcp1{
float:left;
width:48%;
margin-right:2%;
}
.pdct_n_p4_text_dcp2{
float:left;
width:48%;
margin-left:2%;
}
.pdct_n_p4_text_dcp_ttl{
border-top:1px solid #fd912e;
text-align:left;
}
.pdct_n_p4_text_dcp_no{
background:#fd912e;
color:#ffffff;
text-align:center;
}
.pdct_n_p4_text_dcp_text{
color: #3f3d3e;
font-weight: normal;
}
.pdct_n_p4_text_dcp_img, .pdct_n_p4_text_dcp_img{
width:100%;
text-align:center;
}

@media screen and (max-width: 767px) {
#pdct_n_p4_1{
padding:15% 0%;
}
.pdct_n_p4_text_box{
padding:0 1vw 12%;
}
.pdct_n_p4_text_box2{
padding: 5% 1vw 0%;
}
.pdct_n_p4_text_box_ttl {
font-size: 5.5vw;
letter-spacing: 1.1vw;
}
.pdct_n_p4_text_box_ttl:before, .pdct_n_p4_text_box_ttl:after {
flex-grow: 1;
height: 1px;
}
.pdct_n_p4_text_box_ttl:before {
margin-right: .4em;
}
.pdct_n_p4_text_box_ttl:after {
margin-left: .4em;
}
.pdct_n_p4_text_box_sub{
padding: 10% 1vw 5%;
font-size: 4.3vw;
line-height: 7vw;
letter-spacing: 0.4vw;
}
.pdct_n_p4_text_box_sub2{
padding: 3% 1vw 10%;
font-size: 3.2vw;
line-height: 4.2vw;
letter-spacing: 0.3vw;
}
.pdct_n_p4_text_box_text{
padding: 4vw 0vw 1vw;
font-size: 3.3vw;
line-height: 5.4vw;
letter-spacing: 0.4vw;
text-align: left;
}
.pdct_n_p4_text_box_text_sub{
padding: 1vw 0vw 0vw;
font-size: 2.5vw;
line-height: 3.6vw;
letter-spacing: 0.1vw;
text-align: left;
}
.pdct_n_p4_text_box_img{
padding:2% 0% 2%;
}
.pdct_n_p4_text_box_img img{
width:100%;
}
.pdct_n_p4_text_description{
padding:2vw 0vw;
}
.pdct_n_p4_text_description2{
padding: 6vw 0vw 0vw    ;
}
.pdct_n_p4_text_dcp_no{
font-size: 12px;
padding: 2px 6px;
display: inline-block;
}
.pdct_n_p4_text_dcp_box{
padding: 0% 5% 3% 10% ;
}
.pdct_n_p4_text_dcp_text{
font-size: 2.9vw;
line-height: 4.9vw;
letter-spacing: 0.1vw;
text-align: left;
}
.pdct_n_p4_text_dcp_img {
padding-bottom: 15%;
}
.pdct_n_p4_text_dcp_img img{
width:100%;
}
.pdct_n_p4_text_dcp_img2 {
padding-bottom: 0%;
}
.pdct_n_p4_text_dcp_img2 img{
width:100%;
}
}
@media screen and (min-width: 768px) {
#pdct_n_p4_1{
padding:8% 0%;
}
.pdct_n_p4_text_box{
padding:0 1vw 5vw;
}
.pdct_n_p4_text_box2{
padding:0 1vw 0vw;
}
.pdct_n_p4_text_box_ttl {
font-size: 3vw;
letter-spacing: 1.1vw;
}
.pdct_n_p4_text_box_ttl:before, .pdct_n_p4_text_box_ttl:after {
flex-grow: 1;
height: 1px;
}
.pdct_n_p4_text_box_ttl:before {
margin-right: 1em;
}
.pdct_n_p4_text_box_ttl:after {
margin-left: 1em;
}
.pdct_n_p4_text_box_sub{
padding: 7% 1vw 1%;
font-size: 2.8vw;
line-height: 4.2vw;
letter-spacing: 0.5vw;
}
.pdct_n_p4_text_box_sub2{
padding: 1% 1vw 1%;
font-size: 1.8vw;
line-height: 4.2vw;
letter-spacing: 0.3vw;
}
.pdct_n_p4_text_box_text{
padding: 2vw 0vw 0vw 0vw;
font-size: 1.5vw;
line-height: 2.4vw;
letter-spacing: 0.14vw;
text-align: left;
}
.pdct_n_p4_text_box_text_sub{
padding: 1vw 0vw 2vw;
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: 0.05vw;
text-align: left;
}
.pdct_n_p4_text_box_img{
padding: 1% 0% 3%;
}
.pdct_n_p4_text_box_img img{
width:100%;
}
.pdct_n_p4_text_description{
padding: 10% 0vw;
}
.pdct_n_p4_text_description2{
padding: 10% 0vw 0%;
}
.pdct_n_p4_text_dcp_no{
font-size: 2.2vw;
padding: 0.3vw 0.8vw;
display: inline-block;
}
.pdct_n_p4_text_dcp_box{
padding: 0% 10% 5% 14%;
}
.pdct_n_p4_text_dcp_text{
font-size: 1.5vw;
line-height: 2.5vw;
letter-spacing: 0.18vw;
text-align: left;
}
.pdct_n_p4_text_dcp_img {
padding-bottom: 13%;
}
.pdct_n_p4_text_dcp_img img{
width:100%;
}
.pdct_n_p4_text_dcp_img2 {
padding-bottom: 0%;
}
.pdct_n_p4_text_dcp_img2 img{
width:100%;
}
}

.pdct_n_p4_slider {
text-align: center;
}
@media screen and (max-width: 767px) {
.pdct_n_p4_slider{
margin: 100px auto 30px;
width: 96%;
}
.pdct_n_p4_slider li {
text-decoration: none;
}

.pdct_n_p4_slider img{
height: auto;
}
.slick-prev::before, .slick-next::before {
color: #fd912e !important;
}
.slick-slide {
width: 1.3% !important;
}
}
@media screen and (min-width: 768px) {
ul.pdct_n_p4_slider{
margin: 100px auto;
width: 100%;
}
ul.pdct_n_p4_slider li{
display: inline;
}
ul.pdct_n_p4_slider li a{
text-decoration: none;
float: left;
width:25%;
}
.pdct_n_p4_slider img{
height: auto;
width: 15vw;
padding-right: 1.2vw;
}
ul.pdct_n_p4_slider li a:hover{
text-decoration: none;
}
}

@media screen and (max-width: 767px) {
.pdct_n_p4_1_pc{
display:none;
}
.pdct_n_p4_1_sp{
}
.pdct_n_p4_1_sp_box{
padding:1vw 1vw !important;
}
.pdct_n_p4_1_sp_ttl{
text-align:left;
color:#fd912e;
padding: 0vw 0vw 1.5vw;
font-size: 5vw;
line-height: 5vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_sp_img{
width:100%;
text-align:center;
}
.pdct_n_p4_1_sp_img img{
width:94%;
}
.pdct_n_p4_1_sp_text{
text-align: left;
color: #373232;
padding: 3vw 0vw;
font-size: 4vw;
line-height: 6vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_sp_text2{
text-align: left;
color: #373232;
padding: 1vw 0vw;
font-size: 3.3vw;
line-height: 4.2vw;
letter-spacing: 0.12vw;
width: 94%;
}
.pdct_n_p4_1_sp_sub{
text-align: left;
color: #373232;
padding: 3vw 0vw 0vw 0vw;
font-size: 2.5vw;
line-height: 2.5vw;
letter-spacing: 0.09vw;
}
.pdct_n_p4_1_sp_icon{
width: 10.2vw;
display: inline-block;
vertical-align: sub;
padding-right: 1.9vw;
}
.pdct_n_p4_1_sp_icon img{
width: 100%;
}
.pdct_n_p4_1_sp_icon2{
width: 8.0vw;
display: inline-block;
vertical-align: sub;
padding-right: 1.9vw;
}
.pdct_n_p4_1_sp_icon2 img{
width: 100%;
}
.pdct_n_p4_1_sp_icon3{
width: 4.5vw;
display: inline-block;
vertical-align: sub;
padding-right: 0.7vw;
}
.pdct_n_p4_1_sp_icon3 img{
width: 100%;
}
.pdct_n_p4_1_sp_box2{
padding: 1vw 2vw !important;
background:#e3e2e2;
margin-top: 3vw !important;
}
.pdct_n_p4_1_sp_ttl2{
text-align: center;
color:#373232;
padding: 5vw 0vw;
font-size: 6.9vw;
line-height: 6.9vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_sp_attention{
text-align: center;
color: #373232;
padding: 2vw 0vw 2vw 0vw;
font-size: 2.2vw;
line-height: 3.7vw;
letter-spacing: 0.09vw;
}
.pdct_n_p4_1_sp_r{
position: absolute;
top: 56vw;
right: -2vw;
color: #fd912e;
font-size: 3vw;
display: flex;
}
.pdct_n_p4_1_sp_r img{
width: 4vw;
height: 8.6vw;
}
.pdct_n_p4_1_sp_l{
position: absolute;
top: 56.0vw;
left: -2vw;
color: #fd912e;
font-size: 3vw;
display: flex;
}
.pdct_n_p4_1_sp_l img{
width: 4vw;
height: 8.6vw;
}
}
@media screen and (min-width: 768px) {
.pdct_n_p4_1_sp{
display:none;
}
.pdct_n_p4_1_pc{
}
.pdct_n_p4_1_pc_box{
padding:1vw 1vw !important;
min-height: 45vw;
}
.pdct_n_p4_1_pc_ttl{
text-align:left;
color:#fd912e;
padding: 2vw 0vw 0.3vw;
font-size: 1.5vw;
line-height: 2.7vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_pc_img{
width:100%;
text-align:center;
}
.pdct_n_p4_1_pc_img img{
width:100%;
}
.pdct_n_p4_1_pc_text{
text-align: left;
color: #373232;
padding: 2vw 0vw;
font-size: 1.5vw;
line-height: 2.3vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_pc_text2{
text-align:left;
color:#373232;
padding: 1vw 0vw;
font-size: 1.3vw;
line-height: 2.2vw;
letter-spacing: 0.12vw;
}
.pdct_n_p4_1_pc_sub{
text-align: left;
color: #373232;
padding: 1vw 0vw 0vw 0vw;
font-size: 1.1vw;
line-height: 1.7vw;
letter-spacing: 0.09vw;
}
.pdct_n_p4_1_pc_icon{
width: 3.5vw;
display: inline-block;
vertical-align: sub;
padding-right: 0.5vw;
}
.pdct_n_p4_1_pc_icon img{
width: 100%;
}
.pdct_n_p4_1_pc_icon2{
width: 2.8vw;
display: inline-block;
vertical-align: sub;
padding-right: 0.5vw;
}
.pdct_n_p4_1_pc_icon2 img{
width: 100%;
}
.pdct_n_p4_1_pc_icon3{
width: 1.9vw;
display: inline-block;
vertical-align: sub;
padding-right: 0.3vw;
}
.pdct_n_p4_1_pc_icon3 img{
width: 100%;
}
.pdct_n_p4_1_pc_box2{
padding: 1vw 2vw !important;
background:#e3e2e2;
margin-top: 3vw !important;
}
.pdct_n_p4_1_pc_ttl2{
text-align:center;
color:#373232;
padding: 2vw 0vw;
font-size: 1.9vw;
line-height: 2.7vw;
letter-spacing: 0.14vw;
}
.pdct_n_p4_1_pc_attention{
text-align: center;
color: #373232;
padding: 2vw 0vw 2vw 0vw;
font-size: 1.1vw;
line-height: 1.7vw;
letter-spacing: 0.09vw;
}
}

/***          modal e4         ***/


/***          modal e5         ***/

@media screen and (max-width: 767px) {
#pdct_n_p5_1{
padding:15% 0%;
}
.contents_shop_img {
float: left !important;
width: 50% !important;
padding: 1vw 3.4vw !important;
}
}
@media screen and (min-width: 768px) {
#pdct_n_p5_1{
padding:8% 0%;
}
.support_product_qa_ttl {
text-align: left !important;
}
}

/***          modal e5         ***/


/***          modal e6         ***/
.pdct_n_p6_ttl{
color: #3f3d3e;
font-weight: normal;
}

@media screen and (max-width: 767px) {
#pdct_n_p6_1{
padding:15% 0%;
}
#pdct_n_p6_2{
padding:7vw 0%;
}
#pdct_n_p6_3{
padding:15% 0%;
}
#pdct_n_p6_4{
padding:15% 0%;
}
.pdct_n_p6_1_img{
width:100%;
text-align: center;
padding: 2vw 6vw;
}
.pdct_n_p6_1_img img{
width:100%;
}
.pdct_n_p6_1_img_ttl{
text-align:center;
}
.pdct_n_p6_1_img_ttl img{
width:20vw;
}
.pdct_n_p6_ttl_box{
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p6_ttl_box2{
padding:0vw 0vw;
text-align:center;
}
.pdct_n_p6_ttl{
padding: 4vw 1vw 4vw;
font-size: 5.8vw;
line-height: 8.5vw;
letter-spacing: 0.4vw;
text-align: center;
}
.pdct_n_p6_text{
padding: 1vw 1vw 5vw;
font-size: 3.3vw;
line-height: 5.8vw;
letter-spacing: 0.1vw;
font-weight: normal;
text-align: center;
}
.pdct_n_p6_text2{
padding: 5vw 6vw 5vw;
font-size: 4.0vw;
line-height: 6.8vw;
letter-spacing: 0vw;
font-weight: normal;
}
.pdct_n_p6_text3{
padding: 0vw 6vw 2vw;
font-size: 3.3vw;
line-height: 4.9vw;
letter-spacing: 0.1vw;
font-weight: normal;
text-align: left;
}
.pdct_n_p6_text3b{
padding: 0vw 6vw 0.5vw;
font-size: 3.8vw;
line-height: 4.9vw;
letter-spacing: 0.1vw;
font-weight: normal;
text-align: left;
}
.pdct_n_p6_img_sp{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p6_img_sp img{
width:100%;
}
.pdct_n_p6_img_pc{
display:none;
}
.pdct_n_p6_img2_sp{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p6_img2_sp img{
width:100%;
}
.pdct_n_p6_img2_pc{
display:none;
}
.pdct_n_p6_imga2_sp{
width:100%;
padding:1vw 0vw;
text-align:center;
}
.pdct_n_p6_img2a_sp img{
width:80%;
}
.pdct_n_p6_img2a_pc{
display:none;
}
.pdct_n_p6_img3_sp{
width:100%;
padding:3vw 0vw 1vw;
text-align:center;
}
.pdct_n_p6_img3_sp img{
width:100%;
}
.pdct_n_p6_img3_pc{
display:none;
}
.pdct_n_p6_text2_img{
width: 50vw;
padding: 1vw 0vw 0vw 6vw;
text-align: left;
position: relative;
top: -5vw;
}
.pdct_n_p6_text2_img img{
width: 37vw;
}
.pdct_n_p6_ttl2{
padding: 6vw 1vw 6vw;
font-size: 5.8vw;
line-height: 8.5vw;
letter-spacing: 0.1vw;
text-align: left;
}
.pdct_n_p6_text4{
padding: 1vw 1vw 1vw;
font-size: 3.8vw;
line-height: 6.9vw;
letter-spacing: 0.2vw;
font-weight: normal;
text-align: left;
}
.pdct_n_p6_text4_sub{
font-size: 3.3vw;
line-height: 5.8vw;
letter-spacing: 0.4vw;
padding-top: 3vw;
}
}
@media screen and (min-width: 768px) {
#pdct_n_p6_1{
padding:6vw 0% 3vw;
}
#pdct_n_p6_2{
padding:3vw 0%;
}
#pdct_n_p6_3{
padding:3vw 0%;
}
#pdct_n_p6_4{
padding:3vw 0%;
}
.pdct_n_p6_1_img{
width:100%;
text-align: center;
padding:1vw 6vw;
}
.pdct_n_p6_1_img img{
width:100%;
}
.pdct_n_p6_1_img_ttl{
text-align:center;
}
.pdct_n_p6_1_img_ttl img{
width:10vw;
}
.pdct_n_p6_ttl_box{
padding: 4vw 0vw 2vw;
text-align:left;
}
.pdct_n_p6_ttl_box2{
padding: 0vw 0vw 1vw;
text-align:left;
}
.pdct_n_p6_ttl{
padding: 1vw 1vw 1vw;
font-size: 3.0vw;
line-height: 4.0vw;
letter-spacing: 0.07vw;
text-align: center;
font-weight: 700;
}
.pdct_n_p6_text{
padding: 2vw 2vw 1.5vw 2vw;
font-size: 1.5vw;
line-height: 2.5vw;
letter-spacing: 0.04vw;
text-align: center;
}
.pdct_n_p6_text2{
padding: 3vw 2vw 2.5vw 0vw;
font-size: 1.2vw;
line-height: 2.0vw;
letter-spacing: 0.04vw;
text-align: left;
}
.pdct_n_p6_text3{
padding: 1vw 2vw 1.5vw 0vw;
font-size: 1.0vw;
line-height: 1.4vw;
letter-spacing: 0vw;
text-align: left;
}
.pdct_n_p6_img_sp{
display:none;
}
.pdct_n_p6_img_pc{
width:100%;
padding: 4vw 0vw 1vw;
text-align:center;
}
.pdct_n_p6_img_pc img{
width:100%;
}
.pdct_n_p6_img2_sp{
display:none;
}
.pdct_n_p6_img2_pc{
width:100%;
padding: 0vw 0vw 0vw;
text-align:center;
}
.pdct_n_p6_img2_pc img{
width:100%;
}
.pdct_n_p6_img2a_sp{
display:none;
}
.pdct_n_p6_img3_sp{
display:none;
}
.pdct_n_p6_img3_pc{
width:100%;
padding: 0vw 0vw 0vw;
text-align:center;
}
.pdct_n_p6_img3_pc img{
width:100%;
}
.pdct_n_p6_text2_img{
width: 13vw;
padding: 0vw 0vw;
text-align: left;
}
.pdct_n_p6_text2_img img{
width:100%;
}
.pdct_n_p6_ttl2{
padding: 0vw 0.5vw 0.5vw 2vw;
font-size: 2vw;
line-height: 2.9vw;
letter-spacing: -0.2vw;
text-align: left;
font-weight: 700;
}
.pdct_n_p6_text4{
padding: 0.5vw 1vw 1vw 2vw;
font-size: 1.4vw;
line-height: 2.3vw;
letter-spacing: 0vw;
text-align: left;
}
.pdct_n_p6_text4_sub{
font-size: 0.9vw;
line-height: 1.5vw;
letter-spacing: 0vw;
padding: 1vw 0vw;
}
}


/***          modal e6         ***/


/***          swiper         ***/
@media screen and (max-width: 767px) {
.swiper-container01 .swiper-wrapper {
display: block;
transform: inherit !important;
}
.swiper-container01 .swiper-slide {
width: 100% !important;
}
.swiper-container01 .swiper-button-prev, .swiper-container01 .swiper-button-next {
display: none;
}
.read_more {
text-align: right;
position: relative;
margin-top: 15vw !important;
}
.read_more span {
display: inline-block;
background-color: #231815;
color: #ffffff;
font-size: 2.93vw;
padding: 3vw 6vw;
}
.read_more:before {
content: '';
position: absolute;
top: 4.0vw;
display: inline-block;
width: 60vw;
height: 0.1vw;
background-color: #666;
left: 0;
}
}
@media screen and (min-width: 768px) {
.swiper-container01 {
padding-left: 2% !important;
}
.swiper-container01 .pd_i_box {
padding-right: 2% !important;
}
.swiper-container01 .swiper-button-prev {
left: 0px;
}
.swiper-container01 .swiper-button-next {
right: 0px;
}
.swiper-container01 .swiper-button-prev,
.swiper-container01 .swiper-button-next {
top: 6vw;
}
.swiper-container01 .swiper-button-prev,
.swiper-container01 .swiper-button-next{
width: 2.5vw;
height: 2.5vw;
}
.swiper-container01 .swiper-button-prev::after {
content: '';
background: url(/wp-content/themes/mytrex/img/product/rbm/prev@2x.png);
background-size: cover;
width: 2.5vw;
height: 2.5vw;
}
.swiper-container01 .swiper-button-next::after {
content: '';
background: url(/wp-content/themes/mytrex/img/product/rbm/next@2x.png);
background-size: cover;
width: 2.5vw;
height: 2.5vw;
}
.pd_i_ttl {
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
font-weight: bold;
}
.pd_i_text {
font-size: 0.9375vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text2 {
font-size: 0.9375vw;
line-height: 2vw;
letter-spacing: 0.0vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.read_more {
display: none;
}
}


/***          swiper         ***/

@media screen and (max-width: 767px) {
#pd_rbs{
margin-top: 22vw !important;
}
.pd_rbs_img{
text-align: center;
padding: 4vw;
}
.pd_rbs_img img{
width: 60vw;
}
}
@media screen and (min-width: 768px) {
#pd_rbs{
margin-top: 4.0vw !important;
margin-bottom:1vw;
}
.pd_rbs_img{
text-align: center;
padding: 2vw;
}
.pd_rbs_img img{
width: 20vw;
}
}

#loop_js {
display: -webkit-flex;
display: flex;
width: calc(1920px * 3);
overflow: hidden;
}
#loop_js > * {
/* width: 33.333333%;
height: auto; */
}
#loop_js > img {
width: 100%;
height: 200px;
object-fit: contain;
}
@media screen and (max-width: 767px) {
#loop_js {display: none;}
}

/* cart */
@media screen and (max-width: 767px) {
.wps-cart {width: 90% !important;}
.wps-cart .wps-cart-lineitem-img {
width: 90px !important;
height: 90px !important;
}
.wps-cart .wps-cart-lineitem-content {
width: calc(100% - 90px) !important;
}
.wps-cart .wps-quantity-decrement,
.wps-cart .wps-quantity-increment {
width: 35px !important;
height: 30px !important;
}
.wps-cart .css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 40px !important;
height: 30px !important;
}
.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
width: 130px !important;
box-sizing: border-box;
padding: 0px !important;
margin-right: 0vw !important;
margin-left: 0vw !important;
}
.css-vly9k7-cartLineItemQuantityIncDecCSS-cartLineItemQuantityDecCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-4eyj3r-lineItemQuantityCSS.css-4eyj3r-lineItemQuantityCSS {
width: 50px !important;
height: 40px !important;
max-height: 40px !important;
font-size: 20px !important;
}
.css-5h1y7j-cartLineItemQuantityIncDecCSS-cartLineItemQuantityIncCSS-CartLineItemQuantity {
font-size: 20px !important;
width: 40px !important;
height: 40px !important;
}
.css-h8v2nf-flexRowCSS-flexColSmallCSS-CartLineItem {
flex-direction: inherit !important;
}
li.menu_pc_list3 {
width: 6.5vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 20px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 18px !important;
color: rgb(18, 18, 18) !important;
}

.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}
.css-1ogidw7-priceCSS {
-moz-box-align: baseline;
align-items: baseline;
flex-direction: row;
-moz-box-pack: start;
justify-content: flex-end !important;
}

.css-1li0t40-PaginationItemsCSS {
max-width: 100% !important;
}
.pd_m_buy_area .wps-add-to-cart {
border-radius: 0 2px 2px 0 !important;
font-size: 15px !important;
padding: 17.50px 0 !important;
}
.pd_m_buy_area .wps-component-products-quantity {
width: 12% !important;
}
.css-5ow4qb-ProductOptionsCSS {
width: 45% !important;
}
.pd_m_buy_area .wps-component-products-add-button {
width: 43% !important;
}
.css-ixptq0-ProductOptionDropdownCSS {
margin: 0px 0px 0px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
border-radius: 1px !important;
padding: 2px 2px !important;
}
#cartin_sp.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.wps-btn button{
padding: 19.65px 19px 19.65px 2px!important;
text-decoration: none !important;
width: 100% !important;
max-width: 100% !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.wps-btn {
padding: 19.65px 19px 19.65px 2px!important;
text-decoration: none !important;
width: 100% !important;
max-width: 100% !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
font-size:  12px !important;
}
.css-1pbp7de-ProductVariantDropdownValueCSS {
padding: 8px !important;
font-size: 12px !important;
line-height: 16px !important;
}
#cartin_sp .wps-component-products-add-button {
width: 40% !important;
height: 10vw !important;
}
}
@media screen and (min-width: 768px) {
li.menu_pc_list3 {
width: 6.5vw !important;
}

li.menu_pc_list4 {
width: 2.2vw !important;
}

.wps-cart-title{
padding-bottom: 1vw;
}
.wps-after-cart-title{
font-size: 10px !important;
text-align: right;
}
.wps-cart-lineitem-title-content{
font-size: 16px !important;
line-height: 24px !important;
}
.css-56gymu-lineItemTitle[data-wps-is-empty="true"] {
margin-bottom: 0.2vw !important;
}
.css-1jb8zhg-removeStyles {
position: absolute;
top: 2px;
right: 0px;
font-size: 12px;
text-decoration: underline;
text-align: right;
padding: 4px 10px !important;
}

.wps-cart-lineitem-remove {
background-color: #b0b0b09c !important;
color: #fff !important;
text-decoration: none !important;
padding: 4px !important;
border-radius: 3px !important;
margin-top: 14px !important;
}

.css-aeq411-containerFluidCSS-lineItemQuantityContainer-CartLineItemQuantity {
padding: 0px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
width: 100px;
}
.css-xcwbnj-lineItemPriceCSS {
line-height: 1 !important;
padding-top: 8px !important;
font-size: 22px !important;
color: rgb(18, 18, 18) !important;
}
.pd_m_buy_area .wps-add-to-cart {
border-radius: 0 2px 2px 0 !important;
font-size: 1.2vw !important;
padding: 0.7vw 0 !important;
}
.css-1li0t40-PaginationItemsCSS {
max-width: 400px !important;
}
.css-1a7qhkb-CartFooterCSS p {
margin: 10px 0px !important;
}
.pd_m_buy_area .wps-component-products-quantity {
width: 6vw !important;
}
.css-5ow4qb-ProductOptionsCSS {
width: 18vw !important;
}
.pd_m_buy_area .wps-component-products-add-button {
width: 20vw !important;
}
.css-ixptq0-ProductOptionDropdownCSS {
margin: 0px 0px 0px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
border-radius: 1px !important;
padding: 2px 2px !important;
}
.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.wps-btn {
padding: 1.3vw 1.9vw 1.4vw 0.5vw !important;
text-decoration: none !important;
width: 100% !important;
max-width: 100% !important;
}
/* .css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
font-size: 0.9vw !important;
} */
.css-1pbp7de-ProductVariantDropdownValueCSS {
padding: 8px !important;
font-size: 12px !important;
line-height: 16px !important;
}
}

/*   */
@media screen and (max-width: 767px) {
.pd_atc_area_ttl{
padding: 8vw 0 4vw;
font-size: 4.0vw;
letter-spacing: 1vw;
text-align: center;
font-weight: 500;
}
.pd_atc_area{
padding-bottom: 5vw;
text-align: center;
}
.pd_atc_ttl{
font-size: 3.5vw;
font-weight: 700;
letter-spacing: 1vw;
line-height: 1;
padding-bottom: 1.5vw;
}
.pd_atc_txt{
font-size: 3.5vw;
letter-spacing: .3vw;
line-height: 1.8;
padding-bottom: 4vw;
}
.pd_atc_img1{
padding: 0vw 4vw 4vw;
}
.pd_atc_img1 img{
width: 100%;
}
.pd_atc_area2{
padding: 0 4vw 0 4vw;
margin-bottom: 14vw;
}
.pd_atc_area2_txt{
font-size: 3.2vw;
letter-spacing: .2vw;
line-height: 1.7;
padding-bottom: 6.0vw;
}
.pd_atc_area2_img{
padding-bottom: 1.5vw;
}
.pd_atc_area2_img img{
width: 100%;
}
.pd_atc_area2_txt2{
font-size: 2.0vw;
line-height: 1;
letter-spacing: .1vw;
}
.pd_atc_area2a{
float: left;
width: 65%;
padding: 6vw 0 0;
}
.pd_atc_area2b{
float: left;
width: 35%;
padding: 6vw 2vw 0 0vw;
}
.pd_atc_area2b img{
width:100%;
}
.pd_atc_area2a_sub{
font-size: 2.7vw;
letter-spacing: .2vw;
padding-bottom: 2vw;
}
.pd_atc_area2a_ttl{
font-size: 5.0vw;
letter-spacing: .15vw;
line-height: 1;
padding-bottom: 2vw;
}
.pd_atc_area2a_price{
font-size: 7vw;
font-weight: 800;
line-height: 1;
letter-spacing: .1vw;
}
.pd_atc_area2a_pricea{
font-size: 3vw;
font-weight: 400;
letter-spacing: 0.1vw;
padding-right: 1.5vw;
}
.pd_atc_area2a_priceb{
font-size: 2.5vw;
font-weight: normal;
letter-spacing: 0vw;
padding-left: 1.0vw;
}
.pd_atc_area2a_buy{
padding-bottom: 0.5vw;
}
.pd_atc_area2a_buy .css-1eu17sy-ProductQuantityCSS {
border-top: none;
border-bottom: none;
padding-top: 3vw;
width: 15vw;
position: absolute;
left: 36vw;
}
.pd_atc_area2a_buy .css-1o3iodl-buttonCSS-addToCartCSS-AddButton.css-1o3iodl-buttonCSS-addToCartCSS-AddButton{
background-color: #222;
position: absolute;
left: 50vw;
width: 46vw;
bottom: -1.7vw;
}
.css-azzsp7-ProductQuantityLabelCSS{
font-weight: normal;
color: rgb(18, 18, 18);
font-size: 2.5vw;
letter-spacing: 0.2vw;
padding-bottom: 1.2vw;
}
.pd_atc_area2a_buy .css-1o3iodl-buttonCSS-addToCartCSS-AddButton{
padding: 1.3vw 0;
border-radius: 0.6vw;
}
.pd_atc_area2a_txt{
font-size: 2.2vw;
line-height: 1;
letter-spacing: .1vw;
position: absolute;
bottom: -6.8vw;
right: 4vw;
}
.contents_attm_area{
padding-top: 15vw;
padding-bottom: 6vw;
}
.contents_attm_ttl{
padding: 4.5vw;
background: #f1f5f7;
position: relative;
}
.contents_attm_ttl2{
position: absolute;
background: #fff;
padding: 2vw;
font-size: 4.5vw;
letter-spacing: .5vw;
bottom: -1.9vw;
margin: 0 auto;
margin-top: 0;
text-align: center;
right: 25%;
left: 25%;
width: 50vw;
line-height: 1.1;
font-weight: 500;
}
.contents_attm_ttls{
font-size: 3.0vw;
letter-spacing: .3vw;
font-weight: 600;
}
}
@media screen and (min-width: 768px) {
.pd_atc_area_ttl{
padding: 5vw 0vw 3vw;
font-size: 1.4vw;
letter-spacing: 0.4vw;
text-align: center;
font-weight: 600;
}
.pd_atc_area{
padding-bottom: 5vw;
text-align: center;
}
.pd_atc_ttl{
font-size: 1.1vw;
font-weight: 700;
letter-spacing: .3vw;
line-height: 1;
padding-bottom: 1.5vw;
}
.pd_atc_txt{
font-size: 1.4vw;
letter-spacing: 0.2vw;
line-height: 1;
}
.pd_atc_img1{
padding-right: 0vw;
}
.pd_atc_img1 img{
width: 100%;
}
.pd_atc_area2{
padding: 0vw 0vw 0vw 2vw;
}
.pd_atc_area2_txt{
font-size: 0.9vw;
letter-spacing: 0.07vw;
line-height: 1.7;
padding-bottom: 1.2vw;
}
.pd_atc_area2_img{
padding-bottom: 0.3vw;
}
.pd_atc_area2_img img{
width: 100%;
}
.pd_atc_area2_txt2{
font-size: 0.7vw;
line-height: 1;
letter-spacing: 0.05vw;
}
.pd_atc_area2a{
float:left;
width:65%;
padding:1.5vw 0vw 0vw;
}
.pd_atc_area2b{
float:left;
width:35%;
padding: 1.0vw 0 0 1vw;
}
.pd_atc_area2b img{
width:100%;
}
.pd_atc_area2a_sub{
font-size: 0.7vw;
letter-spacing: 0.1vw;
padding-bottom: 0.5vw;
}
.pd_atc_area2a_ttl{
font-size: 1.3vw;
letter-spacing: 0.1vw;
line-height: 1;
padding-bottom: 0.8vw;
}
.pd_atc_area2a_price{
font-size: 2vw;
font-weight: 800;
line-height: 1;
letter-spacing: 0.1vw;
}
.pd_atc_area2a_pricea{
font-size: 0.9vw;
font-weight: normal;
letter-spacing: 0vw;
padding-right: 0.5vw;
}
.pd_atc_area2a_priceb{
font-size: 0.8vw;
font-weight: normal;
letter-spacing: 0vw;
padding-left: 0.2vw;
}
.pd_atc_area2a_buy{
padding-bottom: 0.5vw;
}
.pd_atc_area2a_buy .css-1eu17sy-ProductQuantityCSS {
border-top: none;
border-bottom: none;
padding-top: 1.2vw;
width: 5vw;
}
.pd_atc_area2a_buy .css-1o3iodl-buttonCSS-addToCartCSS-AddButton.css-1o3iodl-buttonCSS-addToCartCSS-AddButton{
background-color: rgb(34, 34, 34);
position: absolute;
left: 7vw;
width: 15vw;
bottom: 1.0vw;
}
.css-azzsp7-ProductQuantityLabelCSS{
font-weight: normal;
color: rgb(18, 18, 18);
font-size: 0.8vw;
letter-spacing: 0.2vw;
padding-bottom: 0.2vw;
}
.pd_atc_area2a_buy .css-1o3iodl-buttonCSS-addToCartCSS-AddButton{
padding: 0.4vw 0;
border-radius: .6vw;
}
.pd_atc_area2a_txt{
font-size: .7vw;
line-height: 1;
letter-spacing: .05vw;
position: absolute;
bottom: -0.2vw;
}
.contents_attm_area{
padding-top: 10vw;
padding-bottom: 3vw;
}
.contents_attm_ttl{
padding: 2vw;
background: #f1f5f7;
position: relative;
}
.contents_attm_ttl2{
position: absolute;
background: #fff;
padding: 2vw 2vw;
font-size: 1.7vw;
letter-spacing: .3vw;
bottom: -1.9vw;
margin: 0 auto;
    margin-top: 0px;
text-align: center;
right: 25%;
left: 25%;
width: 25vw;
line-height: 1.2;
font-weight: 500;
}
.contents_attm_ttls{
font-size: 1.3vw;
letter-spacing: .3vw;
font-weight: 600;
}
}

/***          P2          ***/
@media screen and (max-width: 767px) {
.pd_p2_ttl{
font-size: 5.3vw;
text-align: center;
font-weight: 600;
letter-spacing: 1.5vw;
color: #231815;
padding-bottom: 5vw;
padding-left: 1.5vw;
}
.pd_p2c{
background: #f1f5f7;
}
.pd_p2_ttl2{
font-size: 4vw;
text-align: center;
font-weight: 600;
letter-spacing: 1.1vw;
color: #231815;
padding: 9vw 0 7vw .3vw;
transform: scale(1,1);
}
.pd_p2_ttl_sub{
text-align: left;
font-size: 4.2vw;
font-weight: 400 !important;
letter-spacing: .4vw;
padding: 4vw 6vw 2vw;
line-height: 1.7;
}
.pd_p2_ttl_sub sup{
font-size: 2.5vw;
vertical-align: unset;
}
.pd_p2_ttl_sub2{
text-align: left;
font-size: 2.2vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 4vw 0vw 1vw;
line-height: 1;
}
.pd_p2_txt_box{
padding-left: 0vw !important;
}
.pd_p2_txt{
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .2vw;
padding: 0vw 6vw 8vw;
}
.pd_p2_txt_ha{
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .2vw;
padding: 0vw 6vw 8vw;
}
.pd_p2_img{
width: 100%;
padding: 0vw 6vw;
}
.pd_p2_img img{
width:100%;
height: auto;
}
.pd_p2_img2{
width: 100%;
padding: 0vw 6vw 12vw;
}
.pd_p2_img2a{
float: left;
width: 50%;
position: relative;
padding-right: 1.25vw;
}
.pd_p2_img2a img {
width:100%;
height:auto;
}
.pd_p2_img2a2{
position: absolute;
right: 0.7vw;
width: 13vw;
height: 13vw;
top: -2vw;
}
.pd_p2_img2a2 img {
width:100%;
height:auto;
}
.pd_p2_img2a3{
float: left;
width: 50%;
position: relative;
padding-right: 1.25vw;
}
.pd_p2_img2a3 img {
width:100%;
height:auto;
}
.pd_p2_img2b{
float: left;
width: 50%;
position: relative;
padding-left: 1.25vw;
}
.pd_p2_img2b img {
width:100%;
height:auto;
}
.pd_p2_img2b2{
position: absolute;
right: -0.7vw;
width: 13vw;
height: 13vw;
top: -2vw;
}
.pd_p2_img2b2 img {
width:100%;
height:auto;
}
.pd_p2_img2b3{
float: left;
width: 50%;
position: relative;
padding-left: 4.5vw;
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .25vw;
}
.pd_p2_img2b3b{
font-size: 2.0vw;
line-height: 1;
letter-spacing: .2vw;
padding-top: 2.5vw;
}
.pd_p2_txt2{
width: 100%;
padding: 0vw 6vw 0vw;
}
.pd_p2_txt2a{
width: 60%;
float: left;
}
.pd_p2_txt2a_ttl{
font-size: 2.9vw;
padding-bottom: 3vw;
letter-spacing: 0.3vw;
line-height: 1.5;
}
.pd_p2_txt2a_ttl2{
font-size: 4.5vw;
font-weight: 700;
padding-bottom: 3vw;
letter-spacing: .3vw;
transform: scale(1,1);
}
.pd_p2_txt2a_price{

}
.pd_p2_txt2a_price1{
font-size: 3vw;
}
.pd_p2_txt2a_price2{
font-size: 6.8vw;
font-weight: 700;
padding: 0 1.4vw;
letter-spacing: .08vw;
}
.pd_p2_txt2a_price3{
font-size: 3vw;
}
.pd_p2_txt2b{
width: 40%;
float: left;
padding: 1.2vw 1.2vw 1.2vw 1.2vw;
}
.pd_p2_txt2b img{
width: 100%;
height: auto;
}
.pd_p2_txt2b_ha{
width: 40%;
float: left;
padding: 0vw 2.5vw;
}
.pd_p2_txt2b_ha img{
width: 100%;
height: auto;
}
.pd_p2_txt3{
font-size: 2.2vw;
line-height: 1.8;
padding: 0vw 6vw;
letter-spacing: 0.08vw;
padding-bottom: 14vw;
}
.pd_p_img{
background: #f0f2f473;
padding-bottom: 12vw;
}
.pd_p_s_ttl_sub{
position: absolute;
bottom: 64.5vw;
font-size: 4vw;
letter-spacing: 0.4vw;
padding-left: 0.4vw;
text-align: center;
width: 100%;
}
.pd_p_s_ttl{
position: absolute;
bottom: 51.5vw;
font-size: 12vw;
letter-spacing: 0.1vw;
padding-left: 0.4vw;
text-align: center;
width: 100%;
transform: scale(1,1.05);
}
.pd_p_s_txt{
text-align: center;
font-size: 4vw;
line-height: 1.7;
padding: 10vw 0 6vw;
letter-spacing: .2vw;
}
.pd_p_s_link{
background: #0b1c13;
font-size: 3.1vw !important;
color: #fff !important;
text-align: center;
padding: 4vw !important;
letter-spacing: .5vw;
width: 80%;
margin: 0 10%;
transform: scale(1,.97);
}
.pd_p_s_link_arrow::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pd_p_s_link_arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.pd_p_s_link_arrow::before,
.pd_p_s_link_arrow::after{
right: -45vw !important;
width: 7px;
height: 7px;
border-top: 1.5px solid #fff;
border-right: 1.5px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fs_cart_add2 form > table tr {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
  font-size: 3vw;
  line-height: 1.5;
width: auto;
letter-spacing: .2vw;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
  width: 100%;
}
.fs_cart_add2 form {
padding: 0 0vw;
margin-top: 4vw !important;
margin-bottom: 5vw !important;
}
.fs_cart_add2 form span {
font-size: 2.8vw !important;
}
.fs_cart_add2 form > table {
  width: 100%;
}
.fs_cart_add2 form select {
  padding: 1vw 4vw 1vw 1vw !important;
}
.fs_cart_add2 form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
  padding: .4vw 1.8vw .4vw .9vw !important;
  cursor: pointer;
}
.fs_cart_add2 select {
  border-radius: 0;
  border: none;
  font-size: 3vw;
  margin: 1vw 0 2vw;
  padding: .5vw 0 .5vw .4vw;
  background: #e7e7e7;
}
.fs_cart_add2 form > table tr td input[type="text"] {
height: 10.85vw;
margin-top: 1.2vw;
font-size: 3vw;
background-color: #fff;
width: 100%;
padding: 0 7px;
text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
  height: 10.85vw;
  font-size: 3vw;
  border: none;
  width: 100%;
  background-color: #222;
  color: #fff;
}
}
@media screen and (min-width: 768px) {
.pd_p2_ttl{
font-size: 1.5vw;
text-align: center;
font-weight: 600;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 2vw;
}
.pd_p2_ttl2{
font-size: 1.2vw;
text-align: center;
font-weight: 600;
letter-spacing: 0.2vw;
color: #231815;
padding: 5vw 0vw 2vw 0.3vw;
transform: scale(1,0.9);
}
.pd_p2_ttl_sub{
text-align: center;
font-size: 1.6vw;
font-weight: normal !important;
letter-spacing: 0.2vw;
padding-bottom: 5.5vw;
}
.pd_p2_ttl_sub2{
text-align: center;
font-size: 0.7vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 3vw 0vw 0vw;
}
.pd_p2_ttl_sub3{
font-size: .7vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 1vw 0 0;
}
.pd_p2_txt_box{
padding-left: 2vw !important;
}
.pd_p2_txt{
font-size: 0.9vw;
line-height: 1.5;
letter-spacing: .06vw;
padding-bottom: 1.9vw;
}
.pd_p2_txt_ha{
font-size: 0.9vw;
line-height: 1.5;
letter-spacing: .06vw;
padding-bottom: 1.5vw;
}
.pd_p2_img{

}
.pd_p2_img img{
width:100%;
height: auto;
}
.pd_p2_img2{
width: 100%;
padding-bottom: 1vw;
}
.pd_p2_img2a{
float: left;
width: 50%;
position: relative;
padding-right: 0.5vw;
}
.pd_p2_img2a img {
width:100%;
height:auto;
}
.pd_p2_img2a2{
position: absolute;
right: 0vw;
width: 3.5vw;
height: 3.5vw;
top: -1vw;
}
.pd_p2_img2a2 img {
width:100%;
height:auto;
}
.pd_p2_img2a3{
width: 100%;
position: relative;
padding-right: 0.5vw;
}
.pd_p2_img2a3 img {
width:100%;
height:auto;
}
.pd_p2_img2b{
float: left;
width: 50%;
position: relative;
padding-left: 0.5vw;
}
.pd_p2_img2b img {
width:100%;
height:auto;
}
.pd_p2_img2b2{
position: absolute;
right: -0.5vw;
width: 3.5vw;
height: 3.5vw;
top: -1vw;
}
.pd_p2_img2b2 img {
width:100%;
height:auto;
}
.pd_p2_txt2{

}
.pd_p2_txt2a{
width: 60%;
float: left;
}
.pd_p2_txt2a_ttl{
font-size: .9vw;
padding-bottom: 1vw;
}
.pd_p2_txt2a_ttl2{
font-size: 1.5vw;
font-weight: 700;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
transform: scale(1, 0.9);
}
.pd_p2_txt2a_price{

}
.pd_p2_txt2a_price1{
font-size: 1vw;
}
.pd_p2_txt2a_price2{
font-size: 1.7vw;
font-weight: 700;
padding: 0vw 0.4vw;
letter-spacing: 0.05vw;
}
.pd_p2_txt2a_price3{
font-size: 1vw;
}
.pd_p2_txt2b{
width: 40%;
float: left;
padding: 1.2vw 1.2vw 1.2vw 1.2vw;
}
.pd_p2_txt2b img{
width: 100%;
height: auto;
}
.pd_p2_txt2b_ha{
width: 40%;
float: left;
padding: 0vw 1.5vw;
}
.pd_p2_txt2b_ha img{
width: 100%;
height: auto;
}
.pd_p2_txt3{
font-size: 0.8vw;
line-height: 1.4;
}
.fs_cart_add2 form {
margin-top: 1vw !important;
margin-bottom: 1vw !important;
}
.fs_cart_add2 form > table {
  width: 100%;
}
.fs_cart_add2 form > table tr {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
  width: auto;
  font-size: .8vw;
  letter-spacing: .2vw;
  line-height: 1.3;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
  width: 100%;
}
.fs_cart_add2 form select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
  padding: .4vw 1.8vw .4vw .9vw !important;
  cursor: pointer;
}
.fs_cart_add2 select {
  border-radius: 0;
  border: none;
  font-size: .8vw;
  margin: .3vw 0 .5vw;
  background: #e7e7e7;
  padding: .4vw 0 .4vw .1vw;
}
.fs_cart_add2 form > table tr td input[type="text"] {
  background-color: #fff;
  width: 100%;
  height: 3.85vw;
  margin-top: .2vw;
  font-size: .8vw;
  padding: 0 7px;
  text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
  border: none;
  width: 100%;
  height: 3.85vw;
  background-color: #222;
  color: #fff;
  font-size: .8vw;
}
}
/***          P2          ***/

/* 返品保証 */
.pd_t_sup_box2_ttl {
color: #c3996d;
}
.pd_t_sup_ttl:before, .pd_t_sup_ttl:after {
background-color: transparent;
}
@media screen and (max-width: 767px) {
.pd_t_sup_box1_texta {
color: #d79713;
}
}

/* 多言語化対応 */
@media screen and (min-width: 768px) {
  .pd_h_box_img {
    position: relative;
  }
  .pd_h_box_txt1a {
    font-size: 1.2vw;
    /* letter-spacing: 0.04em; */
  }
  .pd_h_box_txt1b {
      font-size: 1.1vw;
      letter-spacing: 0.04em;
  }
  .pd_h_box_txt2a {
      font-size: 1.4vw;
      letter-spacing: 0.04em;
      margin-bottom: 1.5vw;
  }
  .pd_h_box_txt2b {
      display: inline-block;
  }
  .pd_h_box_txt2b_1:not(:nth-child(2)) {
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt2b_1a {
      font-size: 1.0vw;
      letter-spacing: 0.04em;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #000;
      padding-bottom: 0.35vw;
      margin-bottom: 0.35vw;
  }
  .pd_h_box_txt2b_1a span {
      display: flex;
      align-items: center;
      margin-left: 0.5vw;
  }
  .pd_h_box_txt2b_1a span i {
      display: flex;
      align-items: center;
  }
  .pd_h_box_txt2b_1a span i::after {
      content: '';
      display: inline-block;
      width: 0.3vw;
      height: 0.3vw;
      border-radius: 50%;
      background-color: #000000;
      margin-right: 0.2vw;
  }
  .pd_h_box_txt2b_1b {
      font-size: 0.8vw;
      letter-spacing: 0.04em;
  }
  .pd_h_box_txt2b_1c {
      font-size: 2.2vw;
      letter-spacing: 0.05em;
  }
  .pd_h_box_txt2b_1c span {
      font-size: 1.9vw;
  }
  .pd_h_box_txt2b_1d {
      font-size: 0.7vw;
      display: inline-block;
      padding: 0.1vw;
      border: 1px solid #000;
      border-radius: 50%;
  }
  .pd_h_box_txt3a {
      font-size: 1.25vw;
      letter-spacing: 0.02em;
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt3b {
      font-size: 1.4vw;
      letter-spacing: 0.06em;
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt3b span {
      font-size: 1.8vw;
  }
  .pd_h_box_txt3c {
      font-size: 1.4vw;
      letter-spacing: 0.06em;
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt3c span {
      font-size: 1.8vw;
  }
  .pd_h_box_txt3d {
      font-size: 1.0vw;
      letter-spacing: 0.06em;
      line-height: 1.35;
  }
  .pd_h_box_txt4a {
      font-size: 1.4vw;
      letter-spacing: 0.06em;
      /* margin-bottom: 0.4vw; */
      padding-left: 1vw;
  }
  .pd_h_box_txt4a span {
      font-size: 1.0vw;
  }
  .pd_h_box_txt4b {
      font-size: 1.4vw;
      letter-spacing: 0.04em;
      line-height: 1.1;
      margin-bottom: 1.0vw;
      padding-left: 1vw;
  }
  .pd_h_box_txt4c {
      font-size: 1.0vw;
      letter-spacing: 0.06em;
      line-height: 1.4;
      margin-bottom: 1.3vw;
      padding-left: 1vw;
  }
  .pd_h_box_txt4d {
      display: inline-block;
      border-radius: 5px;
      border: 1px solid #000;
      font-size: 1.4vw;
      line-height: 1.4;
      width: 14vw;
  }
  .pd_h_box_txt4d table {
    width: 100%;
  }
  .pd_h_box_txt4d table tr:not(:first-child) {
      border-top: 1px solid #000;
  }
  .pd_h_box_txt4d table tr:first-child {
      background-color: #716f70;
      color: #fff;
  }
  .pd_h_box_txt4d table tr:first-child th {
      border-radius: 3px 3px 0 0;
  }
  .pd_h_box_txt4d table tr:first-child th:nth-child(1) {
      border-right: 1px solid #000;
  }
  .pd_h_box_txt4d table tr td:nth-child(1) {
      background-color: #88898940;
      border-right: 1px solid #000;
  }
  .pd_h_box_txt4d table th,
  .pd_h_box_txt4d table td {
      padding: 0.7vw 0;
      text-align: center;
      vertical-align: middle;
  }
  .pd_h_box_txt1 {
      position: absolute;
      left: 1.5vw;
      top: 15vw;
  }
  .pd_h_box_txt2 {
      position: absolute;
      left: 2.7vw;
      top: 22.4vw;
  }
  .pd_h_box_txt3 {
      position: absolute;
      left: 29vw;
      top: 43vw;
  }
  .pd_h_box_txt4 {
      position: absolute;
      right: 2vw;
      top: 2.0vw;
  }
}

@media screen and (max-width: 767px) {
  .pd_h_box_img {
    position: relative;
  }
  .pd_h_box_txt1a {
    font-size: 3.3vw;
    letter-spacing: 0.15em;
    font-weight: bold;
  }
  .pd_h_box_txt1b {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
  }
  .pd_h_box_txt2 {
      display: inline-block;
  }
  .pd_h_box_txt2a {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      line-height: 1.1;
      font-weight: bold;
      margin-bottom: 3vw;
  }
  .pd_h_box_txt2b_1:not(:nth-child(2)) {
      margin-bottom: 2vw;
  }
  .pd_h_box_txt2b_1a {
      font-size: 2.5vw;
      letter-spacing: 0.04em;
  }
  .pd_h_box_txt2b_1a {
      display: flex;
      align-items: center;
      padding-bottom: 0.5vw;
      border-bottom: 1px solid #000;
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt2b_1a span {
      display: flex;
      align-items: center;
      margin-left: 2vw;
  }
  .pd_h_box_txt2b_1a span i {
      display: flex;
      align-items: center;
      margin-right: 0.5vw;
  }
  .pd_h_box_txt2b_1a span i:after {
      content: '';
      display: inline-block;
      width: 0.6vw;
      height: 0.6vw;
      border-radius: 50%;
      background-color: #000;
      margin-right: 0.2vw;
  }
  .pd_h_box_txt2b_1b {
      font-size: 2.1vw;
      letter-spacing: 0.04em;
      margin-bottom: 0.5vw;
  }
  .pd_h_box_txt2b_1c {
      font-size: 5.8vw;
      letter-spacing: 0.05em;
  }
  .pd_h_box_txt2b_1c span {
      font-size: 4.5vw;
  }
  .pd_h_box_txt2b_1d {
      font-size: 1.6vw;
      display: inline-block;
      padding: 0.5vw;
      border: 1px solid #000;
      border-radius: 50%;
  }
  .pd_h_box_txt3a {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      font-weight: bold;
      margin-bottom: 2.5vw;
  }
  .pd_h_box_txt3b {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      font-weight: bold;
      margin-bottom: 1.0vw;
  }
  .pd_h_box_txt3c {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      font-weight: bold;
      margin-bottom: 2.5vw;
  }
  .pd_h_box_txt3d {
      font-size: 2.6vw;
      letter-spacing: 0.125em;
      line-height: 1.4;
  }
  .pd_h_box_txt4a {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      font-weight: bold;
      margin-bottom: 1vw;
  }
  .pd_h_box_txt4b {
      font-size: 3.3vw;
      letter-spacing: 0.15em;
      font-weight: bold;
      margin-bottom: 2.5vw;
  }
  .pd_h_box_txt4c {
      font-size: 2.6vw;
      letter-spacing: 0.125em;
      margin-bottom: 2.5vw;
  }
  .pd_h_box_txt4d {
      display: inline-block;
      border-radius: 5px;
      border: 1px solid #000;
      font-size: 1.4vw;
      line-height: 1.4;
      width: 85vw;
  }
  .pd_h_box_txt4d table {
      width: 100%;
  }
  .pd_h_box_txt4d table tr:not(:first-child) {
      border-top: 1px solid #000;
  }
  .pd_h_box_txt4d table tr th {
      background-color: #716f70;
      color: #fff;
  }
  .pd_h_box_txt4d table tr td {
      border-left: 1px solid #000;
  }
  .pd_h_box_txt4d table tr:last-child td {
      background-color: #88898940;
  }
  .pd_h_box_txt4d table th,
  .pd_h_box_txt4d table td {
      padding: 2.0vw 0;
      text-align: center;
      vertical-align: middle;
      font-size: 2.5vw;
      letter-spacing: 0.08em;
  }
  .pd_h_box_img {
      position: relative;
  }
  .pd_h_box_txt1 {
      position: absolute;
      left: 4.0vw;
      top: 6.0vw;
  }
  .pd_h_box_txt2 {
      position: absolute;
      left: 4vw;
      top: 28vw;
  }
  .pd_h_box_txt3 {
      position: absolute;
      right: 8vw;
      top: 82vw;
  }
  .pd_h_box_txt4 {
      position: absolute;
      left: 2vw;
      bottom: 5vw;
  }
}

/* 多言語対応(フランス語,英語) */
font + br {
	display: none;
}
@media screen and (min-width: 768px) {
  html:lang(en) .pd_ttl_fb,
  html:lang(fr) .pd_ttl_fb {
    white-space: nowrap;
  }
  html:lang(en) #pd_e,
  html:lang(fr) #pd_e {
    padding-bottom: 15%;
  }
  html:lang(en) .pd_box_le2c7,
  html:lang(fr) .pd_box_le2c7 {
    bottom: -10vw;
  }
  html:lang(en) #pd_h2,
  html:lang(fr) #pd_h2 {
    padding-bottom: 13%;
  }
  html:lang(en) .pd_h_box_txt2,
  html:lang(fr) .pd_h_box_txt2 {
    left: 0;
  }
  html:lang(en) .pd_h_box_txt3,
  html:lang(fr) .pd_h_box_txt3 {
    width: 18vw;
    left: 28vw;
  }
  html:lang(en) .pd_h_box_txt4,
  html:lang(fr) .pd_h_box_txt4 {
    right: inherit;
    left: 47vw;
    top: 1vw;
  }
  html:lang(en) .pd_h_box_txt4d,
  html:lang(fr) .pd_h_box_txt4d {
    width: 18vw;
  }
}
@media screen and (max-width: 767px) {
  html:lang(en) .pd_h_box_txt2,
  html:lang(fr) .pd_h_box_txt2 {
    width: 23vw;
  }
  html:lang(en) .pd_h_box_txt3,
  html:lang(fr) .pd_h_box_txt3 {
    right: 10vw;
    top: 60vw;
    width: 50vw;
  }
  html:lang(en) .pd_h_box_txt4,
  html:lang(fr) .pd_h_box_txt4 {
    top: 650px;
  }
  html:lang(en) .pd_h_box_txt4d,
  html:lang(fr) .pd_h_box_txt4d {
    overflow-x: auto;
    border-right: none;
  }
  html:lang(en) .pd_h_box_txt4d table th,
  html:lang(en) .pd_h_box_txt4d table td,
  html:lang(fr) .pd_h_box_txt4d table th,
  html:lang(fr) .pd_h_box_txt4d table td {
    padding: 2vw 2vw;
  }
  html:lang(en) .pd_h_box_txt4d table tr td:last-child,
  html:lang(fr) .pd_h_box_txt4d table tr td:last-child {
    border-right: 1px solid #000;
  }
  html:lang(en) .pd_h_box_img,
  html:lang(fr) .pd_h_box_img {
    padding-bottom: 80vw;
  }
}

/* end sale */
@media screen and (max-width: 767px) {
.item_end_sale_icon{
	background: #d73a28;
    color: #ffffff;
    font-size: 2.8vw;
    text-align: center;
    padding: 1.2vw 0.5vw 1vw 1.9vw;
    line-height: 1;
    width: 50vw;
    letter-spacing: 0.5vw;
    margin: 4vw auto 3vw !important;
}
.item_end_sale_comment{
	color: #000000;
    font-size: 3.2vw;
    font-weight: 600;
    letter-spacing: 0.1vw;
    line-height: 1;
    padding-top: 1.3vw;
}
.item_end_sale_comment a{
	font-size: 3.2vw;
    color: #d73a28;
}
}
@media screen and (min-width: 768px) {
.item_end_sale_icon{
	background: #d73a28;
    color: #ffffff;
    font-size: 0.9vw;
    text-align: center;
    padding: 0.4vw 0.5vw 0.4vw 0.9vw;
    line-height: 1;
    width: 7vw;
    letter-spacing: 0.15vw;
    margin-top: 0.5vw !important;
}
.item_end_sale_comment{
	color: #000000;
    font-size: 1.4vw;
    font-weight: 600;
    letter-spacing: 0.1vw;
    line-height: 1;
    padding-top: 1.3vw;
}
.item_end_sale_comment a{
	font-size: 1.4vw;
    color: #d73a28;
}
}