/* ---------------------------------------------------------------------
共通
--------------------------------------------------------------------- */
html,body{
  width: 100%;
}

body{
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ" , "MS PGothic", "Osaka", arial, helvetica, clean, sans-serif;
margin:0;
padding:0;
line-height:160%;
font-size:14px;
min-width: 1140px;
}


a:link {
color: #333333;
text-decoration: none;
}
a:hover {
color: #333333;
text-decoration: underline;
}
a:visited {
color: #333333;
text-decoration: none;
}
a:active {
color: #333333;
text-decoration: none;
}

a:hover img {
/*	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.70;*/
}
a img{
border:none;
}
.clear{
clear:both;
}

nav a:hover img {

}

/* ---------------------------------------------------------------------
タグリセット
--------------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6,p,div,ul,li,dl,dt,dd,form {
margin: 0px;
padding: 0px;
}
h1{
font-weight:normal;
display:inline;
}
ul,li {
margin: 0px;
padding: 0px;
list-style: none;
}
ol li {
list-style:none;
}
img {
margin: 0px;
padding: 0px;
border: none;
vertical-align:bottom;
}
table,tr,td{
border-collapse: collapse;
}


/* ---------------------------------------------------------------------
検索
--------------------------------------------------------------------- */
.fs-hidden {
  display: none;
}
#fs-result-container{
width:800px;
margin:0 auto;
padding-top:0;
padding-bottom:30px;
}

#fs-result-msg{
font-size:26px;
border-left:5px #26a860 solid;
padding:12px 0 12px 16px;
font-weight:bold;
margin:30px 0;
}

#fs-result ul{
margin:30px;
}
#fs-result li{
font-size:16px;
border-bottom:1px dotted #cccccc;
padding:15px 15px 15px 25px;
background:url(../common_img/arrow_fs.png) left center no-repeat;
}
#fs-result li a{
display:block;
}

#fs-page-navi{
text-align:center;
font-size:14px;
}
.fs-link{
border:#CCCCCC 1px solid;
padding:5px;
background:#F8F8F8;
}
a:hover.fs-link{
border:#CCCCCC 1px solid;
padding:5px;
background:#FFFFCC;
}
.fs-link-current{
font-weight:bold;
border:#FFFFFF 1px solid;
padding:5px;
background:#FFFFFF;
color:#333333;
}
a:hover.fs-link-current{
font-weight:bold;
border:#FFFFFF 1px solid;
padding:5px;
background:#FFFFFF;
color:#333333;
text-decoration:none;
}
.fs-page-order{
border:#FFFFFF 1px solid;
padding:5px;
background:#FFFFFF;
}
a:hover.fs-page-order{
border:#FFFFFF 1px solid;
padding:5px;
background:#FFFFFF;
}


/* ---------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------- */

header{
width:100%;
}
.hd_wrap {
width:96%;
margin:15px auto 15px;
}

.hd_box{
width:100%;
margin:0 0 20px;
}


/*ロゴ*/
h1.hd_logo1{
width:350px;
float:left;
}


/*hd_right*/
.hd_right{
width:200px;
float:right;
}
.hd_logo2{
width:136px;
float:right;
}

.hd_smenu{
clear:both;
padding-top:20px;
}
.hd_smenu li{
float:right;
background:url(../common_img/arrow_01.png) left center no-repeat;
padding:0 0 0 10px;
margin-right:15px;
}
.hd_smenu li:first-child{
margin-right:0;
}




/*ナビ*/

.hd_nav{
width:100%;
padding-bottom:14px;
border-bottom:#ddd 3px solid;
}
.hd_nav_inner{
width:1100px;
margin:0 auto;
}

.hd_nav nav li{
float:left;
}
.hd_nav nav li a{
width:219px;
color:#000;
display:block;
font-size:16px;
font-weight:bold;
text-align:center;
border-left:#b7b7b7 1px solid;
transition: all  0.3s ease;
}
.hd_nav nav li a span{
display:block;
padding:7px 0;
}
.hd_nav nav li a span:before{
content:url(../common_img/arrow_02.png);
position:relative;
margin-right:10px;
top:-2px;
}
.hd_nav nav li:last-child a{
width:218px;
border-right:#b7b7b7 1px solid;
}
.hd_nav nav li a:hover{
text-decoration:none;
background:#f8f8f8;
}

.hd_nav nav li.active a{
background:#f8f8f8;
}



/*パンくず*/
.breadcrumb{
width:100%;
background:#f8f8f8;
padding:10px 0;
}
.breadcrumb ul{
width:1100px;
margin:0 auto;
}
.breadcrumb ul li{
float:left;
}
.breadcrumb ul li:after{
content:">";
margin:0 12px;
}
.breadcrumb ul li:last-child:after{
content:"";
}
.breadcrumb a{
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:none;
}

/* ---------------------------------------------------------------------
カテゴリリスト
--------------------------------------------------------------------- */

.catlead{
padding-bottom:30px;
border-bottom:#e4e4e4 1px solid;
margin-bottom:30px;
}
.cl_img{
float:right;
padding-left:20px;
}
.catlead p.cl_lead{
font-size:16px;
line-height:200%;
}



.catlist_wrap .cl_box:nth-child(odd){
width:377px;
margin-bottom:50px;
float:left;
clear:both;
}
.catlist_wrap .cl_box:nth-child(even){
width:377px;
margin-bottom:50px;
float:right;
}
.cl_title{
font-size:18px;
background:url(../common_img/arrow_04.png) left 14px no-repeat;
padding-left:15px;
margin-bottom:5px;
letter-spacing: -0.05em;
}
.cl_title.new:after{
content: url(../common_img/NEW.png);
margin-left:10px;
}
.cl_bt{
border:#e2e2e2 1px solid;
}
.cl_bt:hover{
border:#26a860 1px solid;
}
.cl_btnonimg a{
display:block;
border:#e2e2e2 1px solid;
background:#e2e2e2;
width:375px;
height:120px;
}
.cl_btnonimg a:hover{
border:#26a860 1px solid;
}
p.cl_txt{
font-size:14px;
line-height:180%;
}


/* ---------------------------------------------------------------------
製品一覧リスト
--------------------------------------------------------------------- */


.prolist_wrap .pl_box:nth-child(3n+1){
float:left;
width:230px;
padding-bottom:60px;
margin-right:55px;
clear:both;
}
.prolist_wrap .pl_box:nth-child(3n+2){
float:left;
width:230px;
padding-bottom:60px;
margin-right:55px;
}
.prolist_wrap .pl_box:nth-child(3n+3){
float:left;
width:230px;
padding-bottom:60px;
margin-right:0px;
}

.prolist_wrap{
width:800px;
position:relative;
}
/*3個ごとに区切り線（4個以上の時に表示）*/
.prolist_wrap .pl_box:nth-child(3n+4)::before{
content: " ";
position:absolute;
left:0;
margin-top:-40px;
border-top:1px dotted #ccc;
display:block;
width:800px;
}

.pl_title1{
font-size:14px;
min-height:39px;
background:url(../common_img/arrow_01.png) left 3px no-repeat;
padding:0 0 3px 9px;
line-height:130%;
}
.pl_title2{
font-size:14px;
padding:0 0 0 9px;
margin-bottom:5px;
font-weight:bold;
}
.pl_box .new:after{
content: url(../common_img/NEW.png);
margin-left:10px;
}
.pl_img{
width:200px;
display:table-cell;
vertical-align:middle;
max-height:200px;
height:200px;
padding:15px;
border:#e2e2e2 1px solid;
}
.pl_img:hover{
padding:14px;
border:#009944 2px solid;
}
.pl_img img{
width:100%;
height:auto;
max-width:200px;
max-height:200px;
}
.pl_txt{
font-size:12px;
line-height:130%;
padding:10px 0;
}

.cat_bt_catalog{
width:228px;
margin:10px auto 0;
}
.cat_bt_catalog a{
display:block;
width:228px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.cat_bt_catalog a:hover{
border:#cf4700 1px solid;
}



.pl_box .ctm_bt_wrap{
margin-top:10px;
}
.pl_box .ctm_bt1{
float:left;
width:109px;
}
.pl_box .ctm_bt1 a{
display:block;
width:109px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.pl_box .ctm_bt1 a:hover{
border:#cf4700 1px solid;
}
.pl_box .ctm_bt1 a img{
width:100%;
height:auto;
}

.pl_box .ctm_bt1m{
float:right;
width:109px;
}
.pl_box .ctm_bt1m a{
display:block;
width:109px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.pl_box .ctm_bt1m a:hover{
border:#1e568f 1px solid;
}
.pl_box .ctm_bt1m a img{
width:100%;
height:auto;
}






.pl_bt{
padding-top:6px;
}
.pl_bt2on{
float:left;
width:110px;
background:#3da3c4;
padding:6px 0;
border-radius:5px;
color:#FFF;
margin-bottom:8px;
text-align:center;
}
.pl_bt3on{
float:right;
width:110px;
background:#3cb47a;
padding:6px 0;
border-radius:5px;
color:#FFF;
text-align:center;
}
.pl_bt2{
float:left;
width:110px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
margin-bottom:8px;
text-align:center;
}
.pl_bt3{
float:right;
width:110px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
text-align:center;
}




/* ---------------------------------------------------------------------
コンテンツ レイアウト
--------------------------------------------------------------------- */

.cont_wrap{
width:100%;
}

.cont_wrap_inner{
width:1100px;
margin:20px auto 0;
padding-bottom:60px;
}

.cont_left{
width:800px;
float:left;
}

.cont_right{
width:250px;
float:right;
}



/* ---------------------------------------------------------------------
コンテンツ　LEFT
--------------------------------------------------------------------- */
.cont_left h2{
font-size:22px;
border-left:5px #26a860 solid;
padding:12px 0 12px 16px;
font-weight:bold;
margin:30px 0;
}
.cont_left p{
color:#333;
line-height:180%;
}
/*NEWマーク付*/
.cont_left h2.new:after{
content: url(../common_img/NEW.png);
margin-left:20px;
}

.cont_left h3{
font-size:20px;
font-weight:bold;
color:#333;
border-left:4px #26a860 solid;
border-bottom:none;
padding:6px 0 6px 15px;
margin:25px 0;
}
.cont_left h3.new:after{
content: url(../common_img/NEW.png);
margin-left:20px;
}



.dp_entry_box{
margin-top:20px;
padding-top:0px;
border-top:#ddd 1px dotted;
}

/* タブメニュー */
#tab-menu {
padding-left: 500px;
}
#tab-menu div {
width:85px;
margin-right:10px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
background:#5173a6;
text-align:center;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 0;
cursor:pointer;
}

#tab-menu div:hover {
width:85px;
margin-right:10px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
background:#7499d0;
text-align:center;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 0;
cursor:pointer;
}
#tab-menu div.active {
width:85px;
margin-right:10px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
background:#FFF;
text-align:center;
color:#333;
font-size:16px;
font-weight:bold;
padding:10px 0;
transition: all  0.3s ease;
cursor:default;
}

/* タブの中身 */
#tab-box {
border-top:#dcd9d6 1px solid;
clear:both;
padding-top:30px;
}
#tab-box div.tabarea {
display: none;
}
#tab-box div.active {
display: block !important;
}

/*mago*/
.mago #tab-box {
  border-top:none;
  clear:both;
  padding-top:0px;
}

/* 納入事例タブの修正 */
#tab-box div.tabarea .cont_area3 table tbody tr td:nth-of-type(1){
padding: 0 20px;
}


/*製品メニュー*/

.products_wrap {
padding-bottom:45px;
}
.products_wrap ul li{
position:relative;
}

.new_on{
position:absolute;
z-index:100;
margin-bottom:-19px;
right:10px;
padding-top:5px;
}

.new_on img{
width:31px !important;
}

.products_wrap ul{
display:flex;
flex-wrap:wrap;
}

.products_wrap ul li{
width:256px;
float:left;
margin-right:13px;
margin-bottom:26px;
transition: all  0.3s ease;
background:#F8F8F8;
border-left:#ddd 1px solid;
border-right:#ddd 1px solid;
border-bottom:#ddd 1px solid;
}

.products_wrap ul li:nth-child(3n+1){
clear:both;
}
.products_wrap ul li:nth-child(3n+3){
margin-right:0px;
}

.products_wrap ul ul li{
width:236px;
border:none;
font-size:14px;
padding:3px 10px;
margin:0;
}
.products_wrap ul ul li:first-child{
padding-top:10px;
}
.products_wrap ul ul li:last-child{
padding-bottom:10px;
}
.products_wrap ul ul li:hover{
background:#cff5e0;
}
.products_wrap ul ul li a{
display:block;
background:url(../common_img/arrow_01.png) left 5px no-repeat;
padding-left:10px;
text-decoration:none;
transition: all  0.3s ease;
}


/*製品カラー*/
/*.products_wrap ul li:nth-child(1):hover{
border:2px solid #48b9b3;
}
.products_wrap ul li:nth-child(2):hover{
border:2px solid #26a85e;
}
.products_wrap ul li:nth-child(3):hover{
border:2px solid #4283bb;
}
.products_wrap ul li:nth-child(4):hover{
border:2px solid #789ec5;
}
.products_wrap ul li:nth-child(5):hover{
border:2px solid #e54352;
}
.products_wrap ul li:nth-child(6):hover{
border:2px solid #f0ab0f;
}
.products_wrap ul li:nth-child(7):hover{
border:2px solid #62c4f5;
}
.products_wrap ul li:nth-child(8):hover{
border:2px solid #f07b46;
}
.products_wrap ul li:nth-child(9):hover{
border:2px solid #9ec761;
}
.products_wrap ul li:nth-child(10):hover{
border:2px solid #ffef66;
}
.products_wrap ul li:nth-child(11):hover{
border:2px solid #a2a2a2;
}
*/







/*製品メイン画像*/
.cont_main{
margin-bottom:50px;
}
.cont_main_img{
float:left;
width:348px;
border:#dcd9d6 1px solid;
padding:25px;
}

/*まとめページ用画像縮小*/
.cont_main_img2{
  float:left;
  width:250px;
  border:#dcd9d6 1px solid;
  padding:25px;
}
.cont_main_img2 img{
  width:100%;
  height:auto;
}
.cont_main_right2{
  float:right;
  width:440px;
}
.cont_main_right2 p{
  font-size:14px;
  margin-bottom:30px;
}
.ctm_bt_box2{
  width:440px;
  margin:0 auto;
}

.cont_main_right{
float:right;
width:360px;
}
.ctm_title{
font-size:18px;
margin-bottom:30px;
}
.cont_main_right p{
font-size:14px;
margin-bottom:30px;
}

.ctm_bt_box{
width:360px;
margin:0 auto;
}

.ctm_bt1_long{
float:left;
width:270px;
}
.ctm_bt1_long a{
display:block;
width:270px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1_long a:hover{
border:#cf4700 1px solid;
}


.ctm_bt1{
float:left;
width:170px;
}
.ctm_bt1 a{
display:block;
width:170px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1 a:hover{
border:#cf4700 1px solid;
}

.ctm_bt1m{
float:right;
width:170px;
}
.ctm_bt1m a{
display:block;
width:170px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1m a:hover{
border:#1e568f 1px solid;
}

.ctm_rbox{
width:280px;
margin-bottom:10px;
}
.ctm_bt2on{
float:left;
margin-right:10px;
width:130px;
background:#3da3c4;
padding:6px 0;
border-radius:5px;
color:#FFF;
margin-bottom:8px;
text-align:center;
}
.ctm_bt3on{
float:left;
margin-right:10px;
width:130px;
background:#3cb47a;
padding:6px 0;
border-radius:5px;
color:#FFF;
text-align:center;
}
.ctm_bt2{
float:left;
margin-right:10px;
width:130px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
margin-bottom:8px;
text-align:center;
}
.ctm_bt3{
float:left;
margin-right:10px;
width:130px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
text-align:center;
}


.gaikanzu{
width:800px;

}
.gaikanzu img{
max-width:800px;
height:auto;
}

/*cont_area*/
.cont_area{
margin-bottom:60px;
}
.cont_area p{
font-size:16px;
margin-bottom:2em;
}
.cont_area h3{
font-size:20px;
font-weight:bold;
color:#333;
border-left:4px #dfdfdf solid;
border-bottom:1px #dfdfdf dotted;
padding:6px 0 6px 15px;
margin:25px 0;
}

.cont_area h4{
font-size:18px;
font-weight:bold;
color:#333;
border-bottom:1px #dfdfdf solid;
padding:6px 0 6px 0;
margin:20px 0;
}


/* ---------------------------------------------------------------------
お知らせ
--------------------------------------------------------------------- */
/* お知らせ　タブメニュー */

.info_wrap{
padding-bottom:45px;
}

.info_title_wrap{
margin:30px 0 20px;
}

.info_title_wrap #tab-menu {
width:100%;
padding-left:160px;
}

/*タブ色*/

.info_title_wrap #tab-menu div:nth-child(1) {
background:#999;
}
.info_title_wrap #tab-menu div:nth-child(1):hover {
background:#ccc;
}
.info_title_wrap #tab-menu div:nth-child(2) {
background:#5173a6;
}
.info_title_wrap #tab-menu div:nth-child(2):hover {
background:#7499d0;
}
.info_title_wrap #tab-menu div:nth-child(3) {
background:#3ca799;
}
.info_title_wrap #tab-menu div:nth-child(3):hover {
background:#5ac5b7;
}
.info_title_wrap #tab-menu div:nth-child(4) {
background:#eaa500;
}
.info_title_wrap #tab-menu div:nth-child(4):hover {
background:#fec02b;
}
/*//タブ色*/


.info_title_wrap #tab-menu div {
margin-right:6px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
text-align:center;
color:#FFF;
font-size:14px;
font-weight:bold;
padding:13px 20px;
cursor:pointer;
}

.info_title_wrap #tab-menu div:hover {
margin-right:6px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
text-align:center;
color:#FFF;
font-size:14px;
font-weight:bold;
padding:13px 20px;
cursor:pointer;
}
.info_title_wrap #tab-menu div.active {
margin-right:6px;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#FFF 1px solid;
float:left;
display:block;
background:#FFF;
text-align:center;
color:#333;
font-size:14px;
font-weight:bold;
padding:13px 20px;
transition: all  0.3s ease;
cursor:default;
}

/* タブの中身 */
#tab-box {
border-top:#dcd9d6 1px solid;
clear:both;
padding-top:30px;
}
#tab-box div.tabarea {
display: none;
}
#tab-box div.active {
display: block !important;
}


.news_wrap dt,dd{
font-size:14px;
color:#333;
line-height:160%;
}
.news_wrap dl{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:#ddd 1px dotted;
}
.news_wrap dt{
position:absolute;
clear:both;
padding:4px 0 4px 15px;
}
.news_wrap dt span{
display:inline-block;
width:100px;
padding:0;
text-align:center;
font-size:13px;
color:#FFF;
margin-left:25px;
}
.news_wrap dt span.news_cat1{
background:#5173a6;
}
.news_wrap dt span.news_cat2{
background:#3ca799;
}
.news_wrap dt span.news_cat3{
background:#eaa500;
}
.news_wrap dd{
margin-left:260px;
width:540px;
padding:4px 0;
}
.news_wrap dd::after{
clear:both;
}
.news_wrap dd a{
background:url(../common_img/arrow_01.png) left 3px no-repeat;
padding-left:10px;
}


.news_date{
font-size:14px;
color:#333;
text-align:right;
margin-top:-15px;
margin-bottom:15px;
}
.news_title{
font-size:18px;
border-bottom:#CCC 1px dotted;
border-left:#009944 4px solid;
padding:7px 15px;
margin-bottom:30px;
}

.news_entry{
font-size:14px;
line-height:160%;
padding:7px 15px;
margin-bottom:30px;
}
.news_entry p{
margin-bottom:1em;
}
.news_entry a{
text-decoration:underline;
transition: all  0.3s ease;
}
.news_entry a:hover{
color:#999;
}

/* ---------------------------------------------------------------------
WEB CHARGE
--------------------------------------------------------------------- */

.charge_entry h3{
font-size:22px;
color:#26a860;
margin-bottom:15px;
padding-bottom:5px;
border-bottom:none;
}
.charge_img{
width:200px;
float:left;
}
.charge_img img{
width:100%;
height:auto;
}
.charge_entrybody{
width:550px;
float:right;
text-align:left;
}
.charge_txt{
color:#333;
line-height:180%;
}
.charge_bt_wrap{
width:200px;
float:left;
}
.charge_bt{
margin-top:15px;
}



/* ---------------------------------------------------------------------
よくあるご質問
--------------------------------------------------------------------- */

/*アンカー*/

.faq_anc{
width:760px;
background:#f8f8f8;
border:#ddd 1px solid;
padding:20px;
margin-bottom:80px;
}
.faq_anc h4:first-child{
margin-top:0px;
}
.faq_anc h4{
font-size:16px;
color:#26a860;
margin:40px 0 10px;
}
.faq_anc ul{
margin-left:30px;
}
.faq_anc ul li{
margin-bottom:10px;
}
.faq_anc ul li a{
font-size:14px;
transition: all  0.3s ease;
}
.faq_anc ul li a:hover{
text-decoration:underline;
}
.faq_anc ul li .quest{
font-size:18px;
color:#108ccf;
}


/*記事リスト*/
.faq_entry{
width:800px;
position:relative;
}
.faq_entry h4{
font-size:18px;
color:#26a860;
margin:40px 0 10px;
padding:0 0 3px 10px;
border-left:#26a860 4px solid;
}
.faq_entry h3{
font-size:18px;
font-weight:bold;
color:#333;
padding:6px 0 10px 40px;
margin:25px 0;
border-left:none !important;
}
.faq_entry h3::before{
content:"Q";
font-size:36px;
color:#108ccf;
position: absolute;
left:0;
z-index:100;
}
.faq_entry .faq_entrybody::before{
content:"A";
font-size:36px;
color:#ffa200;
position: absolute;
left:0;
z-index:100;
}
.faq_entry .faq_entrybody{
font-size:14px;
line-height:180%;
padding-left:40px;
}
.pagetop{
font-size:14px;
text-align:right;
margin:20px 0 50px;
padding-bottom:30px;
}
.pagetop a{
color:#26a860;
text-decoration:underline;
transition: all  0.3s ease;
background:url(../common_img/arrow_05.png) left center no-repeat;
padding-left:15px;
}
.pagetop a:hover{
text-decoration:none;
}



/* ---------------------------------------------------------------------
個別ページ
--------------------------------------------------------------------- */

/*アンカーリンク共通*/
.anc_wrap{
margin-top:40px;
margin-bottom:40px;
}
.anc_wrap ul li{
float:left;
width:19%;
margin-right:1%;
}
.anc_wrap ul li:last-child{
margin-right:0;
}
.anc_wrap ul li a{
color:#26a860;
display:block;
background:#fff url(../common_img/arrow_02.png) 5px center no-repeat;
padding:5px 5px 5px 20px;
border:#26a860 1px solid;
border-radius:5px;
transition: all  0.3s ease;
text-decoration:none;
box-shadow:2px 2px #9adbb7;
}
.anc_wrap ul li a:hover{
color:#fff;
background:#26a860 url(../common_img/arrow_02.png) 5px center no-repeat;
}
.anc_wrap ul li a img{
vertical-align:middle;
border-radius:5px;
}

/*共通*/
.entry_wrap{
margin-bottom:px;
}
.entry_wrap a{
color:#26a860;
text-decoration:underline;
transition: all  0.3s ease;
}
.entry_wrap a:hover{
text-decoration:none;
}

.entry_wrap p{
line-height:180%;
}
.entry_wrap h3{
font-size:18px;
font-weight:bold;
color:#333;
border-left:4px #26a860 solid;
border-bottom:1px #dfdfdf dotted;
padding:5px 0 5px 15px;
margin:35px 0 25px;

}
.entry_wrap h4{
font-size:16px;
font-weight:bold;
color:#333;
border-bottom:1px #dfdfdf solid;
padding:6px 0 6px 0;
margin:20px 0;
}

/*共通テーブル*/
.entry_wrap table{
width:100%;
border-collapse:collapse;
}
.entry_wrap table th{
width:19%;
background:#efefef;
padding:10px 15px;
border:#ccc 1px solid;
line-height:180%;
text-align:left;
}
.entry_wrap table td{
padding:10px 15px;
border:#ccc 1px solid;
line-height:180%;
text-align:left;
}

.entry_wrap table.noborder{
width:100%;
border-collapse:collapse;
}
.entry_wrap table.noborder th{
width:20%;
background:#efefef;
padding:10px 0;
border:none;
line-height:180%;
text-align:left;
}
.entry_wrap table.noborder td{
padding:10px 0;
border:none;
line-height:180%;
text-align:left;
}



/*動画ページ*/
.movie .imgL{
width:320px;
float:left;
}
.movie .textData{
width:450px;
float:right;
}
.movie .textData h4{
margin-top:0px;
}
.movie .entry{
margin-bottom:30px;
}




/* ---------------------------------------------------------------------
製品情報ダウンロード
--------------------------------------------------------------------- */


.download_inner{
border-bottom:#CCC 1px dotted;
margin-bottom:30px;
padding-bottom:30px;
}

.download_inner h3{
font-size:22px;
border-left:none;
padding-left:0;
}

.download_inner .download_box{
background:#eee;
padding:7px 13px;
}
.download_inner .download_box:first-child{
padding:13px 13px 7px;
}
.download_inner .download_box:last-child{
padding:7px 13px 13px;
}

.download_inner .download_box h4{
background:#26a860;
color:#FFF;
font-size:18px;
padding:15px;
text-align:left;
border-bottom:#FFF 1px solid;
}

.download_box div.DL_products:nth-child(odd){
background:#f7f7f7;
}
.download_box div.DL_products:nth-child(even){
background:#fff;
}

.download_box div.DL_products{
padding:10px 15px;
font-size:16px;
color:#333;
line-height:160%;
border-bottom:#e8e8e8 1px solid;
}


.DL_img{
display:inline-block;
height:50px;
}
.DL_img img{
vertical-align:middle;
padding-right:15px;
}
.DL_title{
vertical-align:middle;
}
.DL_pdf{
float:right;
text-align:right;
}
.DL_pdf img{
width:auto;
height:50px;
}
.DL_pdf p{
text-align:left;
font-size:12px;
margin-right:15px;
}

.download_wrap .anc_wrap ul li a{
font-size:12px !important;
color:#26a860;
display:block;
background:#fff url(../common_img/arrow_02.png) 5px center no-repeat;
padding:5px 5px 5px 20px;
border:#26a860 1px solid;
border-radius:5px;
transition: all  0.3s ease;
text-decoration:none;
box-shadow:2px 2px #9adbb7;
margin:0 7px 7px 0;
}

.download_wrap .anc_wrap ul li a:hover{
color:#fff;
background:#26a860 url(../common_img/arrow_02.png) 5px center no-repeat;
}

.download_wrap .anc_wrap ul:nth-child(6) li a {
  padding: 4px 0 4px 20px;
  line-height: 1;
  letter-spacing: -1px;
}

/* ---------------------------------------------------------------------
コンテンツ　RIGHT
--------------------------------------------------------------------- */

/*検索*/
.search_area{
margin-bottom:20px;
background:url(../common_img/bg_search.jpg) no-repeat;
width:238px;
height:44px;
padding:57px 0 0 12px;

}
.search_input{
float:left;
padding-top:3px;
}
.search_input input{
width:171px;
height:28px;
font-size:14px;
border:none;
background:none;
padding:0 3px;
}
.search_bt{
float:left;
padding-top:1px;
}




.bnr_area .bnr{
margin-bottom:20px;
}

/*お問い合わせ*/
.inq_box{
width:248px;
border:#bdbcbd 1px solid;
background:url(../common_img/inq_box_bg.png) repeat;
padding-top:5px;
padding-bottom:9px;
margin:30px 0 20px;
}
.inq_box div:first-child{
width:221px;
margin:0 auto 15px;
}

.inq_box div{
width:221px;
margin:0 auto 10px;
}
.inq_box div a{
display:block;
border:#bdbcbd 1px solid;
}
.inq_box div a:hover{
border:#26a860 1px solid;
}



/*メニュー*/
.promenu_area{
margin-bottom:20px;
}
.promenu_area .new_on{
position:absolute;
z-index:100;
margin-bottom:0;
right:10px;
padding-top:0px;
}
.promenu_area li{
position:relative;
}
.promenu_area li a{
display:block;
width:245px;
height:59px;
border-top:#c4c3c4 1px solid;
border-right:#c4c3c4 1px solid;
transition: all  0.3s ease;
}
.promenu_area li a:hover{
color:#26a860;
text-decoration:underline !important;
}
.promenu_area li a .pm_th{
display:block;
float:left;
width:54px;
padding:5px;
}
.promenu_area li a .pm_th img{
height:46px;
}

.pm_name{
display:block;
float:left;
background:url(../common_img/arrow_03.png) left center no-repeat;
padding:0 0 0 6px;
margin:18px 0 0 6px;
}

.promenu_area li:last-child{
border-bottom:#c4c3c4 1px solid;
}


/*製品カラー*/
.promenu_area li.pm01{
border-left:4px solid #48b9b3;
}
.promenu_area li.pm02{
border-left:4px solid #26a85e;
}
.promenu_area li.pm03{
border-left:4px solid #4283bb;
}
.promenu_area li.pm04{
border-left:4px solid #789ec5;
}
.promenu_area li.pm05{
border-left:4px solid #e54352;
}
.promenu_area li.pm06{
border-left:4px solid #ff808e;
}
.promenu_area li.pm07{
border-left:4px solid #f0ab0f;
}
.promenu_area li.pm08{
border-left:4px solid #62c4f5;
}
.promenu_area li.pm09{
border-left:4px solid #f07b46;
}
.promenu_area li.pm10{
border-left:4px solid #9ec761;
}
.promenu_area li.pm11{
border-left:4px solid #ffef66;
}
.promenu_area li.pm12{
border-left:4px solid #a2a2a2;
}
.promenu_area ul li:nth-child(6) .new_on {
  top: -5px;
}
.promenu_area ul li:nth-child(6) .pm_name {
  margin-top: 12px;
  line-height: 1.4;
}




/*総合カタログ*/

.ctl_txt{
font-size:16px;
margin-bottom:20px;
}
.ctl_txt span{
font-size:12px;
}


.ctl_title{
font-size:18px;
font-weight:bold;
}
.ctl_title span{
font-size:12px;
font-weight:normal;
color:#aaa;
}

/*------背景--------*/

.ctl_BG_1{
background:#a3cda1;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_2{
background:#95c5a7;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_3{
background:#97cdca;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_4{
background:#93cce5;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_5{
background:#9cc5ea;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_6{
background:#9db8e0;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_7{
background:#9faad6;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_8{
background:#a09dcc;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_9{
background:#bb9dc9;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_10{
background:#edadcd;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_11{
background:#f4adae;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_12{
background:#f6b58e;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_13{
background:#fad09a;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_14{
background:#fdd984;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_15{
background:#dce9aa;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_16{
background:#c0dea9;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_17{
background:#9dd09c;
font-size:24px;
color:#FFF;
font-weight:bold;
}
.ctl_BG_18{
background:#61c1be;
font-size:24px;
color:#FFF;
font-weight:bold;
}

/*-------■-------*/

.ctl_span_1 span{
color:#a3cda1;
font-size:14px;


}
.ctl_span_2 span{
color:#95c5a7;
font-size:14px;


}
.ctl_span_3 span{
color:#97cdca;
font-size:14px;


}
.ctl_span_4 span{
color:#93cce5;
font-size:14px;


}
.ctl_span_5 span{
color:#9cc5ea;
font-size:14px;


}
.ctl_span_6 span{
color:#9db8e0;
font-size:14px;


}
.ctl_span_7 span{
color:#9faad6;
font-size:14px;


}
.ctl_span_8 span{
color:#a09dcc;
font-size:14px;


}
.ctl_span_9 span{
color:#bb9dc9;
font-size:14px;


}
.ctl_span_10 span{
color:#edadcd;
font-size:14px;


}
.ctl_span_11 span{
color:#f4adae;
font-size:14px;


}
.ctl_span_12 span{
color:#f6b58e;
font-size:14px;


}
.ctl_span_13 span{
color:#fad09a;
font-size:14px;


}
.ctl_span_14 span{
color:#fdd984;
font-size:14px;


}
.ctl_span_15 span{
color:#dce9aa;
font-size:14px;


}
.ctl_span_16 span{
color:#c0dea9;
font-size:14px;


}
.ctl_span_17 span{
color:#9dd09c;
font-size:14px;


}
.ctl_span_18 span{
color:#61c1be;
font-size:14px;


}



/*募集要項*/

.app_mail{
background:url(../common_img/mail.gif) left center no-repeat;
padding-left:23px;
}






/* ---------------------------------------------------------------------
フッター
--------------------------------------------------------------------- */

/*ページトップ*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
}


/*固定フッター*/

.fixed_ft_wrap{
position:fixed;
bottom:0;
width:100%;
height:90px;
background:url(../common_img/fixed_ft_BG.png) left top repeat-x;
}
.fixed_ft{
width: 1100px;
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
}
.fixed_ft img{
width: 100%;
}

.fixed_ft a{
display:block;
border:#ebebeb 1px solid;
transition: all  0.3s ease;
}
.ffmail a:hover{
border:#cf9f43 1px solid;
}
.ffoff a:hover{
border:#39b1d5 1px solid;
}
.ffnews a:hover{
border:#009944 1px solid;
}
.fffaq a:hover{
border:#009944 1px solid;
}


.ff1{
width:397px;
float:left;
margin:0 27px 0 0;
}
.ff2{
width:397px;
float:left;
margin:0 27px 0 0;
}
.ff3{
width:252px;
float:left;
margin:0 0 0 0;
}



/*フッターリンク*/

.ft_link_wrap{
width:100%;
background:#f4f4f4;
padding-bottom:40px;
}

.ft_link_inner{
width:1100px;
margin:0 auto;
padding:30px 0 0;
}


.ft_head{
padding-bottom:30px;
margin-bottom:30px;
border-bottom:#e0e0e0 1px solid;
}
.ft_logo{
width:208px;
float:left;
margin-right:50px;
}
.ft_txt{
float:left;
}

/*フッターリンク*/

.link_box{
width:210px;
margin-right:10px;
margin-bottom:50px;
float:left;
}
.lb_title{
font-size:18px;
font-weight:bold;
margin-bottom:5px;
}
.lb_title2{
font-size:18px;
font-weight:bold;
margin-top:30px;
margin-bottom:5px;
}
.lb_title3{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
.link_box li{
line-height:200%;
}
.link_box a{
transition: all  0.3s ease;
}
.link_box a:hover{
color:#999;
text-decoration:underline;
}

.ft_link .link_box:nth-child(5n+1) {
clear:both !important;
}


/*フッターコピー*/

.ft_copy_wrap{
width:100%;
background:#5a5a5a;
padding-bottom:90px;
}
.ft_copy_box{
width:1100px;
margin:0 auto;
}

.ft_copy{
width:100%;
font-size:12px;
text-align:center;
padding:15px 0;
color:#FFF;
}

.spnonbr{
display:inline;
}


.member_tmp{
width:622px;
height:454px;
margin:0 auto;
padding:100px 0 20px 0;
}
.member_tmp_close{
text-align:center;
font-size:16px;
}

/*SP用display:none;■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.sp_hd_wrap{
display:none;
}
.slidemenu {
display:none;
}
.SP_c2_panel_1{
display:none;
}
.spbr{
display:none;
}

.pc{
display:block !important;
}
.sp{
display:none !important;
}



/* 新規ブログ　トップコンテンツ用css */
.news_wrap dl.news_column{
  display: flex;
}

.news_wrap dt.top_news_thumbnail{
  width: 210px;
  height: 140px;
  box-sizing: border-box;
  position: static;
overflow: hidden;
}

.news_wrap dt.top_news_thumbnail img{
  width: 100%;
}

.news_wrap dd.news_text{
  width: 60%;
  margin: 0;
  box-sizing: border-box;
  padding-left: 30px;
}

.news_wrap dd.news_text span.date{
  font-size: 12px;
  margin-right: 15px;
  padding: 3px 0px;
}

.news_wrap dd.news_text span.news_cat{
  color: #ffffff;
  font-size: 12px;
  padding: 3px 20px;
}

.news_wrap dd.news_text .news_cat1{
  background: #5173a6;
}
.news_wrap dd.news_text .news_cat2{
  background: #3ca799;
}
.news_wrap dd.news_text .news_cat3{
  background: #eaa500;
}

.news_wrap dd.news_text a{
  color: #66CCCC;
  text-decoration:underline;
  font-size: 17px;
  display: block;
  margin-top: 10px;
  word-wrap:break-word;
}


/* 新規ブログ　ブログ記事コンテンツ用css */
.cont_left h2.news_title{
  word-wrap: break-word;
}

/* 新規ブログ　パンくずリスト用css */
.breadcrumb ul.breadcrumb_list li{
  word-wrap: break-word;
  display: inline;
  float: none;
}


/* ------------------------------画面の横幅が640px以下 (スマホ) ------------------------------*/
@media screen and (max-width:640px){


.pc{
display:none !important;
}
.sp{
display:block !important;
}



body{
min-width:100%;
}


/*ヘッダー*/

.hd_wrap{
display:none;
}
.hd_nav{
display:none;
}


.bxslider li:nth-child(3){
min-width:100%;
}
.bxslider li img{
width:100%;
height:auto;
}
.bx-pager{
display:none;
}


/*スライドメニュー==================================*/


nav ul {
  list-style:none;
}

/*header*/
.sp_hd_wrap {
display:block;
color:#FFF;
text-align:center;
  position: relative;
  width: 100%;
}

.sp_logo{
width:55%;
margin-left: 13%;
float:none;
padding:10px 5px;
}
.sp_logo h1{
text-align:left;
}
.sp_logo img{
width:100%;
height:auto;
}



/*ロゴ*/
.sp_logo h1.logo{
width:100%;
float:none;
}
.sp_logo h1.logo a{
width:100%;
display:block;
padding:5px 0;
font-size:20px;
color:#333;
text-align:right;
line-height:100%;
}
.sp_logo h1.logo a span{
font-size:12px;
}
.sp_logo h1.logo a:hover{
text-decoration:none;
}

/*.lang{
width: 8.125%;
height: 38.25%;
position: absolute;
display: block;
top:23%;
right:3%;
}*/
.lang{
width: 20%;
font-size: 80%;
background: #fafafa;
border: 1px #385682 solid;
border-radius: 5px;
padding: 3px 0;
position: absolute;
display: block;
top: 27%;
right:3%;
}
.lang img{
width:100%;
height:auto;
}


.button {
width: 12.5%;
height: 61.53%;
position: absolute;
display: block;
background-repeat: no-repeat;
background-image: url(/common_img/menu.png);
background-position: center;
border-radius:5px 0 0 5px;
top:10%;
}
.button::after {
content:"menu";
text-align:center;
display: block;
margin-top: 65%;
font-size: 10px;
color: #000;
}
.menu-button-left {
  left: 0px;
}
.menu-button-right {
  right: 0px;
}

/*slidemenu*/
.slidemenu {
display:block;
  background-color: #137f24;
}
.slidemenu li {
  list-style: none;
  border-top: 1px solid #1ba130;
  border-bottom: 1px solid #417000;
  font-size:14px;
  line-height: 1.8;
}
.slidemenu li a {
  padding:10px 0 10px 20px;
  display: block;
  text-decoration: none;
  color: #fff;
transition: 0.3s;
}
.slidemenu li a:hover {
background:#81bc2e;
}
.slidemenu li:first-child {
  border-top: none;
}
.slidemenu li:last-child {
  border-bottom: none;
}
.slidemenu .slidemenu-header {
  height: 49px;
  border-bottom: 1px solid #417000;
  box-shadow: 0 1px 3px rgba(34,25,25,.4);
  -moz-box-shadow: 0 1px 3px rgba(34,25,25,.4);
  -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4);
  background-color: #137f24;
}

.slidemenu .slidemenu-header div {
  padding: 17px 0px 0px 19px;
  text-decoration: none;
  color: #fff;
font-weight:bold;
}


/*plugin*/
#main {
z-index: 1;
}
.slidemenu {
top: 0;
width: 240px;
position: fixed;
visibility: hidden;
z-index: -1;
}
.slidemenu .slidemenu-header {
position: relative;
}
.slidemenu .slidemenu-body {
height: 100%;
overflow: hidden;
position: relative;
}
.slidemenu .slidemenu-body .slidemenu-content {
position: relative;
}
.slidemenu-left {
  left: 0;
}
.slidemenu-right {
  right: 0;
}

/* pager */
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 2000;
}

/*///スライドメニューここまで==================================*/







/*footer*/


.link_box{
width:100%;
margin-right:0px !important;
margin-bottom:0px;
float:left;
}

.link_box ul{
display:none;
}

.ft_link_right{
width:100%;
float:none;
margin:0 auto;
}




.ft_link_box{
width:80%;
margin:0 auto;
padding:25px 0;
}
.ft_link_box li{
float:left;
background:url(../images/arrow_2.png) left center no-repeat;
padding-left:8px;
font-size:14px;
margin-right:20px;
margin-bottom:20px;
}


.ft_copy_box{
width:100%;
margin:0 auto;
}

.ft_logo{
display:none;
}
.ft_logo_sp{
width:80%;
float:none;
margin:0 auto;
display:block;
}
.ft_logo_sp img{
width:100%;
}
.ft_copy{
width:80%;
float:none;
font-size:12px;
text-align:center;
padding:20px;
color:#FFF;
margin:0 auto;
}



.ft_link_box{
width:100%;
margin:0 auto;
padding:25px 0;
}

.ft_link_box ul{
width:100%;
float:left;
margin-right:10px;
}
.ft_link_box ul.last{
width:100%;
float:left;
margin-right:0;
}


.ft_link_box li{
background:url(../images/arrow_2.png) left center no-repeat;
padding-left:8px;
font-size:14px;
margin-right:20px;
float:none;
line-height:130%;
}
.ft_link_box ul ul{
margin-left:20px;
}
.ft_link_box ul ul li{
background:url(../images/arrow_3.png) left center no-repeat;
padding-left:8px;
font-size:14px;
margin-right:20px;
float:none;
line-height:130%;
}
.ft_link_box a{
color:#333;
}
.ft_link_box a:hover{
color:#333;
text-decoration:underline;
}


.lb_title{
width:96%;
font-size:18px;
font-weight:bold;
margin:0 auto 10px;
padding:4px 0 4px 15px;
background:url(../common_img/arrow_01.png) left center no-repeat;
}
.lb_title2{
font-size:18px;
font-weight:bold;
margin:0 auto 10px;
padding:4px 0 4px 15px;
background:url(../common_img/arrow_01.png) left center no-repeat;
}
.lb_title3{
font-size:18px;
font-weight:bold;
margin:0 auto 10px;
padding:4px 0 4px 15px;
background:url(../common_img/arrow_01.png) left center no-repeat;
}



.spbr{
  display:inline;
}
.spnonbr{
  display:none;
}






/* ---------------------------------------------------------------------
コンテンツ レイアウト
--------------------------------------------------------------------- */

.cont_wrap{
width:100%;
word-wrap:break-word;
}

.cont_wrap_inner{
width:100%;
margin:20px auto 0;
padding-bottom:20px;
}

.cont_left{
width:96%;
margin:0 auto;
float:none;
}

.cont_right{
width:96%;
margin:30px auto 0;
float:none;
clear:both;
border-top:#CCC 1px solid;
}



.info_title_wrap h2{
width:100%;
float:none;
margin:0;
}
.info_title_wrap .info_list{
display:none;

width:55px;
float:right;
padding-top:10px;
}

.info_title_wrap #tab-menu {
width:100%;
float:none;
padding-left:0;
}



.ft_link_wrap{
width:100%;
background:#f4f4f4;
padding-top:10px;
padding-bottom:0px;
}

.ft_head{
display:none;
}
.ft_link_inner{
width:90%;
margin:0 auto;
padding:0px 0 10px;
}

.ft_copy_wrap{
width:100%;
background:#5a5a5a;
padding-bottom:0px;
}

.ft_copy_box{
width:100%;
margin:0 auto;
}


/* ---------------------------------------------------------------------
pro_menu
--------------------------------------------------------------------- */
.pro_menu_inner{
width:96%;
margin:0 auto;
}
.pro_menu_wrap{
display:none;

width:100%;
background:url(../common_img/top_green_bg.png) repeat;
height:100%;
}

.pm_left{
display:none;
}
.pm_right{
width:100%;
margin:0 auto;
float:none;
padding-top:10px;
}
.promenu div.pm3{
width:48%;
float:left;
}
.promenu div{
width:48%;
float:left;
}
.promenu div img{
width:100%;
height:auto;
}
.promenu div:last-child{
clear:both;
}

/* ---------------------------------------------------------------------
ニュース
--------------------------------------------------------------------- */
.news_wrap dt{
position: relative;
clear:both;
padding:4px 0 4px 15px;
background:url(../common_img/arrow_01.png) left center no-repeat;
}
.news_wrap dt span{
display:inline-block;
width:100px;
padding:0;
text-align:center;
font-size:13px;
color:#FFF;
margin-left:25px;
}

.news_wrap dd{
margin-left:0;
width:100%;
padding:4px 0;
}
.news_wrap dd::after{
clear:both;
}
.news_wrap dd a{
background:none;
padding-left:0px;
}


.news_date{
width:90%;
font-size:14px;
background:#009944;
color:#FFF;
text-align:center;
margin:15px auto;
padding:3px;
border-radius:5px;
}

.info_wrap{
padding-bottom:0px;
}

/*タブ*/

.info_title_wrap #tab-menu div {
width:44%;
margin-right:6px;
margin-bottom:6px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
text-align:center;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:5px;
cursor:pointer;
}

.info_title_wrap #tab-menu div:hover {
width:44%;
margin-right:6px;
margin-bottom:6px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
text-align:center;
color:#FFF;
font-size:12px;
font-weight:bold;
padding:5px;
cursor:pointer;
}
.info_title_wrap #tab-menu div.active {
width:44%;
margin-right:6px;
margin-bottom:6px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
background:#FFF;
text-align:center;
color:#333;
font-size:12px;
font-weight:bold;
padding:5px;
transition: all  0.3s ease;
cursor:default;
}



/* ---------------------------------------------------------------------
TOP製品一覧
--------------------------------------------------------------------- */
.cont_left h2{
font-size:20px;
border-left:5px #dfdfdf solid;
padding:8px 0 6px 16px;
font-weight:bold;
margin:30px 0 20px;
}


.products_wrap {
padding-bottom:0px;
}
.products_wrap ul li{
width:48%;
float:left;
margin-right:0;
margin-bottom:5px;
border:#FFF 2px solid;
transition: all  0.3s ease;
}
.products_wrap ul li:nth-child(3n+1){
clear:none;
}
.products_wrap ul li:nth-child(3n+3){
margin-right:0px;
}

.products_wrap ul li img{
width:100%;
height:auto;
}




/* ---------------------------------------------------------------------
バナー
--------------------------------------------------------------------- */


/*お問い合わせ*/
.inq_box{
width:100%;
border:#bdbcbd 1px solid;
background:url(../common_img/inq_box_bg.png) repeat;
padding-top:5px;
padding-bottom:9px;
margin:30px auto 20px;
}
.inq_box div:first-child{
width:221px;
margin:0 auto 15px;
}
/*.inq_box div:nth-child(2){
width:226px;
margin:0 auto 10px;
}*/
.inq_box div{
width:221px;
margin:0 auto 10px;
}



/*バナー*/

/*.bnr_area .bnr{
width:90%;
margin:0 auto 20px;
text-align:center;
}*/
.bnr_area .bnr:nth-child(odd){
width:48%;
margin:0 2% 20px 0;
text-align:center;
float:left;
}
.bnr_area .bnr:nth-child(even){
width:48%;
margin:0 0 20px 2%;
text-align:center;
float:left;
}
.bnr_area .bnr img{
width:100%;
height:auto;
}


/*固定フッター*/

.fixed_ft_wrap{
position:static;
bottom:0;
width:100%;
height:auto;
background:#f4f4f4;
}
.fixed_ft{
width: 100%;
margin: 0 auto;
padding: 10px 0;
display: block;
}
.fixed_ft a{
display:block;
border:#ebebeb 1px solid;
transition: all  0.3s ease;
}
.ff1 a:hover{
border:#cf9f43 1px solid;
}
.ff2 a:hover{
border:#39b1d5 1px solid;
}
.ff3 a:hover{
border:#009944 1px solid;
}



.ff1{
width:90%;
float:none;
margin:0 auto 10px;
}
.ff2{
width:90%;
float:none;
margin:0 auto 10px;
}
.ff3{
width:90%;
float:none;
margin:0 auto 10px;
}

.ff1 img,.ff2 img,.ff3 img{
width:100%;
height:auto;
}




/* ---------------------------------------------------------------------
second 記事
--------------------------------------------------------------------- */

.cont_left img{
max-width:100%;
height:auto;
}
.cont_left table{
width:100% !important;
}
.cont_left iframe{
width:100% !important;
}

.catlist_wrap .cl_box:nth-child(odd){
width:100%;
margin-bottom:20px;
float:none;
clear:both;
}
.catlist_wrap .cl_box:nth-child(even){
width:100%;
margin-bottom:20px;
float:none;
}

.cl_btnonimg a{
display:block;
border:#e2e2e2 1px solid;
background:#e2e2e2;
width:100%;
height:auto;
}

.breadcrumb ul{
width:96%;
margin:0 auto;
}

.anc_wrap ul li{
float:left;
width:47%;
margin-right:2%;
margin-bottom:2%;
}


.m30 td{
width:100%;
display: list-item !important;	
}

#tab-box {
border-top:none;
clear:both;
padding-top:30px;
}


.faq_anc{
width:92%;
background:#f8f8f8;
border:#ddd 1px solid;
padding:10px;
margin-bottom:80px;
}


.faq_anc ul{
margin-left:0px;
}

/*記事リスト*/
.faq_entry{
width:100%;
position:relative;
}



.download_box div{
padding:10px 15px;
font-size:16px;
color:#333;
line-height:160%;
border-bottom:#e8e8e8 1px solid;
}
.DL_img{
width:20%;
display:inline-block;
height:auto;
float:right;
}
.DL_img img{
vertical-align:middle;
padding-left:15px;
}
.DL_title{
width:80%;
line-height:120%;
vertical-align:middle;
}
.DL_pdf{
clear:both;
display:block;
float:none;
text-align:center;
margin:0 auto;
}
.DL_pdf img{
width:50%;
height:auto;
}
.DL_pdf p{
text-align:center;
font-size:12px;
margin-right:15px;
}
.DL_pdf p br{
display:none;
}

.catalog_wrap table{
width:100%;
border-collapse:collapse;
}
.catalog_wrap table th{
width:19%;
background:#efefef;
padding:7px;
border:#ccc 1px solid;
line-height:180%;
text-align:left;
}
.catalog_wrap table td{
padding:7px;
border:#ccc 1px solid;
line-height:180%;
text-align:left;
}

.catalog_wrap img{
width:100%;
height:auto;
}
.ctl_span_1,.ctl_span_2,.ctl_span_3,.ctl_span_4,.ctl_span_5,.ctl_span_6,.ctl_span_7,.ctl_span_8,.ctl_span_9,.ctl_span_10,.ctl_span_11,.ctl_span_12,.ctl_span_13,.ctl_span_14,.ctl_span_15,.ctl_span_16,.ctl_span_17,.ctl_span_18 {
display:none;
}
.ctl_title{
font-size:14px;
font-weight:bold;
}
.ctl_title span{
font-size:12px;
font-weight:normal;
color:#aaa;
}



/*動画ページ*/
.movie .imgL{
width:100%;
float:none;
}
.movie .textData{
width:100%;
float:none;
}

.movie .entry{
background:#fafafa;
border:1px #CCC solid;
margin-bottom:35px;
padding:10px;
margin-top:15px;
}
.movie .entry a.dlfile{
display:block;
width:200px;
margin:0 auto 15px;
}
/* ---------------------------------------------------------------------
WEB CHARGE
--------------------------------------------------------------------- */
.charge_wrap{
border-bottom:#ccc 1px solid;
margin-top:10px;
}
.charge_entry h3{
font-size:22px;
color:#26a860;
margin-bottom:15px;
padding-bottom:5px;
border-bottom:none;
}
.charge_img{
width:200px;
margin:0 auto;
float:none;
}
.charge_img img{
width:100%;
height:auto;
}
.charge_entrybody{
width:100%;
float:none;
text-align:left;
}
.charge_txt{
color:#333;
line-height:180%;
}
.charge_bt_wrap{
width:200px;
float:none;
margin:0 auto;
}
.charge_bt{
margin-top:15px;
}



/* ---------------------------------------------------------------------
製品情報
--------------------------------------------------------------------- */

#fs-result-container{
width:100%;
margin:0 auto;
padding-top:0;
padding-bottom:30px;
}



.products_wrap ul ul li{
width:236px;
border:none;
font-size:12px;
padding:3px 5px;
margin:0;
}

.new_on{
position:absolute;
z-index:100;
margin-bottom:0px;
right:10px;
padding-top:0px;
}

.new_on img{
width:31px !important;
}

/*検索*/
.search_area{
background:url(../common_img/bg_search.jpg) no-repeat;
width:238px;
height:44px;
padding:57px 0 0 12px;
margin:30px auto 20px;

}


.cl_img{
float:none;
padding-left:0px;
padding-bottom:20px;
}


/*メニュー*/
.promenu_area{
width:250px;
margin:0 auto 20px;
}
.promenu_area .new_on{
position:absolute;
z-index:100;
margin-bottom:0;
right:10px;
padding-top:0px;
}
.promenu_area li{
position:relative;
}
.promenu_area li a{
display:block;
width:245px;
height:59px;
border-top:#c4c3c4 1px solid;
border-right:#c4c3c4 1px solid;
transition: all  0.3s ease;
}
.promenu_area li a:hover{
color:#26a860;
text-decoration:underline !important;
}
.promenu_area li a .pm_th{
display:block;
float:left;
width:54px;
padding:5px;
}
.promenu_area li a .pm_th img{
height:46px;
}

.pm_name{
display:block;
float:left;
background:url(../common_img/arrow_03.png) left center no-repeat;
padding:0 0 0 6px;
margin:18px 0 0 6px;
}

.promenu_area li:last-child{
border-bottom:#c4c3c4 1px solid;
}










/* ---------------------------------------------------------------------
製品一覧リスト
--------------------------------------------------------------------- */


.prolist_wrap .pl_box:nth-child(3n+1){
float:none;
width:230px;
padding-bottom:30px;
margin:0 auto 30px;
clear:both;
border-bottom:1px #CCC solid;
}
.prolist_wrap .pl_box:nth-child(3n+2){
float:none;
width:230px;
padding-bottom:30px;
margin:0 auto 30px;
clear:both;
border-bottom:1px #CCC solid;
}
.prolist_wrap .pl_box:nth-child(3n+3){
float:none;
width:230px;
padding-bottom:30px;
margin:0 auto 30px;
clear:both;
border-bottom:1px #CCC solid;
}
.prolist_wrap .pl_box:last-child{
float:none;
width:230px;
padding-bottom:30px;
margin:0 auto 30px;
clear:both;
border-bottom:none;
}

.prolist_wrap{
width:100%;
position:relative;
}
/*3個ごとに区切り線（4個以上の時に表示）*/
.prolist_wrap .pl_box:nth-child(3n+4)::before{
content: " ";
position:absolute;
left:0;
margin-top:-40px;
border-top:1px dotted #ccc;
display:block;
width:100%;
}

.pl_title1{
font-size:14px;
min-height:39px;
background:url(../common_img/arrow_01.png) left 3px no-repeat;
padding:0 0 3px 9px;
line-height:130%;
}
.pl_title2{
font-size:14px;
padding:0 0 0 9px;
margin-bottom:5px;
font-weight:bold;
}
.pl_box .new:after{
content: url(../common_img/NEW.png);
margin-left:10px;
}
.pl_img{
width:200px;
display:table-cell;
vertical-align:middle;
max-height:200px;
height:200px;
padding:15px;
border:#e2e2e2 1px solid;
}
.pl_img:hover{
padding:14px;
border:#009944 2px solid;
}
.pl_img img{
width:100%;
height:auto;
max-width:200px;
max-height:200px;
}
.pl_txt{
font-size:12px;
line-height:130%;
padding:10px 0;
}

.cat_bt_catalog{
width:228px;
margin:10px auto 0;
}
.cat_bt_catalog a{
display:block;
width:228px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.cat_bt_catalog a:hover{
border:#cf4700 1px solid;
}



.pl_box .ctm_bt_wrap{
margin-top:10px;
}
.pl_box .ctm_bt1{
float:left;
width:109px;
}
.pl_box .ctm_bt1 a{
display:block;
width:109px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.pl_box .ctm_bt1 a:hover{
border:#cf4700 1px solid;
}
.pl_box .ctm_bt1 a img{
width:100%;
height:auto;
}

.pl_box .ctm_bt1m{
float:right;
width:109px;
}
.pl_box .ctm_bt1m a{
display:block;
width:109px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.pl_box .ctm_bt1m a:hover{
border:#1e568f 1px solid;
}
.pl_box .ctm_bt1m a img{
width:100%;
height:auto;
}






.pl_bt{
padding-top:6px;
}
.pl_bt2on{
float:left;
width:110px;
background:#3da3c4;
padding:6px 0;
border-radius:5px;
color:#FFF;
margin-bottom:8px;
text-align:center;
}
.pl_bt3on{
float:right;
width:110px;
background:#3cb47a;
padding:6px 0;
border-radius:5px;
color:#FFF;
text-align:center;
}
.pl_bt2{
float:left;
width:110px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
margin-bottom:8px;
text-align:center;
}
.pl_bt3{
float:right;
width:110px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
text-align:center;
}



/*タブメニュー*/

#tab-menu {
width:100%;
padding-left:0px;
}

#tab-menu div {
width:30%;
margin-right:2%;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
background:#5173a6;
text-align:center;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 0;
cursor:pointer;
}

#tab-menu div:hover {
width:30%;
margin-right:2%;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
background:#7499d0;
text-align:center;
color:#FFF;
font-size:16px;
font-weight:bold;
padding:10px 0;
cursor:pointer;
}
#tab-menu div.active {
width:30%;
margin-right:2%;
margin-bottom:-1px;
border-top:#dcd9d6 1px solid;
border-left:#dcd9d6 1px solid;
border-right:#dcd9d6 1px solid;
border-bottom:#dcd9d6 1px solid;
float:left;
display:block;
background:#FFF;
text-align:center;
color:#333;
font-size:16px;
font-weight:bold;
padding:10px 0;
transition: all  0.3s ease;
cursor:default;
}




/*製品メイン画像*/

.cont_main{
margin-bottom:50px;
}
.cont_main_img{
float:none;
width:94%;
margin:0 auto 20px;
border:#dcd9d6 1px solid;
padding:10px;
}

/*まとめページ用画像縮小*/
.cont_main_img2{
  float:none;
  width:250px;
  border:#dcd9d6 1px solid;
  padding:25px;
}
.cont_main_img2 img{
  width:100%;
  height:auto;
}
.cont_main_right2{
  float:none;
  width:100%;
}
.cont_main_right2 p{
  font-size:14px;
  margin-bottom:30px;
}
.ctm_bt_box2{
  width:100%;
  margin:0 auto;
}

.cont_main_right{
float:none;
width:100%;
}
.ctm_title{
font-size:18px;
margin-bottom:30px;
}
.cont_main_right p{
font-size:14px;
margin-bottom:30px;
}

.ctm_bt_box{
width:280px;
margin:0 auto;
}

.ctm_bt1_long{
float:left;
width:270px;
}
.ctm_bt1_long a{
display:block;
width:270px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1_long a:hover{
border:#cf4700 1px solid;
}


.ctm_bt1{
float:left;
width:130px;
}
.ctm_bt1 a{
display:block;
width:130px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1 a:hover{
border:#cf4700 1px solid;
}

.ctm_bt1m{
float:right;
width:130px;
}
.ctm_bt1m a{
display:block;
width:130px;
border:#FFF 1px solid;
border-radius:7px;
transition: all  0.3s ease;
}
.ctm_bt1m a:hover{
border:#1e568f 1px solid;
}

.ctm_rbox{
width:280px;
margin:0 auto 10px;
}
.ctm_bt2on{
float:left;
margin-right:10px;
width:130px;
background:#3da3c4;
padding:6px 0;
border-radius:5px;
color:#FFF;
margin-bottom:8px;
text-align:center;
}
.ctm_bt3on{
float:right;
margin-right:0px;
width:130px;
background:#3cb47a;
padding:6px 0;
border-radius:5px;
color:#FFF;
text-align:center;
}
.ctm_bt2{
float:left;
margin-right:10px;
width:130px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
margin-bottom:8px;
text-align:center;
}
.ctm_bt3{
float:left;
margin-right:10px;
width:130px;
background:#f2f2f2;
padding:6px 0;
border-radius:5px;
color:#dbdbdb;
text-align:center;
}


.gaikanzu{
width:100%;

}
.gaikanzu img{
max-width:100%;
height:auto;
}

/*cont_area*/
.cont_area{
margin-bottom:60px;
}
.cont_area p{
font-size:16px;
margin-bottom:2em;
}
.cont_area h3{
font-size:20px;
font-weight:bold;
color:#333;
border-left:4px #dfdfdf solid;
border-bottom:1px #dfdfdf dotted;
padding:6px 0 6px 15px;
margin:25px 0;
}

.cont_area h4{
font-size:18px;
font-weight:bold;
color:#333;
border-bottom:1px #dfdfdf solid;
padding:6px 0 6px 0;
margin:20px 0;
}


.prolist_wrap .pl_box:nth-child(3n+4)::before{
content: " ";
position:absolute;
left:0;
margin-top:-40px;
border-top:none;
display:block;
width:800px;
}



.entry_wrap h4{
font-size:16px;
font-weight:bold;
color:#333;
border-bottom:1px #dfdfdf solid;
padding:6px 0 6px 0;
margin:20px 0;
clear:both;
}





.products_wrap ul ul li:last-child{
padding-bottom:0px;
}

.products_wrap ul ul li a{
display:block;
background:url(../common_img/arrow_01.png) left 5px no-repeat;
padding-left:7px;
text-decoration:none;
transition: all  0.3s ease;
}

.download_wrap .anc_wrap ul:nth-child(6) li a {
  letter-spacing: 0px;
}



/* 新規ブログ トップコンテンツ用css*/
.news_wrap dt.top_news_thumbnail {
display: none;
}

.news_wrap dd.news_text{
width: 100%;
padding: 0px;
}


}

@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) {
  .download_wrap .anc_wrap ul:nth-child(6) li a {
      letter-spacing: 2px;
  }
}
@media screen and (max-width:320px){
  .download_wrap .anc_wrap ul:nth-child(6) li a {
      letter-spacing: -2px;
  }
}

/* ニュース記事カテゴリ */

.bn-breadcrumb{
height: 21px;
}
#bn_content #bn_content-inner{
display: flex;
width: 1100px;
margin: 20px auto 0;
flex-wrap: wrap;
}


#bn_content #bn_content-inner .bn_in{
width: 800px;
margin-right: 50px;
}

#bn_content #bn_content-inner .bn_in .bn_category{
display: flex;
  align-items: center;
text-align: center;
margin: 10px 0 50px 0;
border: #ddd 1px solid;
}

#bn_content #bn_content-inner .bn_list .bn_news_wrap .bn_news_column .bn_news_text .bn_news_category{
padding: 2px 30px;
  background: #a1daa6;
padding-top: 3px;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_ttl{
width: 30%;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav{
width: 70%;
margin: 10px 0;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list{
display: flex;
  flex-wrap: wrap;
  width: 100%;
border-left: 1px solid #ddd;
padding: 5px;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list .bn_category_item{
width: 33.333%;
line-height: 1.5;
padding: 4px 20px;
  box-sizing: border-box;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list .bn_category_item a:link{
display: block;
  background: #ddd;
  padding-top: 3px;
text-decoration: none;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list .bn_category_item a:hover{
opacity: 0.7;
}

#bn_content #bn_content-inner .nav{
width:250px;
margin-left: 50px;
}

.bn_footer{
display: block;
  background: #5a5a5a;
}


.bn_footer .bn_footer-inner{
width: 1100px;
  margin: 0 auto;
  text-align: center;
color: white;
}


.bn_footer .bn_footer-inner .bn_footer-content{
padding: 10px;
}

.bn_footer .bn_footer-inner .bn_footer-content p a{
color: white;
}

/* 製品ページ_納入事例モーダルウィンドウ */
.modal_button {
cursor: pointer;
}
.modal_body {
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
opacity: 0;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100vh;
padding: 60px;
background: rgba(0, 0, 0, 0.85);
}
.modal_body img {
-o-object-fit: contain;
   object-fit: contain;
position: relative;
z-index: 2;
width: 100%;
height: 100%;
}
.modal_body._is-active {
opacity: 1;
z-index: 0;
}
.modal_close {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
position: absolute;
bottom: 10px;
z-index: 3;
height: 40px;
padding: 4px 0 0 36px;
color: white;
font-size: 18px;
line-height: 1;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 40 40"><path id="icon_close" d="M20,21.366,1.366,40,0,38.634,18.634,20,0,1.366,1.366,0,20,18.634,38.634,0,40,1.366,21.366,20,40,38.634,38.634,40Z" fill="white"/></svg>') center left no-repeat;
}
.modal_close:hover {
opacity: 0.6;
}


@media screen and (max-width: 640px){
#bn_content #bn_content-inner{
  width: 100%;
}

#bn_content #bn_content-inner .bn_in{
  width: 95%;
  margin: 0 auto;
}


#bn_content #bn_content-inner .bn_in .bn_category{
  flex-wrap: wrap;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_ttl{
  width: 100%;
  font-size: 20px;
  margin: 10px 2.5% 10px 2.5%;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav{
  width: 100%;
  margin-bottom: 10px;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list{
  border: none;
}

#bn_content #bn_content-inner .bn_in .bn_category .bn_category_nav .bn_category_list .bn_category_item{
  padding: 0;
  width: 45%;
      margin: 1% 2.5%;
}

/*製品ページ_納入事例モーダルウィンドウ*/
.modal_body {
  padding: 40px 10px;
}
}