@charset "utf-8";
.smv{
background:url(../img/equip_smv.png);
background-size:cover;
background-position:center center;
height:400px;
margin-bottom:100px;
}


.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 20px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 11.5em);
}
.point_border span:before {
left:-2em;
}
.point_border span:after {
right:-2em;
}

.sec_tit{
font-size:30px;
text-align:center;
margin-bottom:70px;
}
.sec_tit span{
font-size:65%;
}


/* スティッキータブ */
.tab-section{
max-width:1200px;
margin:0 auto 100px;
font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
font-feature-settings:"palt";
line-height:1.5em;
font-size:16px;
}
.section-title{
margin:0px 0px 30px;
}

.tab-header{
position:-webkit-sticky;
position:sticky;
top:0;
z-index:100;
transition:box-shadow 0.3s ease;
border-radius:0;
}
.tab-header.stuck{
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.tab-nav{
display:flex;
gap:0;
background:#fff;
}
.tab-button{
flex:1;
border:none;
cursor:pointer;
transition:all 0.3s ease;
position:relative;
opacity:0.6;
}
.tab-button:hover{
opacity:1;
}
.tab-button.active{
opacity:1;
}


.tab-content{
}
.tab-panel{
display:none;
animation:fadeIn 0.3s ease;
}
.tab-panel.active{
display:block;
}

.tab-content_inner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items: stretch;
padding:50px 80px;
}
.tab-content_inner > div{
margin-bottom:30px;
}









.tab-panel_standard{
border:10px solid #2c180d;
background:#fff;
/*padding:50px 0;*/
}
.tab-panel_standard h3{
border-top:2px solid #000;
border-bottom:2px solid #000;
font-size:20px;
text-align:center;
padding:10px 0;
margin-bottom:20px;
}

.tab-panel_premium{
border:10px solid #32474e;
background:#acb5b8;
/*padding:50px 0;*/
}
.tab-panel_premium h3{
background: linear-gradient(180deg, rgba(50,71,78,1) 30%, rgba(29,31,36,1)90%);
color:#fff;
font-size:20px;
text-align:center;
padding:10px 0;
/*margin-bottom:20px;*/
}

.tab-panel_premium h3 > div{
background:#fff;
padding:20px 10px;
}
.tab-panel_premium .inner{
background:#fff;
padding:20px 10px 20px;
}
.tab-panel_premium .inner .inner_flex{
padding:5px 10px 20px;
}









.full{
width:100%;
}
.two_thirds{
width:66%;
}
.half{
width:48%;
}
.three_wide{
width:32%;
}

.w73{
width:73%;
}
.w66{
width:66%;
}
.w64{
width:64%;
}
.w62{
width:62%;
}
.w60{
width:60%;
}
.w55{
width:55%;
}
.w44{
width:44%;
}
.w43{
width:43%;
}
.w40{
width:40%;
}
.w39{
width:39%;
}
.w38{
width:38%;
}
.w36{
width:36%;
}
.w33{
width:33%;
}
.w32{
width:32%;
}
.w30{
width:30%;
}
.w29{
width:29%;
}
.w25{
width:25%;
}
.w26{
width:26%;
}
.w18{
width:18%;
}
.w13{
width:13%;
}


.inner_flex{
display:flex;
justify-content:center;
gap:20px;
}
.inner_flex{
display:flex;
justify-content:center;
gap:20px;
background:#fff;
padding:20px 10px;
}
.inner{
padding:0 20px;
}
.side_flex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
flex-direction:row;
}


/*スタンダードシステムキッチン*/

.sk_range_hood_txt{
padding:0 200px;
}
.sk_enamel{
background:#f3eadb;
padding:20px 50px;
}
.sk_enamel h4{
text-align:center;
margin-bottom:30px;
font-size:25px;
}
.sk_enamel ul{
display:flex;
justify-content:space-between;
}

.sk_enamel_point{
background:#645957;
padding:30px;
}

.sk_melamine_facing{
border:2px solid #000;
padding:25px 50px;
}
.sk_melamine_facing_box{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
.sk_melamine_facing_txt{
width:60%;
}
.sk_melamine_facing_txt h5{
font-size:20px;
margin-bottom:10px;
font-weight:bold;
}
.sk_melamine_facing_txt p{
}
.sk_melamine_facing_img{
width:24%;
}
.sk_melamine_facing_point{
display:flex;
justify-content:space-between;
}
.sk_melamine_facing_point dl{
width:31%;
}
.sk_melamine_facing_point dt{
border:2px solid #000;
margin-bottom:10px;
padding:10px;
text-align:center;
font-size:18px;
}
.sk_melamine_facing_point dd{
padding:0 10px;
}

.sk_towel_hanger{
border:2px solid #000;
padding:10px 20px;
}
.sk_towel_hanger p{
font-size:14px;
}
.sk_towel_hanger ul{
display:flex;
justify-content:space-between;
}



.door_color_box{
max-width:960px;
margin:0 auto 30px;
}
.door_color_box:last-child{
margin:0 auto;
}
.door_color_box h5{
text-align:left;
margin-bottom:5px;
}
.door_color_box ul{
display:flex;
flex-wrap:wrap;
gap:16px;
}
.door_color_box li{
width:11%;
}



.sk_handle{
}
.sk_handle .inner_flex{
max-width: 900px;
margin: 0 auto;
}
.sk_handle h5{
margin-bottom:5px;
}
.sk_handle h6{
margin-bottom:5px;
}
.sk_handle li{
margin-bottom:20px;
}
.sk_handle1{
width:15%;
}
.sk_handle1_1{
}
.sk_handle2{
width:15%;
}
.sk_handle2 h5{
margin-bottom:33px;
}
.sk_handle2_1{
}
.sk_handle3{
width:66%;
}
.sk_handle3_inner{
display:flex;
justify-content:space-between;
}
.sk_handle3_1{
width:23%;
}
.sk_handle3_2{
width:20%;
}
.sk_handle3_3{
width:48%;
}
.sk_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sk_handle3_3 li{
width:46%;
}

.sk_work_top_txt{
width:910px;
margin:0 auto 20px;
}
.sk_work_top_txt h4{
font-size:18px;
/*margin-bottom:5px;*/
}
.sk_work_top .inner_flex{
gap:40px;
}
.sk_stove_color .inner_flex{
gap:15px;
}


/*プレミアムシステムバス*/
.pk_range_hood_txt{
padding:0 150px;
}

.pk_enamel_point{
background:#645957;
padding:30px;
}

.pk_melamine_facing{
border:2px solid #000;
padding:25px 50px;
background:#fff;
}
.pk_melamine_facing_box{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
.pk_melamine_facing_txt{
width:60%;
}
.pk_melamine_facing_txt h5{
font-size:20px;
margin-bottom:10px;
font-weight:bold;
}
.pk_melamine_facing_txt p{
}
.pk_melamine_facing_img{
width:24%;
}
.pk_melamine_facing_point{
display:flex;
justify-content:space-between;
}
.pk_melamine_facing_point dl{
width:31%;
}
.pk_melamine_facing_point dt{
border:2px solid #000;
margin-bottom:10px;
padding:10px;
text-align:center;
font-size:18px;
}
.sk_melamine_facing_point dd{
padding:0 10px;
}

.pk_door_color_box{
/*max-width:960px;*/
margin:0 auto;
padding:20px 20px;
background:#fff;
}
.pk_door_color_box:last-child{
margin:0 auto;
}
.pk_door_color_box h5{
text-align:left;
margin-bottom:5px;
}
.pk_door_color_box ul{
display:flex;
flex-wrap:wrap;
gap:16px;
}
.pk_door_color_box li{
width:11%;
}

.pk_handle{
}
.pk_handle .inner{
max-width: 1000px;
padding:0;
}
.pk_handle .inner_flex{
/*max-width: 900px;*/
margin: 0 auto;
padding:20px 50px 0;
}
.pk_handle h5{
margin-bottom:5px;
}
.pk_handle h6{
margin-bottom:5px;
}
.pk_handle li{
margin-bottom:20px;
}
.pk_handle1{
width:15%;
}
.pk_handle1_1{
}
.pk_handle2{
width:15%;
}
.pk_handle2 h5{
margin-bottom:33px;
}
.pk_handle2_1{
}
.pk_handle3{
width:64%;
}
.pk_handle3_inner{
display:flex;
justify-content:space-between;
}
.pk_handle3_1{
width:23%;
}
.pk_handle3_2{
width:20%;
}
.pk_handle3_3{
width:48%;
}
.pk_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pk_handle3_3 li{
width:46%;
}

.pk_towel_hanger{
border:2px solid #000;
padding:10px 20px;
background:#fff;
}
.pk_towel_hanger p{
font-size:14px;
}
.pk_towel_hanger ul{
display:flex;
justify-content:space-between;
}
.pk_work_top .inner{
background:#fff;
padding-top:20px;
}
.pk_artificial_marble .inner_flex{
flex-wrap:wrap;
justify-content:start;
}


/*スタンダードシステムバス*/
.sb_bathtub_tit{
display:flex;
justify-content:space-between;
margin-bottom:10px;
}
.sb_bathtub_tit .y_bg{
font-size:14px;
padding:5px 10px 2px;
background:#fdc201;
color:#fff;
border-radius:3px;
}



.sb_ceiling{

}
.sb_ceiling_txt{
text-align:center;
}
.sb_ceiling .inner_flex{
flex-wrap:wrap;
}
.sb_mini_light_txt{
text-align:center;
}
.sb_mini_light .inner_flex{
flex-wrap:wrap;
}

.sb_mirror_txt{
text-align:center;
}



.sb_bathroom{
border-top:10px solid #2c180d;
border-bottom:10px solid #2c180d;
padding:40px 0;
background:#f9f2ed;
text-align:center;
}
.sb_bathroom + .tab-content_inner{
padding:50px 80px 0;
}
.sb_bathroom p{
margin-bottom:30px;
}
.sb_bathroom p:last-child{
margin-bottom:0;
}
.sb_bathroom img{
width:auto;
max-width:100%;
}

.bath_panel_box{
max-width:960px;
margin:0 auto 30px;
}
.bath_panel_box:last-child{
margin:0 auto;
}
.bath_panel_box h5{
text-align:left;
margin-bottom:5px;
}
.bath_panel_box ul{
display:flex;
flex-wrap:wrap;
gap:12px;
}
.bath_panel_box li{
width:24%;
}

.sb_counter_color .inner_flex{
flex-wrap:wrap;
}
.sb_counter_color p{
width:42%;
}
.sb_light .inner_flex{
flex-wrap:wrap;
}
.sb_light p{
width:52%;
}


.pb_mirror_txt{
text-align:center;
}
.pb_bath_lid_txt{
text-align:center;
}
.pd_counter .inner_flex{
flex-wrap:wrap;
}
.pd_floor_color .inner_flex{
flex-wrap:wrap;
}
.pb_ceiling_txt{
text-align:center;
}
.pb_ceiling .inner_flex{
flex-wrap:wrap;
}
.pb_downlight_txt{
text-align:center;
}
.pb_towel_rack_txt{
text-align:center;
}
.pb_bathroom{
border-top:10px solid #32474e;
border-bottom:10px solid #32474e;
padding:40px 0;
background:#f0f2f4;
text-align:center;
}
.pb_bathroom + .tab-content_inner{
padding:50px 80px 0;
}
.pb_bathroom p{
margin-bottom:30px;
}
.pb_bathroom p:last-child{
margin-bottom:0;
}
.pb_bathroom img{
width:auto;
max-width:100%;
}
.pb_counter_color .inner_flex{
flex-wrap:wrap;
}
.pb_counter_color .inner_flex p{
width:47%;
}
.pb_light .inner_flex{
flex-wrap:wrap;
}


.sd_counter .inner_flex{
flex-wrap:wrap;
}
.sd_floor_color .inner_flex{
flex-wrap:wrap;
}
.sd_handle{
}
.sd_handle .inner_flex{
max-width: 960px;
margin: 0 auto;
}
.sd_handle h5{
margin-bottom:5px;
}
.sd_handle h6{
margin-bottom:5px;
}
.sd_handle li{
margin-bottom:20px;
}
.sd_handle li:last-child{
margin-bottom:0;
}
.sd_handle1{
width:15%;
}
.sd_handle1_1{
}
.sd_handle2{
width:15%;
}
.sd_handle2 h5{
margin-bottom:33px;
}
.sd_handle2_1{
}
.sd_handle3{
width:56%;
}
.sd_handle3_inner{
display:flex;
justify-content:space-between;
}
.sd_handle3_1{
width:25%;
}
.sd_handle3_2{
width:22%;
}
.sd_handle3_3{
width:49%;
}
.sd_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sd_handle3_3 li{
width:46%;
}
.sd_towel_hanger{
width:15%;
padding:10px;
border: 2px solid #000;
}
.sd_towel_hanger p{
font-size:15px;
margin-bottom:10px;
}


.pd_counter .inner_flex{
flex-wrap:wrap;
}
.pd_floor_color .inner_flex{
flex-wrap:wrap;
}
.pd_handle{
}
.pd_handle .inner_flex{
max-width: 960px;
margin: 0 auto;
}
.pd_handle h5{
margin-bottom:5px;
}
.pd_handle h6{
margin-bottom:5px;
}
.pd_handle li{
margin-bottom:20px;
}
.pd_handle li:last-child{
margin-bottom:0;
}
.pd_handle1{
width:15%;
}
.pd_handle1_1{
}
.pd_handle2{
width:15%;
}
.pd_handle2 h5{
margin-bottom:33px;
}
.pd_handle2_1{
}
.pd_handle3{
width:56%;
}
.pd_handle3_inner{
display:flex;
justify-content:space-between;
}
.pd_handle3_1{
width:25%;
}
.pd_handle3_2{
width:22%;
}
.pd_handle3_3{
width:49%;
}
.pd_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pd_handle3_3 li{
width:46%;
}
.pd_towel_hanger{
width:15%;
padding:10px;
border: 2px solid #000;
}
.pd_towel_hanger p{
font-size:15px;
margin-bottom:10px;
}


@keyframes fadeIn{
from{
opacity:0;
transform:translateY(10px);
}
to{
opacity:1;
transform:translateY(0);
}
}


/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.smv{
height:150px;
margin-bottom:10%;
}

.point_border span{
position:relative;
}
.point_border span:before,.point_border span:after{
content: '';
position: absolute;
top:calc(50% - 10px); /* 線の中心に配置 */
width: 10px;
height: 10px;
background-color:#3b5975;
border-radius: 50%;
}
/*文字数調整*/
.point_border:before, .point_border:after {
width: calc(50% - 7.5em);
}
.point_border span:before {
left:-1.5em;
}
.point_border span:after {
right:-1.5em;
}

.sec_tit{
max-width:90%;
margin:0 auto 5%;
font-size:5vw;
line-height:1.5em;
}
.sec_tit span{
}


/* スティッキータブ */
.tab-section{
max-width:1200px;
margin:0 auto 10%;
font-family:"Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", sans-serif;
font-feature-settings:"palt";
line-height:1.5em;
font-size:16px;
}
.section-title{
margin:0px 0px 5%;
}

.tab-header{
position:-webkit-sticky;
position:sticky;
top:0;
z-index:100;
transition:box-shadow 0.3s ease;
border-radius:0;
}
.tab-header.stuck{
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.tab-nav{
display:flex;
gap:0;
background:#fff;
}
.tab-button{
flex:1;
border:none;
cursor:pointer;
transition:all 0.3s ease;
position:relative;
opacity:0.6;
}
.tab-button:hover{
opacity:1;
}
.tab-button.active{
opacity:1;
}


.tab-content{
}
.tab-panel{
display:none;
animation:fadeIn 0.3s ease;
}
.tab-panel.active{
display:block;
}

.tab-content_inner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
align-items: stretch;
padding:5%;
}
.tab-content_inner > div{
margin-bottom:5%;
}


/* 直下の子要素を縦に伸ばす */
.tab-content_inner > * {
  display: flex;
  flex-direction: column;
}

/* 画像を統一サイズに */
.tab-content_inner img {
  /*width: 100%;*/
  /*height: 100%;*/
  /*object-fit: cover; /* 画像を枠に合わせてトリミング */*/
  /* または object-fit: contain; 画像全体を表示（余白あり） */
}

/* 画像の親要素に高さを持たせる */
.inner_flex {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*gap: 10px;*/
  /*flex: 1; /* 追加：親要素いっぱいに広がる */*/
}

.inner_flex > p {
  /*flex: 1;*/
  /*min-width: 150px; /* 適宜調整 */*/
}


.tab-panel_standard{
border:5px solid #2c180d;
padding:0;
}
.tab-panel_standard h3{
font-size:4vw;
padding:5px 0;
margin-bottom:3%;
}

.tab-panel_premium{
border:5px solid #32474e;
background:#acb5b8;
padding:5% 0;
}
.tab-panel_premium h3{
font-size:4vw;
padding:3% 0;
}

.tab-panel_premium h3 > div{
background:#fff;
padding:3% 2%;
}
.tab-panel_premium .inner{
background:#fff;
padding:3% 2% 3%;
}
.tab-panel_premium .inner .inner_flex{
padding:1% 2% 3%;
}


.full{
width:100%;
}
.two_thirds{
width:100%;
}
.half{
width:100%;
}
.three_wide{
width:100%;
}

.w73{
width:100%;
}
.w66{
width:100%;
}
.w64{
width:100%;
}
.w62{
width:100%;
}
.w60{
width:100%;
}
.w55{
width:100%;
}
.w44{
width:100%;
}
.w43{
width:100%;
}
.w40{
width:100%;
}
.w39{
width:100%;
}
.w38{
width:100%;
}
.w36{
width:100%;
}
.w33{
width:100%;
}
.w32{
width:100%;
}
.w30{
width:100%;
}
.w29{
width:100%;
}
.w25{
width:100%;
}
.w26{
width:100%;
}
.w18{
width:100%;
}
.w13{
width:100%;
}


.inner_flex{
display:flex;
justify-content:center;
gap:20px;
}
.inner_flex{
display:flex;
justify-content:center;
gap:20px;
background:#fff;
padding:20px 10px;
}
.inner{
padding:0 20px;
}
.side_flex{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
margin-bottom:0!important;
}
.side_flex > div{
margin-bottom:5%;
}

/*スタンダードシステムキッチン*/
.sk_range_hood_txt{
padding:0 0;
}

.sk_enamel{
padding: 5%;
}
.sk_enamel h4{
text-align:center;
margin-bottom:5%;
font-size:4vw;
}
.sk_enamel ul{
flex-wrap:wrap;
}
.sk_enamel li{
width:48%;
margin-bottom:5%;
}

.sk_enamel_point{
background:#645957;
padding:5%;
}

.sk_melamine_facing{
padding:5%;
}
.sk_melamine_facing_box{
display:block;
margin-bottom:5%;
}
.sk_melamine_facing_txt{
width:100%;
}
.sk_melamine_facing_txt h5{
font-size:4vw;
margin-bottom:10px;
font-weight:bold;
}
.sk_melamine_facing_txt p{
}
.sk_melamine_facing_img{
width:70%;
margin:0 auto;
}
.sk_melamine_facing_point{
display:block;
}
.sk_melamine_facing_point dl{
width:100%;
margin-bottom:3%;
}
.sk_melamine_facing_point dt{
margin-bottom:2%;
padding:5px;
font-size:3.5vw;
}
.sk_melamine_facing_point dd{
padding:0 10px;
}

.sk_towel_hanger{
border:2px solid #000;
padding:10px 20px;
}
.sk_towel_hanger p{
font-size:14px;
}
.sk_towel_hanger ul{
display:flex;
justify-content:space-between;
}



.door_color_box{
max-width:960px;
margin:0 auto 5%;
}
.door_color_box:last-child{
margin:0 auto;
}
.door_color_box h5{
text-align:left;
margin-bottom:5px;
}
.door_color_box ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.door_color_box li{
width:31%;
margin-bottom:2%;
}



.sk_handle{
}
.sk_handle .inner_flex{
max-width: 900px;
margin: 0 auto;
flex-wrap:wrap;
}
.sk_handle h5{
margin-bottom:5px;
}
.sk_handle h6{
margin-bottom:5px;
}
.sk_handle li{
margin-bottom:20px;
}
.sk_handle1{
width:45%;
}
.sk_handle1_1{
}
.sk_handle2{
width:45%;
}
.sk_handle2 h5{
margin-bottom:33px;
}
.sk_handle2_1{
}
.sk_handle3{
width:100%;
}
.sk_handle3_inner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sk_handle3_1{
width:45%;
}
.sk_handle3_2{
width:45%;
}
.sk_handle3_3{
width:100%;
}
.sk_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sk_handle3_3 li{
width:46%;
}

.sk_work_top_txt{
width:90%;
margin:0 auto 20px;
}
.sk_work_top_txt h4{
font-size:18px;
/*margin-bottom:5px;*/
}
.sk_work_top .inner_flex{
gap:4%;
flex-wrap:wrap;
}
.sk_work_top .inner_flex p{
width:46%;
margin-bottom:4%;
}
.sk_stove_color .inner_flex{
gap:15px;
flex-wrap:wrap;
justify-content:flex-start;
}
.sk_stove_color .inner_flex p{
width:46%;
}
.sk_enamel_panel_color .inner_flex{
flex-wrap:wrap;
}
.sk_enamel_panel_color .inner_flex p{
width:46%;
}


/*プレミアムシステムキッチン*/
.pk_range_hood_txt{
padding:0 0;
}
.pk_enamel_point{
background:#645957;
padding:5%;
}

.pk_melamine_facing{
padding:5%;
}
.pk_melamine_facing_box{
display:block;
margin-bottom:5%;
}
.pk_melamine_facing_txt{
width:100%;
}
.pk_melamine_facing_txt h5{
font-size:4vw;
margin-bottom:10px;
font-weight:bold;
}
.pk_melamine_facing_txt p{
}
.pk_melamine_facing_img{
width:70%;
margin:0 auto;
}
.pk_melamine_facing_point{
display:block;
}
.pk_melamine_facing_point dl{
width:100%;
margin-bottom:3%;
}
.pk_melamine_facing_point dt{
margin-bottom:2%;
padding:5px;
font-size:3.5vw;
}
.pk_melamine_facing_point dd{
padding:0 10px;
}

.pk_door_color_box{
margin:0 auto;
padding:5%;
}
.pk_door_color_box:last-child{
}
.pk_door_color_box h5{
text-align:left;
margin-bottom:5px;
}
.pk_door_color_box ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.pk_door_color_box li{
width:31%;
margin-bottom:2%;
}




.pk_handle{
}
.pk_handle .inner{
max-width: 1000px;
padding:5%;
}
.pk_handle .inner_flex{
/*max-width: 900px;*/
padding: 0;
margin: 0 auto;
flex-wrap:wrap;
}
.pk_handle h5{
margin-bottom:5px;
}
.pk_handle h6{
margin-bottom:5px;
}
.pk_handle li{
margin-bottom:20px;
}
.pk_handle1{
width:45%;
}
.pk_handle1_1{
}
.pk_handle2{
width:45%;
}
.pk_handle2 h5{
margin-bottom:33px;
}
.pk_handle2_1{
}
.pk_handle3{
width:100%;
}
.pk_handle3_inner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.pk_handle3_1{
width:45%;
}
.pk_handle3_2{
width:45%;
}
.pk_handle3_3{
width:95%;
}
.pk_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pk_handle3_3 li{
width:46%;
}

.pk_towel_hanger{
border:2px solid #000;
padding:10px 20px;
background:#fff;
}
.pk_towel_hanger p{
font-size:14px;
}
.pk_towel_hanger ul{
display:flex;
justify-content:space-between;
}
.pk_work_top .inner{
background:#fff;
padding-top:20px;
}
.pk_artificial_marble .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.pk_work_top_txt{
width:90%;
margin:0 auto 20px;
}
.pk_work_top_txt h4{
font-size:18px;
/*margin-bottom:5px;*/
}
.pk_work_top .inner_flex{
gap:4%;
flex-wrap:wrap;
justify-content:start;
}
.pk_work_top .inner_flex p{
width:46%;
margin-bottom:4%;
}
.pk_stove_color .inner_flex{
gap:15px;
flex-wrap:wrap;
justify-content:flex-start;
}
.pk_stove_color .inner_flex p{
width:46%;
}
.pk_enamel_panel_color .inner_flex{
flex-wrap:wrap;
}
.pk_enamel_panel_color .inner_flex p{
width:46%;
}


/*スタンダードシステムバス*/
.sb_bathtub_tit{
display:flex;
justify-content:space-between;
margin-bottom:10px;
fle
}
.sb_bathtub_tit .y_bg{
font-size:14px;
padding:5px 10px 2px;
background:#fdc201;
color:#fff;
border-radius:3px;
}

.sb_faucet .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.sb_faucet .inner_flex div{
width:45%;
}

.sb_ceiling{

}
.sb_ceiling_txt{
text-align:center;
}
.sb_ceiling .inner_flex{
flex-wrap:wrap;
}
.sb_mini_light_txt{
text-align:center;
}
.sb_mini_light .inner_flex{
flex-wrap:wrap;
}
.sb_mini_light .inner_flex p{
width:45%;
}

.sb_mirror_txt{
text-align:center;
}



.sb_bathroom{
border-top:5px solid #2c180d;
border-bottom:5px solid #2c180d;
padding:5% 2%;
background:#f9f2ed;
text-align:center;
}
.sb_bathroom + .tab-content_inner{
padding:5% 5% 0;
}
.sb_bathroom p{
margin-bottom:5%;
}
.sb_bathroom p:last-child{
margin-bottom:0;
}
.sb_bathroom img{
width:auto;
max-width:100%;
}

.bath_panel_box{
max-width:960px;
margin:0 auto 5%;
}
.bath_panel_box:last-child{
margin:0 auto;
}
.bath_panel_box h5{
text-align:left;
margin-bottom:5px;
}
.bath_panel_box ul{
display:flex;
flex-wrap:wrap;
gap:4%;
}
.bath_panel_box li{
width:48%;
margin-bottom:4%;
}

.sb_counter_color .inner_flex{
flex-wrap:wrap;
}
.sb_counter_color p{
/*width:90%;*/
}
.sb_light .inner_flex{
flex-wrap:wrap;
}
.sb_light p{
width:45%;
}
.sb_frp .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.sb_frp .inner_flex p{
width:45%;
margin-bottom:2%;
}
.sb_apron_collar .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.sb_apron_collar .inner_flex p{
width:45%;
margin-bottom:2%;
}
.sb_floor_color .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.sb_floor_color .inner_flex p{
width:45%;
margin-bottom:2%;
}


.pb_bathtub_tit{
display:flex;
justify-content:space-between;
margin-bottom:10px;
fle
}
.pb_bathtub_tit .y_bg{
font-size:14px;
padding:5px 10px 2px;
background:#fdc201;
color:#fff;
border-radius:3px;
}
.pb_faucet .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.pb_faucet .inner_flex div{
width:45%;
}

.pb_mirror_txt{
text-align:center;
}
.pb_bath_lid_txt{
text-align:center;
}
.pd_counter .inner_flex{
flex-wrap:wrap;
}
.pd_floor_color .inner_flex{
flex-wrap:wrap;
}
.pb_ceiling_txt{
text-align:center;
}
.pb_ceiling .inner_flex{
flex-wrap:wrap;
}
.pb_downlight_txt{
text-align:center;
}
.pb_towel_rack_txt{
text-align:center;
}
.pb_bathroom{
border-top:5px solid #32474e;
border-bottom:5px solid #32474e;
padding:5% 2%;
background:#f0f2f4;
text-align:center;
}
.pb_bathroom + .tab-content_inner{
padding:5% 5% 0;
}
.pb_bathroom p{
margin-bottom:30px;
}
.pb_bathroom p:last-child{
margin-bottom:0;
}
.pb_bathroom img{
width:auto;
max-width:100%;
}
.bath_panel_box{
max-width:960px;
margin:0 auto 5%;
}
.bath_panel_box:last-child{
margin:0 auto;
}
.bath_panel_box h5{
text-align:left;
margin-bottom:5px;
}
.bath_panel_box ul{
display:flex;
flex-wrap:wrap;
gap:4%;
}
.bath_panel_box li{
width:48%;
margin-bottom:4%;
}

.pb_counter_color .inner_flex{
flex-wrap:wrap;
}
.pb_counter_color .inner_flex p{
width:45%;
}
.pb_light .inner_flex{
flex-wrap:wrap;
}
.pb_light p{
width:45%;
}
.pb_frp .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.pb_frp .inner_flex p{
width:45%;
margin-bottom:2%;
}
.pb_apron_collar .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.pb_apron_collar .inner_flex p{
width:45%;
margin-bottom:2%;
}
.pb_floor_color .inner_flex{
flex-wrap:wrap;
justify-content:start;
}
.pb_floor_color .inner_flex p{
width:45%;
margin-bottom:2%;
}







.sd_counter .inner_flex{
flex-wrap:wrap;
}
.sd_floor_color .inner_flex{
flex-wrap:wrap;
}
.sd_handle{
}
.sd_handle .inner_flex{
max-width: 960px;
margin: 0 auto;
flex-wrap:wrap;
}
.sd_handle h5{
margin-bottom:5px;
}
.sd_handle h6{
margin-bottom:5px;
}
.sd_handle li{
margin-bottom:20px;
}
.sd_handle li:last-child{
margin-bottom:0;
}
.sd_handle1{
width:45%;
}
.sd_handle1_1{
}
.sd_handle2{
width:45%;
}
.sd_handle2 h5{
margin-bottom:33px;
}
.sd_handle2_1{
}
.sd_handle3{
width:100%;
}
.sd_handle3_inner{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.sd_handle3_1{
width:45%;
}
.sd_handle3_2{
width:45%;
}
.sd_handle3_3{
width:100%;
}
.sd_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.sd_handle3_3 li{
width:46%;
}
.sd_towel_hanger{
width:100%;
padding:10px;
border: 2px solid #000;
}
.sd_towel_hanger p{
font-size:15px;
margin-bottom:10px;
}
.sd_towel_hanger ul{
width:50%;
margin:0 auto;
}


.pd_counter .inner_flex{
flex-wrap:wrap;
}
.pd_floor_color .inner_flex{
flex-wrap:wrap;
}
.pd_handle{
}
.pd_handle .inner_flex{
max-width: 960px;
margin: 0 auto;
}
.pd_handle h5{
margin-bottom:5px;
}
.pd_handle h6{
margin-bottom:5px;
}
.pd_handle li{
margin-bottom:20px;
}
.pd_handle li:last-child{
margin-bottom:0;
}
.pd_handle1{
width:15%;
}
.pd_handle1_1{
}
.pd_handle2{
width:15%;
}
.pd_handle2 h5{
margin-bottom:33px;
}
.pd_handle2_1{
}
.pd_handle3{
width:56%;
}
.pd_handle3_inner{
display:flex;
justify-content:space-between;
}
.pd_handle3_1{
width:25%;
}
.pd_handle3_2{
width:22%;
}
.pd_handle3_3{
width:49%;
}
.pd_handle3_3 ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.pd_handle3_3 li{
width:46%;
}
.pd_towel_hanger{
width:15%;
padding:10px;
border: 2px solid #000;
}
.pd_towel_hanger p{
font-size:15px;
margin-bottom:10px;
}

}








