@charset "utf-8";
/* CSS Document */

/* pc */
.top_content_area{width: 96%; max-width: 1100px; margin: 0 auto; position: relative;}

/*製品情報*/
#search_products{background:url(../jpg/bg_top_products.jpg) no-repeat bottom #eef6fc; background-size: cover; padding:80px 0; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);}
#search_products>.top_content_area>h2{color:#333; font-size:34px; width: 22%; float: left; padding: 0 0 0 40px; font-family: Arial, Helvetica, "sans-serif";}
#search_products>.top_content_area>ul{max-width:800px; width:73%; float: right; list-style:none; text-align: center;}
#search_products>.top_content_area>ul>li{display:inline-block; width:23.8%; margin:0 0.1%; text-align: center; background:#FFF;}
#search_products>.top_content_area>ul>li>a{color:#00567F; display:block; padding: 20px 0; z-index:1; text-decoration:none;}
#search_products>.top_content_area>ul>li>a:hover, #search_products>ul>li>a:focus{ color:#888; text-decoration:none;}
#search_products ul li h3{font-size:18px; line-height:2em;}
#search_products ul li img{width:120px; height:120px;	background: #FFF; transition:all 0.25s ease-in-out;}
#search_products ul li a:hover img{opacity: 0.7;}

/*Pick Up*/
#pickup{width:100%; margin:0 auto; padding:80px 0;}
#pickup>h2{color:#333; font-size:30px; text-align:center; padding:0 0 40px; font-family: Arial, Helvetica, "sans-serif";}

/*Pick Up02*/
#top_pickup02_box{background: url(../jpg/bg_top_environmentally_box.jpg)no-repeat top; background-size: cover; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);}
#top_pickup02_box>.top_content_area>ul{padding: 80px 0; list-style: none;}
#top_pickup02_box>.top_content_area>ul>li{width: 49.5%; float: left; position: relative; background: #FFF;}
#top_pickup02_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_pickup02_box>.top_content_area>ul>li#top_aboutus{margin-right: 1%;}
#top_pickup02_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:32px; position: absolute; top:40px; left:40px; line-height: 1.2;}
#top_pickup02_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7; transition:all 0.25s ease-in-out;}

/*Pick Up03*/
#top_pickup03_box{background: url(../jpg/bg_top_environmentally_box.jpg)no-repeat top; background-size: cover; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);}
#top_pickup03_box>.top_content_area>ul{padding: 80px 0; list-style: none; display: flex; flex-wrap:wrap; justify-content:space-between;}
#top_pickup03_box>.top_content_area>ul>li{width: 32%; position: relative; background: #FFF; margin:0 0 15px 0;}
#top_pickup03_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_pickup03_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:23px; font-weight: bold; position: absolute; top:40px; left:20px;}
#top_pickup03_box>.top_content_area>ul>li>a>h2>span{display: block; font-size: 15px; padding:0 0 10px;}
#top_pickup03_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7; transition:all 0.25s ease-in-out;}

/*ダウンロード*/
#download{background:#ececec; padding:80px 0; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); position: relative; z-index: 99998;}
#download>.top_content_area>h2{color:#333; font-size:34px; width: 22%; float: left; padding: 0 0 0 40px;}
#download>.top_content_area>ul{max-width:800px; width:73%; float: right; list-style:none; text-align: center;}
#download>.top_content_area>ul>li{display:inline-block; width:32%; margin:0 0.1%; text-align: center; background:#FFF; box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;}
/*#download>.top_content_area>ul>li{display:inline-block; width:40%; margin:0 0.4%; text-align: center; background:#FFF; box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset;}*/
#download>.top_content_area>ul>li>a{color:#333; display:block; padding: 20px 0; z-index:1; text-decoration:none;}
#download>.top_content_area>ul>li>a:hover, #download>ul>li>a:focus{ color:#000; text-decoration:none;}
#download ul li h3{font-size:18px; line-height:3em;}
#download ul li#tds h3{font-size:18px; line-height:1em;}
#download ul li#tds h3 span{font-size:14px; line-height:1.4em; display: block; padding:2px 0 16px;}
#download ul li img{width:80px; height:80px; transition:all 0.25s ease-in-out;}
/*#download ul li img{width:120px; height:120px; opacity: 0.7; transition:all 0.25s ease-in-out;}*/
#download ul li a:hover{opacity:0.8;}

/*新着情報*/
#top_news{ padding:80px 0; position:relative; z-index: 99998;}
#top_news>.top_content_area>h2{color:#333; font-size:34px; width: 22%; float: left; padding: 0 0 0 40px;}
dl#news_list{max-width:800px; width: 73%; float: right; font-size: 15px; margin-top: -20px;}
dl#news_list dt{width:195px; float:left; padding:15px 0;}
dl#news_list dd{padding:15px 0 15px 195px; border-bottom: 1px dotted #CCC;}
dt.news_info{background:url(../gif/icon_news_info.gif) no-repeat 90px 50%;}
dt.news_event{background:url(../gif/icon_news_event.gif) no-repeat 90px 50%;}
dt.news_product{background:url(../gif/icon_news_product.gif) no-repeat 90px 50%;}
dt.news_release{background:url(../gif/icon_news_release.gif) no-repeat 90px 50%;}
dt.news_others{background:url(../gif/icon_news_others.gif) no-repeat 90px 50%;}
p#news_backnumber{display: block; width: 160px; font-size:15px; text-align:center; margin: 20px 0 0 40px; float: left;}
p#news_backnumber a{display: block; padding: 5px; background: #FFF; color: #333; border: 1px solid #333; transition:all 0.25s ease-in-out;}
p#news_backnumber a:hover, p#news_backnumber a:focus{background: #333; color: #FFF; border: 1px solid #333; transition:all 0.25s ease-in-out; text-decoration: none;}

/*会社情報*/
#top_about_box{background: url(../jpg/bg_top_about_box.jpg) no-repeat bottom; background-size: cover; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); position: relative; z-index: 99998;}
#top_about_box>.top_content_area>ul{padding: 80px 0; list-style: none;}
#top_about_box>.top_content_area>ul>li{width: 49.5%; float: left; position: relative; background: #FFF;}
#top_about_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_about_box>.top_content_area>ul>li#top_aboutus{margin-right: 1%;}
#top_about_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:34px; position: absolute; top:40px; left:40px;}
#top_about_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7; transition:all 0.25s ease-in-out;}

/*バナー*/
#banner_box{background:#f8f8f8; padding:35px 0 20px;}
#banner{width:96%; margin:0 auto;}
#banner>ul{max-width:1200px; list-style:none; margin:0 auto; text-align: center;}
#banner>ul>li{width:16%; float: left; margin:0; padding:0 0.3% 15px;}
#banner>ul>li>a>img{width:100%; height:auto;}

/*20200826 PICK UP*/
.tc_btn{display: inline-block; width:350px; margin: 5px; text-align: center;}
.tc_btn a{display:block; width: auto; padding: 30px 20px; color: #333; background:#FFF; border:2px solid #0096AE;}
.tc_btn a:hover,.tc_btn a:focus{text-decoration: none; opacity: 0.9;}

/* tablet  */
@media screen and (min-width: 641px) and (max-width: 1023px) {
/*ここにtablet用スタイルを記述*/
/*製品情報*/

#search_products{background:url(../jpg/bg_top_products.jpg) no-repeat bottom #eef6fc; background-size: cover; padding:50px 0; min-width: 750px;}
#search_products>.top_content_area>h2{color:#333; font-size:26px; width: 22%; float: left; padding: 0;}
#search_products ul li h3{font-size:16px; line-height:2em;}
#search_products ul li img{width:80%; height:auto; border-radius: 100%; transition:all 0.25s ease-in-out;}
#search_products ul li a:hover img{opacity: 0.7;}

/*Pick Up*/
#pickup{width:100%; min-width: 750px; margin:0 auto; padding:60px 0;}
#pickup>h2{color:#333; font-size:26px; text-align:center; padding:0 0 30px;}

/*Pick Up02*/
#top_pickup02_box{min-width: 750px;}
#top_pickup02_box>.top_content_area>ul{padding: 60px 0;}
#top_pickup02_box>.top_content_area>ul>li{width: 49.5%; float: left; position: relative;}
#top_pickup02_box>.top_content_area>ul>li>a>img{width:100%; height: auto;}
#top_pickup02_box>.top_content_area>ul>li#top_aboutus{margin-right: 1%;}
#top_pickup02_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:26px; position: absolute; top:30px; left:6%;}
#top_pickup02_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7;}

/*Pick Up03*/
#top_pickup03_box{min-width: 750px;}
#top_pickup03_box>.top_content_area>ul{padding: 60px 0;}
#top_pickup03_box>.top_content_area>ul>li{width: 32%; margin-right: 1%; position: relative;}
#top_pickup03_box>.top_content_area>ul>li>a>img{width:100%; height: auto;}
#top_pickup03_box>.top_content_area>ul>li:last-child{margin-right:0;}
#top_pickup03_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:16px; font-weight: bold; position: absolute; top:20px; left:6%;}
#top_pickup03_box>.top_content_area>ul>li>a>h2>span{display: block; font-size: 13px; padding:0 0 5px;}
#top_pickup03_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7;}

/*ダウンロード*/
#download{background:#ececec; padding:50px 0; min-width: 750px;}
#download>.top_content_area>h2{color:#333; font-size:26px; width: 22%; float: left; padding: 0;}
#download ul li h3{font-size:16px;}
#download ul li#tds h3 span{font-size:12px; line-height:1.3em; padding:1px 0 15px;}
#download ul li img{width:40%; height:auto; transition:all 0.25s ease-in-out;}

/*新着情報*/
#top_news{padding:50px 0; min-width: 750px;}
#top_news>.top_content_area>h2{color:#333; font-size:26px; width:100%; float:none; padding: 0;}
dl#news_list{width:100%; max-width: inherit; margin: 0px auto 30px; font-size: 14px;}
dl#news_list dt{width:180px; float:left; padding:10px 0; margin-left: 0;}
dl#news_list dd{padding:10px 0; border-bottom: 1px dotted #CCC; margin:0;}
dt.news_info{background:url(../gif/icon_news_info.gif) no-repeat 80px 50%;}
dt.news_event{background:url(../gif/icon_news_event.gif) no-repeat 80px 50%;}
dt.news_product{background:url(../gif/icon_news_product.gif) no-repeat 80px 50%;}
dt.news_release{background:url(../gif/icon_news_release.gif) no-repeat 80px 50%;}
dt.news_others{background:url(../gif/icon_news_others.gif) no-repeat 80px 50%;}
p#news_backnumber{display: block; width: 150px; font-size:12px; text-align:center; float: none; clear: both; margin: 0 auto;}

/*会社情報*/
#top_about_box{min-width: 750px;}
#top_about_box>.top_content_area>ul{padding: 60px 0;}
#top_about_box>.top_content_area>ul>li{width: 49.5%; float: left; position: relative;}
#top_about_box>.top_content_area>ul>li>a>img{width:100%; height: auto;}
#top_about_box>.top_content_area>ul>li#top_aboutus{margin-right: 1%;}
#top_about_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:26px; position: absolute; top:30px; left:6%;}
#top_about_box>.top_content_area>ul>li>a:hover{text-decoration: none; opacity: 0.7;}

/*バナー*/
#banner_box{background:#f8f8f8; min-width: 710px; padding:35px 20px 20px;}
#banner{width:100%; margin:0 auto;}
#banner>ul{ list-style:none; text-align: center;}
#banner>ul>li{width:24%; margin:0; padding:0 3px 15px;}
#banner>ul>li>a>img{width:100%; height:auto;}

}
 
/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/
.s_hide, .ms_hide{display:none}
.lm_hide{display:block;}
.s_clear{clear:both;}

/*製品情報*//*ダウンロード*/
#search_products,#download,#top_news{padding:10px 0 50px;}
#search_products>.top_content_area>h2,#download>.top_content_area>h2{width: 100%; font-size:20px; text-align:center; padding:20px 0 20px;}
#search_products>.top_content_area>ul,#download>.top_content_area>ul{width:100%; margin:0 auto; list-style:none;}
#search_products>.top_content_area>ul>li,#download>.top_content_area>ul>li{display:block; width:100%; height:auto; margin:0; border-bottom:#CCC 1px dotted; text-align: left; box-shadow:none;}
#search_products>.top_content_area>ul>li>a,#download>.top_content_area>ul>li>a{display:block; padding:5px 10px;}
#search_products ul li h3,#download ul li h3{font-size:16px; line-height:2.5em; background:url(../png/arrow_gray.png) no-repeat 98% 50%;}
#search_products ul li img,#download ul li img{width:40px; height:40px; border-radius: 100%; margin:0 10px 0 0; float:left; transition:none;}
#download ul li#tds h3 span{font-size:12px; line-height:1.3em; padding:5px 0;}
#download ul li#tds h3{font-size:16px; line-height:1em;}

/*Pick Up*/
#pickup{width:100%; margin:0 auto; padding:40px 0;}
#pickup>h2{color:#333; font-size:20px; text-align:center; padding:0 0 20px; font-family: Arial, Helvetica, "sans-serif";}

/*Pick Up02*/
#top_pickup02_box>.top_content_area>ul{padding: 20px 0; list-style: none;}
#top_pickup02_box>.top_content_area>ul>li{width: 100%; float:none; position: relative; background: #FFF; margin: 20px 0;}
#top_pickup02_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_pickup02_box>.top_content_area>ul>li#top_aboutus{margin-right:0;}
#top_pickup02_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:20px; font-weight: bold; position: absolute; top:20px; left:20px; padding-right: 20px;}

/*Pick Up03*/
#top_pickup03_box>.top_content_area>ul{padding: 20px 0; list-style: none;}
#top_pickup03_box>.top_content_area>ul>li{width: 100%; float:none; position: relative; background: #FFF; margin: 20px 0;}
#top_pickup03_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_pickup03_box>.top_content_area>ul>li#top_aboutus{margin-right:0;}
#top_pickup03_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:22px; font-weight: bold; position: absolute; top:30px; left:20px;}
#top_pickup03_box>.top_content_area>ul>li>a>h2>span{display: block; font-size: 14px; padding:0 0 3px;}

/*新着情報*/
#top_news{padding:10px 0 50px;}
#top_news>.top_content_area>h2{width: 100%; font-size:20px; text-align:center; padding:20px 0 20px;}
dl#news_list{width:100%; margin: 0px auto 30px; font-size: 13px;}
dl#news_list dt{width:100%; float:none; padding:10px 0 0;}
dl#news_list dd{padding:0 0 10px; border-bottom: 1px dotted #CCC;}
dt.news_info{background:url(../gif/icon_news_info.gif) no-repeat 75px 80%; background-size: 55px;}
dt.news_event{background:url(../gif/icon_news_event.gif) no-repeat 75px 80%; background-size: 55px;}
dt.news_product{background:url(../gif/icon_news_product.gif) no-repeat 75px 80%; background-size: 55px;}
dt.news_release{background:url(../gif/icon_news_release.gif) no-repeat 75px 80%; background-size: 55px;}
dt.news_others{background:url(../gif/icon_news_others.gif) no-repeat 75px 80%; background-size: 55px;}
p#news_backnumber{display: block; width: 50%; font-size:11px; text-align:center; float: none; clear: both; margin: 0 auto;}

/*会社情報*/
#top_about_box>.top_content_area>ul{padding: 20px 0; list-style: none;}
#top_about_box>.top_content_area>ul>li{width: 100%; float:none; position: relative; background: #FFF; margin: 20px 0;}
#top_about_box>.top_content_area>ul>li>a>img{width:100%; height: auto; vertical-align: bottom;}
#top_about_box>.top_content_area>ul>li#top_aboutus{margin-right:0;}
#top_about_box>.top_content_area>ul>li>a>h2{color:#FFF; font-size:20px; font-weight: bold; position: absolute; top:20px; left:20px;}
#top_about_box>.top_content_area>ul>li>a>h2>span{display: block; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, "sans-serif"; padding:0;}

/*バナー*/
#banner{width:96%; margin:0 auto;}
#banner>ul{list-style:none; text-align: center;}
#banner>ul>li{width:45%; display:inline-block; margin:0; padding:0 2% 15px;}
#banner>ul>li:first-child{padding:0 2% 15px;}
#banner>ul>li>a>img{width:100%; height:auto;}

/*20200826 PICK UP*/
.tc_btn{display: block; width:auto; margin: 5px auto;}


}