@charset "utf-8";
/*カラー共通*/
.f_clr_red{
color : #ff0000;
}
.f_clr_blue{
color : #187fc4;
}
.product-container {
display : flex;
flex-wrap : wrap;
margin : 0 0 3.125rem 0;
border : 0px solid #ff0000;
width : 97%;
}
.proTop-item {
flex-basis : 36%; /*42%*/
border : 1px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
.pro_image-trim {
position : relative;
overflow : hidden;
height : 0;
padding-bottom : 75%; /* 幅に対する縦のサイズ */
}
.pro_image-trim img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.ofi-img{
object-fit: cover;
object-position: center;
font-family: 'object-fit: cover; object-position: center;';
}
.pro_image {
display: inline-block;
height: 240px;
margin-right: 15px;
margin-bottom: 15px;
margin-left : 2%;
}
.pro_image img {
height: 100%;
}
.product_NameOutter{
width : 100%;
margin : 0.3125rem 0;
}
.product_NameOutter_btm{
width : 100%;
margin : 0.3125rem 0 1.9rem 0;
}
h3.productName {
width : 97%;
color : #444;
font-size : 1.5rem;
position : relative;
padding : 0 0 0.125rem 2rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem 0 1.25rem 1.25rem;
font-weight : bold;
}
h3.productName:before, h3:after {
content : "";
position : absolute;
bottom : 0;
width : 1.0rem;
height : 1.0rem;
border : 0.125rem solid #d14;
margin : auto;
}
h3.productName:before {
top : -0.375rem;
left : 0;
}
h3.productName:after {
top : 0.375rem;
left : 0.375rem;
}
.gene_comm_name {
font-size : 1.0rem;
padding : 0 0 0.125rem 2rem;
color : #444;
}
.label_cor{
float : left;
padding : 0.3125rem 0.5rem;
background : #d14;
color : #fff;
margin-right : 0.5rem;
}
.label_itemName{
float : left;
padding : 0.3125rem 0.5rem;
}
h4.attrName {
color : #444;
width : 97%;
font-size : 1.2rem;
position : relative;
padding : 0.3125rem 0.5rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem 0 0.5rem 1.25rem;
font-weight : bold;
}
.arrtText{
padding : 0.3125rem 0.25rem 0.3125rem 2.4rem;
flex-basis : 99%;
font-size : 1.0rem;
color : #282828;
line-height : 1.8;
margin-bottom : 1.875rem;
border : 0px solid yellow;
}
.arrtText p.indent-1 {
/*padding-left:1em;*/
/*text-indent:-1em;*/
}
.arrtText2{
padding : 0.3125rem 0.25rem 0.3125rem 2.4rem;
flex-basis : 99%;
font-size : 1.0rem;
color : #282828;
line-height : 1.8;
margin-bottom : 1.875rem;
border : 0px solid yellow;
}
.arrtText2 p.indent-1 {
/*padding-left:1em;*/
/*text-indent:-1em;*/
}
.f_10{
font-size : 0.9rem;
font-weight : normal;
}
.label_cate{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 13.75rem;
vertical-align : middle;
background : #187fc4;
height : 3.5rem;
border-radius : 4px;
/*padding : 0.625rem 0.3125rem 0.625rem 1rem;*/
}
.label_cate span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
border : 0px solid green;
border-radius : 6px;
}
.label_cate a{
display : block;
background : #187fc4;
color : #fff;
border-radius : 6px;
}
.label_cate a:hover{
width : 100%;
display : block;
vertical-align : middle;
background : #ff0000;
color : #fff;
text-decoration : none;
border-radius : 6px;
}
.label_cate_toku{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 20.625rem;
vertical-align : middle;
background : #ea5514;
height : 3.5rem;
color : #fff;
border-radius : 6px;
}
/*SDS*/
.label_cate_sds{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 10rem;
vertical-align : middle;
background : #187fc4;
height : 3.5rem;
border-radius : 4px;
/*padding : 0.625rem 0.3125rem 0.625rem 1rem;*/
}
.label_cate_sds img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.6rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
text-align : center;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_sds a{
display : block;
background : #187fc4;
color : #fff;
border-radius : 6px;
}
.label_cate_sds a:hover{
width : 100%;
display : block;
vertical-align : middle;
background : #ff0000;
color : #fff;
text-decoration : none;
border-radius : 6px;
}
.label_cate_toku span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate_toku img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_green{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 20.625rem;
vertical-align : middle;
background : #62be58;
height : 3.5rem;
color : #fff;
border-radius : 6px;
}
.label_cate_green span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate_green img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_rock{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 24rem;
vertical-align : middle;
background : #c6a336;
height : 3.5rem;
color : #fff;
border-radius : 6px;
}
.label_cate_rock span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate_rock img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.5rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_brunch{
margin-left : 1%;
margin-right : 0;
margin-top : 5rem;
width : 96%;
background : #187fc4;
vertical-align : middle;
padding : 0.625rem 0.3125rem 0.625rem 1rem;
color : #fff;
border-radius : 6px;
}
.label_cate_brunch span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate_brunch img {
height : 2.5rem;
margin-right : 0.5rem;
border : 0px solid green;
border-radius : 6px;
}
.handled_brunch{
margin-top :10px;
margin-bottom :10px;
padding-left : 5px;
width : 100%;
display : flex;
flex-direction : column;
}
.h_brunch{
margin-left : 3%;
padding : 5px;
}
.proTop-item_work {
flex-basis : 27%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
.pro_image-trim_work {
position : relative;
overflow : hidden;
height : 0;
border : 1px solid #ccc;
padding-bottom : 75%; /* 幅に対する縦のサイズ */
}
.pro_image-trim_work img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.img_exp{
width : 100%;
margin : 1% auto 6% auto;
text-align : center;
font-size : 0.9rem;
}
/*カタログ*/
.proTop-item_work_cate {
width : 20%;
border : 1px solid #ccc;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
.proTop-item_work_cate img{
width : 100%;
}
.proTop-item_catarog {
width : 40%;
text-align : center;
border : 0px solid #ccc;
margin-top : 3%;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
padding-top : 3%;
}
/*カタログが無い場合*/
.proTop-item_no_cate {
width : 20%;
border : 0px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
/*動画*/
.mov_w{
width : 50%;
margin-top : 1%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 3%;
}
.mov_exp{
width : 100%;
margin-top : 1%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
/*---*/
/*FAQ*/
/*---*/
.cate_menu__item {
background : #fff;
color : #282828;
cursor : pointer;
display : block;
margin-left : 20px;
margin-top : 20px;
margin-bottom : 10px;
}
.cate_menu__item a:hover{
color : #282828;
text-decoration : none;
background : #d9d9d9;
}
.cate_menu__item__link {
color : #282828;
display : block;
line-height : 46px;
padding : 0 1rem;
position : relative;
border : 1px solid #ccc;
background : #edf1f3;
}
.cate_menu__item__link:after {
color : #777777;
background : #fff;
content : '\f107';
display : block;
font-family : "Font Awesome 5 Free";
font-weight : 900;
line-height : 46px;
position : absolute;
right : 0;
text-align : center;
top : 0;
width : 46px;
}
.cate_menu__item__link.on:after {
color : #777777;
content : '\f106';
}
.cate_submenu {
margin-top : 8px;
margin-left : 0px;
padding : 5px;
background : #fff;
display : none;
border : 0px solid #ff0000;
margin-left : -16px;
}
.faq_q{
width : 98%;
margin-bottom : 20px;
margin-left : 2%;
padding-bottom : 10px;
padding-left : 52px;
text-indent : -52px;
}
.q1{
background : #377bc3;
padding : 5px 8px;
margin-left : 20px;
color : #fff;
}
.faq_a{
width : 98%;
margin-top : 10px;
margin-left : 2%;
padding-left : 52px;
text-indent : -52px;
line-height : 1.7;
padding-bottom : 10px;
border-bottom : 1px solid #ccc;
margin-bottom : 20px;
}
.a1{
background :#ff0000;
padding : 5px 8px;
margin-left : 20px;
color : #fff;
}
.ml-20{
margin-left :30px;
}
/*ディストリビューター*/
table.en{
width : 100%;
font-size : 0.8rem;
}
table.en th{
background : #3f98ef;
color : #ffffff;
padding : 5px 5px;
text-align : center;
border : 1px solid #ccc;
}
table.en td{
padding : 5px 5px;
text-align : center;
/*width : auto !important;*/
border : 1px solid #ccc;
}
table.en td.left{
font-size : 1rem;
width : 90%;
padding : 5px 5px;
text-align : left;
/*width : auto !important;*/
border : 0px solid #ccc;
}
table.en td.right{
font-size : 1rem;
width : 10%;
padding : 5px 5px;
text-align : center;
/*width : auto !important;*/
border : 0px solid #ccc;
}
.jp_inter{
width : 100%;
margin-top : 50px;
margin-bottom : 20px;
background : #f9fcff;
border : 1px solid #a1b7d0;
display : flex;
}
.jp_inter_left{
float : left;
width : 90%;
font-size : 1.0rem;
color : #3f98ef;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
}
.jp_inter_right{
float : right;
width : 10%;
padding-top : 10px;
padding-bottom : 10px;
text-align : center;
}
/*-------------------------------------------------------------------------------*/
@media screen and (min-width: 520px) and (max-width: 959px) {
h3.productName {
width : 96%;
color : #444;
font-size : 1.0rem;
position : relative;
padding : 0 0 0.125rem 2rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem 0 1.25rem 1.25rem;
font-weight : bold;
}
h3.productName:before, h3:after {
content : "";
position : absolute;
bottom : 0;
width : 1.0rem;
height : 1.0rem;
border : 0.125rem solid #d14;
margin : auto;
}
h3.productName:before {
top : -0.375rem;
left : 0;
}
h3.productName:after {
top : 0.375rem;
left : 0.375rem;
}
.gene_comm_name {
font-size : 0.8rem;
padding : 0 0 0.125rem 2rem;
color : #444;
}
.proTop-item {
flex-basis : 36%; /*42%*/
border : 1px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
.pro_image-trim {
position : relative;
overflow : hidden;
height : 0;
padding-bottom : 75%; /* 幅に対する縦のサイズ */
}
.pro_image-trim img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.label_cor{
float : left;
padding : 0.3125rem 0.5rem;
background : #d14;
color : #fff;
margin-right : 0.5rem;
}
.label_itemName{
float : left;
padding : 0.3125rem 0.5rem;
}
h4.attrName {
color : #444;
width : 97%;
font-size : 1.0rem;
position : relative;
padding : 0.3125rem 0.5rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem 0 0.5rem 1.25rem;
font-weight : bold;
}
.arrtText{
padding : 0.3125rem 0.25rem 0.3125rem 2.4rem;
flex-basis : 99%;
font-size : 0.9rem;
color : #282828;
line-height : 1.8;
margin-bottom : 1.875rem;
border : 0px solid yellow;
}
.f_10{
font-size : 0.86rem;
font-weight : normal;
}
.label_cate{
margin-left : 0.25rem;
margin-right : 0.25rem;
margin-bottom : 0.0625rem;
width : 13.75rem;
background : #187fc4;
vertical-align : middle;
color : #fff;
height : 3.5rem;
border-radius : 4px;
}
.label_cate span.pt{
font-size : 0.9rem;
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate img {
margin-right : 0.2rem;
height : 3.5rem;
border : 0px solid green;
border-radius : 6px;
}
/*SDS*/
.label_cate_sds{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 10rem;
vertical-align : middle;
background : #187fc4;
height : 3.5rem;
border-radius : 4px;
/*padding : 0.625rem 0.3125rem 0.625rem 1rem;*/
}
.label_cate_sds img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.6rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
text-align : center;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_toku{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 20.625rem;
background : #ea5514;
color : #fff;
height : 3.5rem;
border-radius : 6px;
}
.label_cate_toku span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_toku img {
display :none;
border-radius : 6px;
}
.label_cate_toku span.tel-link a{
color : #fff;
font-size : 1.0rem;
border : 0px solid yellow;
}
.label_cate_green{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 20.625rem;
vertical-align : middle;
background : #62be58;
height : 3.5rem;
color : #fff;
border-radius : 6px;
}
.label_cate_green span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_green img {
display : none;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_green span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
.label_cate_rock{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 24rem;
vertical-align : middle;
background : #c6a336;
height : 3.5rem;
color : #fff;
border-radius : 6px;
}
.label_cate_rock span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_rock img {
display : none;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_rock span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
.label_cate_brunch{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 96%;
vertical-align : middle;
background : #187fc4;
color : #fff;
border-radius : 6px;
}
.label_cate_brunch span.pt{
border : 0px solid yellow;
}
.label_cate_brunch img {
display : none;
border : 0px solid green;
border-radius : 6px;
}
.handled_brunch.h_brunch span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
/*
.label_cate{
margin-left : 0.625rem;
margin-right : 0rem;
width : 9.6rem;
background : #187fc4;
vertical-align : middle;
padding : 0.625rem 0.3125rem 0.625rem 1rem;
color : #fff;
}
.label_cate span.pt{
font-size : 0.8rem;
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate img {
margin-left : -1.0rem;
margin-right : 0.1rem;
border : 0px solid green;
}
.label_cate_toku{
font-size : 0.8rem;
margin-left : 0.625rem;
margin-right : 0rem;
width : 12.625rem;
background : #ea5514;
text-align : center;
padding : 1.25rem 0 0.625rem 0;
color : #fff;
}
.label_cate_brunch{
margin-left : 0.625rem;
margin-right : 0;
margin-top : 5rem;
width : 96%;
background : #187fc4;
vertical-align : middle;
padding : 0.625rem 0.3125rem 0.625rem 1rem;
color : #fff;
}
.label_cate_brunch span.pt{
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate_brunch img {
margin-right : 0.5rem;
border : 0px solid green;
}
*/
.proTop-item_work {
flex-basis : 27%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
.pro_image-trim_work {
position : relative;
overflow : hidden;
/*height : 0;*/
padding-bottom : 75%; /* 幅に対する縦のサイズ */
border : 1px solid #ccc;
}
.pro_image-trim_work img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.img_exp{
width : 100%;
margin : 1% auto 6% auto;
text-align : center;
font-size : 0.86rem;
}
/*カタログ*/
.proTop-item_work_cate {
width : 20%;
border : 1px solid #ccc;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
.proTop-item_work_cate img{
width : 100%;
}
.proTop-item_catarog {
width : 40%;
text-align : center;
border : 0px solid #ccc;
margin-top : 3%;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
padding-top : 3%;
}
/*カタログが無い場合*/
.proTop-item_no_cate {
width : 20%;
border : 0px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
/*動画*/
.mov_w{
width : 50%;
margin-top : 1%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 3%;
}
.mov_exp{
width : 100%;
margin-top : 1%;
margin-right : 2%;
margin-left : 4%;
margin-bottom : 6%;
}
/*ディストリビューター*/
table.en{
width : 100%;
font-size : 0.7rem;
}
table.en th{
background : #3f98ef;
color : #ffffff;
padding : 5px 5px;
text-align : center;
border : 1px solid #ccc;
}
table.en td{
padding : 5px 5px;
text-align : center;
/*width : auto !important;*/
border : 1px solid #ccc;
}
}
/*-------------------------------------------------------------------------------*/
@media screen and (max-width: 519px) {
h3.productName {
width : 98%;
color : #444;
font-size : 1.0rem;
position : relative;
padding : 0 0 0.125rem 2rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem auto 1.25rem auto;
font-weight : bold;
}
h3.productName:before, h3:after {
content : "";
position : absolute;
bottom : 0;
width : 1.0rem;
height : 1.0rem;
border : 0.125rem solid #d14;
margin : auto;
}
h3.productName:before {
top : -0.375rem;
left : 0;
}
h3.productName:after {
top : 0.375rem;
left : 0.375rem;
}
.gene_comm_name {
font-size : 0.9rem;
padding : 0 0 0.125rem 0.5rem;
color : #444;
}
.proTop-item {
flex-basis : 92%; /*42%*/
border : 1px solid #ccc;
margin-right : 4%;
margin-left : 4%;
margin-bottom : 6%;
}
.pro_image-trim {
position : relative;
overflow : hidden;
height : 0;
padding-bottom : 75%; /* 幅に対する縦のサイズ */
}
.pro_image-trim img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.label_cor{
float : left;
padding : 0.3125rem 0.5rem;
background : #d14;
color : #fff;
margin-right : 0.5rem;
}
.label_itemName{
float : left;
padding : 0.3125rem 0.5rem;
}
h4.attrName {
color : #444;
width : 98%;
font-size : 0.9rem;
position : relative;
padding : 0.3125rem 0.5rem;
border-bottom : 0.0625rem solid #888;
margin : 1.25rem auto 0.5rem auto;
font-weight : bold;
}
.arrtText{
padding : 0 0.5rem;
flex-basis : 99%;
font-size : 0.9rem;
color : #282828;
line-height : 1.8;
margin : 0.25rem auto 1.875rem auto;
border : 0px solid yellow;
}
.arrtText2{
padding : 0 0.5rem;
overflow: auto;
white-space: nowrap;
}
table.en{
width : 100%;
font-size : 0.8rem;
}
table.en th{
background : #3f98ef;
color : #ffffff;
padding : 5px 5px;
text-align : center;
border : 1px solid #ccc;
}
table.en td{
padding : 5px 5px;
text-align : center;
/*width : auto !important;*/
border : 1px solid #ccc;
}
table.en td.left{
width : 90%;
padding : 5px 5px;
text-align : left;
/*width : auto !important;*/
border : 0px solid #ccc;
}
table.en td.right{
width : 10%;
padding : 5px 5px;
text-align : center;
/*width : auto !important;*/
border : 0px solid #ccc;
}
.f_10{
font-size : 0.9rem;
font-weight : normal;
}
.label_cate{
margin-left : 0.25rem;
margin-right : 0.25rem;
margin-bottom : 0.0625rem;
width : 100%;
background : #187fc4;
vertical-align : middle;
color : #fff;
height : 3.5rem;
}
.label_cate span.pt{
font-size : 0.9rem;
vertical-align : middle;
border : 0px solid yellow;
}
.label_cate img {
margin-right : 0.2rem;
height : 3.5rem;
border : 0px solid green;
}
/*SDS*/
.label_cate_sds{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 100%;
vertical-align : middle;
background : #187fc4;
height : 3.5rem;
border-radius : 4px;
/*padding : 0.625rem 0.3125rem 0.625rem 1rem;*/
}
.label_cate_sds img {
height : 3.5rem;
margin-right : 0.5rem;
padding-top : 0.6rem;
padding-bottom : 0.5rem;
padding-left : 0.5rem;
text-align : center;
border : 0px solid green;
border-radius : 6px;
}
.label_cate_toku{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 100%;
background : #ea5514;
color : #fff;
height : 3.5rem;
}
.label_cate_toku span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_toku img {
display :none;
}
.label_cate_toku span.tel-link a{
color : #fff;
font-size : 1.0rem;
border : 0px solid yellow;
}
.label_cate_green{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 100%;
vertical-align : middle;
background : #62be58;
height : 3.5rem;
color : #fff;
}
.label_cate_green span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_green img {
display : none;
border : 0px solid green;
}
.label_cate_green span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
.label_cate_rock{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 100%;
vertical-align : middle;
background : #c6a336;
height : 3.5rem;
color : #fff;
}
.label_cate_rock span.pt{
line-height : 3.5rem;
padding-left : 1rem;
border : 0px solid yellow;
}
.label_cate_rock img {
display : none;
border : 0px solid green;
}
.label_cate_rock span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
.label_cate_brunch{
margin-left : 1%;
margin-right : 1%;
margin-top : 1%;
margin-bottom : 1%;
width : 100%;
vertical-align : middle;
background : #187fc4;
color : #fff;
}
.label_cate_brunch span.pt{
border : 0px solid yellow;
}
.label_cate_brunch img {
display : none;
border : 0px solid green;
}
.handled_brunch.h_brunch span.tel-link a{
color : #fff;
font-size : 1.0rem;
padding : 0 0 0 0;
border : 0px solid yellow;
}
.proTop-item_work {
flex-basis : 29%;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
.pro_image-trim_work {
position : relative;
overflow : hidden;
/*height : 0;*/
padding-bottom : 75%; /* 幅に対する縦のサイズ */
border : 1px solid #ccc;
}
.pro_image-trim_work img {
position : absolute;
top : 50%;
left : 50%;
transform : translate(-50%,-50%);
width : 100%;
height : 100%;
object-fit : cover;
}
.img_exp{
width : 100%;
margin : 1% auto 6% auto;
text-align : center;
font-size : 0.7rem;
}
/*カタログ*/
.proTop-item_work_cate {
width : 26%;
border : 1px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
.proTop-item_work_cate img{
width : 100%;
}
.proTop-item_catarog {
width : 50%;
text-align : center;
border : 0px solid #ccc;
margin-top : 3%;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
padding-top : 3%;
}
/*カタログが無い場合*/
.proTop-item_no_cate {
width : 26%;
border : 0px solid #ccc;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
/*動画*/
.mov_w{
width : 100%;
margin-top : 1% auto 3% auto;
}
.mov_exp{
width : 100%;
margin-top : 1%;
margin-right : 2%;
margin-left : 2%;
margin-bottom : 6%;
}
.btn_f_size {
font-size : 0.79rem;
}
/*---*/
/*FAQ*/
/*---*/
.cate_menu__item {
background : #fff;
color : #282828;
cursor : pointer;
display : block;
margin-top : 20px;
margin-bottom : 10px;
}
.cate_menu__item a:hover{
color : #282828;
text-decoration : none;
background : #d9d9d9;
}
.cate_menu__item__link {
color : #282828;
display : block;
line-height : 46px;
padding : 0 1rem;
position : relative;
border :1px solid #ccc;
}
.cate_menu__item__link:after {
color : #777777;
background : #fff;
content : '\f107';
display : block;
font-family : "Font Awesome 5 Free";
font-weight : 900;
line-height : 46px;
position : absolute;
right : 0;
text-align : center;
top : 0;
width : 46px;
}
.cate_menu__item__link.on:after {
color : #777777;
content : '\f106';
}
.cate_submenu {
margin-top : 8px;
padding : 5px;
background : #fff;
display : none;
margin-left : -16px;
border : 0px solid #ff0000;
}
.faq_q{
width : 98%;
margin-bottom : 20px;
margin-left : 2%;
padding-bottom : 10px;
padding-left : 52px;
text-indent : -52px;
font-size : 0.9rem;
}
.q1{
background : #377bc3;
padding : 5px 8px;
margin-left : 20px;
color : #fff;
font-size : 0.9rem;
}
.faq_a{
width : 98%;
margin-top : 10px;
margin-left : 2%;
padding-left : 52px;
text-indent : -52px;
line-height : 1.7;
padding-bottom : 10px;
border-bottom : 1px solid #ccc;
margin-bottom : 20px;
font-size : 0.9rem;
}
.a1{
background :#ff0000;
padding : 5px 8px;
margin-left : 20px;
color : #fff;
font-size : 0.9rem;
}
.scroll {
overflow: auto;
white-space: nowrap;
}
} /*最後*/