@charset "utf-8";

/* CSS Document */
/*--------------------------------------------------
共通
----------------------------------------------------*/
body{
    min-width: 1250px;
}
body main .main_contents{
    width: 1100px;
    margin: 0 auto;
}
body main .main_inner{
    margin-top: 80px;
    margin-bottom: 100px;
}

/*MV*/
body main .mv{
    background-image: url(../../company/img/company_ttl_bg.png);
    box-sizing: border-box;
    width: 100%;
    height: 280px;
    background-size: cover;
    background-position: center center;
    position: relative;
	overflow: hidden;
}
body main .mv .inner{
    width: 860px;
    margin: 0 auto;
    text-align: center;
    padding: 60px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height: auto;
}
body main .mv .inner h1{
    font-size: 4.2rem;
    line-height: 1;
    font-weight: bold;
}
body main .mv .inner p{
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 40px;
    text-shadow:
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}


/*パンくず*/
body main .main_contents .breadcrumb{
    width: 1100px;
    margin: 20px auto 0;
}
body main .main_contents .breadcrumb p a{
    text-decoration: underline;
}


/*問い合わせ*/
body main .main_inner .contact{
    width: 1100px;
    margin: 80px auto 0;
}
body main .main_inner .contact .tel_area{
    width: 550px;
    border: 3px solid #0058a6;
    box-sizing: border-box;
    padding: 30px;
    box-sizing: border-box;
    position: relative;
}
body main .main_inner .contact .tel_area p.tel{
    font-size: 3.5rem;
    font-weight: bold;
    color:#0058a6;
    line-height: 1.3;
}
body main .main_inner .contact .tel_area p.tel:before{
    content: "";
    background-image: url(../../common/img/contact_tel_img.png);
    width: 26px;
    height: 34px;
    position: absolute;
    top: 40%;
    left: 15%;
}
body main .main_inner .contact .tel_area p.fax{
    font-size: 1.8rem;
    font-weight: bold;
    color:#0058a6;
    line-height: 1.3;
}
body main .main_inner .contact .contact_area{
    background-image: url(../../common/img/contact_bnr_bl_bg.png);
    background-size: cover;
    width: 550px;
    position: relative;
}
body main .main_inner .contact .contact_area a{
    width: 100%;
    height: 100%;
    display: block;
}
body main .main_inner .contact .contact_area p{
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
body main .main_inner .contact .contact_area p span{
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
}
body main .main_inner .contact p{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
}
body main .main_inner .contact ul{
   display: flex;
   width: 1100px;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: 10px;
}
body main .main_inner .contact ul li{
　　width: 550px;
}

/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
       body{
    min-width: 100%;
}
    body main{
    margin-top: 60px;
}
    body main .main_contents{
    width: 100%;
    margin: 0 auto;
}
body main .main_inner{
    margin: 20px auto 60px;
    width: 90%
}

/*MV*/
body main .mv{
    background-image: url(../../company/img/company_ttl_bg.png);
    box-sizing: border-box;
    width: 100%;
    min-height: auto;
    height: 150px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
body main .mv .inner{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    height: auto;
}
body main .mv .inner h1{
    font-size: 150%;
    line-height: 1.5;
    font-weight: bold;
}
body main .mv .inner p{
    font-size:1.6rem;
    line-height: 2;
    margin-top: 40px;
    -moz-text-shadow: -2px 2px 13px rgba(255, 255, 255, 1);
-webkit-text-shadow: -2px 2px 13px rgba(255, 255, 255, 1);
-ms-text-shadow: -2px 2px 13px rgba(255, 255, 255, 1);
text-shadow: -2px 2px 13px rgba(255, 255, 255, 1);
}

/*パンくず*/
body main .main_contents .breadcrumb{
    margin: 20px auto;
    width: 90%;
}
body main .main_contents .breadcrumb p{
    font-size: 1.4rem;
    letter-spacing: 0;
    }

/*問い合わせ*/
body main .main_inner .contact{
    width: 100%;
    margin: 80px auto 0;
}
body main .main_inner .contact .tel_area{
    width: 100%;
    border: 3px solid #0058a6;
    box-sizing: border-box;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
}
body main .main_inner .contact .tel_area p.tel{
    font-size: 2.3rem;
    font-weight: bold;
    color:#0058a6;
    line-height: 1.3;
    display: inline-block;
    position: relative;
}
body main .main_inner .contact .tel_area p.tel:before{
    content: "";
    background-image: url(../../common/img/contact_tel_img.png);
    width: 26px;
    height: 34px;
    position: absolute;
    top: -1px;
    left: -36px;
}
body main .main_inner .contact .tel_area p.fax{
    font-size: 1.8rem;
    font-weight: bold;
    color:#0058a6;
    line-height: 1.3;
}
body main .main_inner .contact .contact_area{
    background-image: url(../../common/img/contact_bnr_bl_bg.png);
    background-size: cover;
    width: 100%;
    position: relative;
    height: 140px;
}
body main .main_inner .contact .contact_area a{
    width: 100%;
    height: 100%;
    display: block;
}
body main .main_inner .contact .contact_area p{
    color: #fff;
    font-size: 2.3rem;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
body main .main_inner .contact .contact_area p span{
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
}
body main .main_inner .contact p{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
body main .main_inner .contact ul{
   display: block;
   width: 100%;
    justify-content:none;
    box-sizing: border-box;
}
body main .main_inner .contact ul li{
　　width: 100%;
}
}/*/SP_end*/
/*--------------------------------------------------
共通　見出し、テーブル、マージン
----------------------------------------------------*/
body main .main_inner h2{
    /*color: #0058a6;
    font-size: 2.8rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;*/
        color: #0058a6;
    font-size: 2.8rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 60px;
}
/*▼ 200828*/
body main .main_inner h3{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.25em 0.5em;
    /* color: #494949; */
    background: transparent;
    border-left: solid 5px #87afd4;
    margin-bottom: 8px;
     margin-top: 25px;
}
body main .main_inner h4{
    font-size: 1.6rem;
    font-weight: 600;
    background: #f0f0f0;
    padding: 6px 8px;
    margin-top: 25px;
    margin-bottom: 10px;
}
body main .main_inner h4:first-child{
    margin-top: 0px;
}
body main .main_inner strong{
    font-weight: 600;
}
/*▼テーブル*/
body main .main_inner table{
    margin: 20px auto 15px;
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    width: 700px!important;
}
body main .main_inner table:last-child{
    width: 100%!important;
}
body main .main_inner table tr{
    border-bottom: 1px solid #bbbbbb;
}
body main .main_inner table th{
    padding: 15px 10px;
    border-right:1px solid #9b9999;
    color: #fff;
    font-weight: 600;
    background: #6098cb;
	vertical-align: middle;
}
body main .main_inner table td{
	vertical-align: middle;
}
body main .main_inner table.table_form th{vertical-align:middle;}
body main .main_inner table td{
    padding: 15px 10px;
    border-right:1px solid #9b9999;
	vertical-align: middle;
}
body main .main_inner .sec02,
body main .main_inner .sec03,
body main .main_inner .sec04,
body main .main_inner .sec05,
body main .main_inner .sec06,
body main .main_inner .sec07{
    margin-top: 60px;
}
body main .main_inner a{
    text-decoration: underline;
    color: #0058a4;
}
body main.index .main_inner a{
    text-decoration: none;
    color: #000;
}
/*products*/
body main .main_inner ul{
    margin: 20px auto;
}
body main.index .main_inner ul{
    margin: 0px auto;
}
body main .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 8px;
    padding-left: 25px;
    text-indent: -16px;
}
body main.index .main_inner ul li{
    list-style:  none;
    margin:  0;
    padding: 0;
    margin-bottom: 0px;
        text-indent: 0px;
}
#company main.index .main_inner ul li:before,
#products main.index .main_inner ul li:before{
    display: none;
}
body main .main_inner ul li:before{
    content:  "";
    width:  10px;
    height:  10px;
    display:  inline-block;
    background-color: #6098cb;
    border-radius:  50%;
    position:  relative;
    top: -1px;
    margin-right: 5px;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    body main .main_inner h2{
    color: #0058a6;
    font-size: 2rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 8px;
    margin-top: 30px;
}
body main .main_inner h3{
    text-align: left;
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: 20px;
    line-height: 1.5;
}
body main .main_inner .sec02,
body main .main_inner .sec03,
body main .main_inner .sec04,
body main .main_inner .sec05,
body main .main_inner .sec06,
body main .main_inner .sec07{
    margin-top: 50px;
}
    /*▼テーブル*/
body main .main_inner table{
    width: 100%!important;
    table-layout: fixed;
    box-sizing: border-box;
    }
    body main .main_inner table td{
        word-wrap: break-word;
		vertical-align: middle;
}
    body main .main_inner table th{
    word-break: break-all;
    padding: 5px;
		vertical-align: middle;
    }
}
/*--------------------------------------------------
company
----------------------------------------------------*/
/*▼ 1.index---------------------------------------*/
#company main .main_inner .btn_flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
#company main .main_inner .btn_flex li{
    width: 347px;
    margin-top: 60px;
}
#company main .main_inner .btn_flex li:nth-child(1),
#company main .main_inner .btn_flex li:nth-child(2),
#company main .main_inner .btn_flex li:nth-child(3){
    margin-top: 0px;
}
#company main .main_inner .btn_flex li a{
    width: 100%;
    height: 100%;
    display: block;
}
#company main .main_inner .btn_flex li a:hover{
    opacity: 0.8;
}
#company main .main_inner .btn_flex li h2{
    margin-top:20px ;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
    position: relative;
    color:#000;
    border: none;
    text-align: left;
    margin-bottom: 0;

}
#company main .main_inner .btn_flex li h2:after{
    content:"";
	display:inline-block;
	width:33px;
	height:9px;
	background:url(../../common/img/arrow.png) no-repeat;
	background-size:contain;
    position: absolute;
    right: 0;
}
#company main .main_inner .btn_flex li img{
    /*display: block;*/
    width: 100%;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main .main_inner .btn_flex li{
        width: 100%;
        margin-top: 25px;
    }
    #company main .main_inner .btn_flex li:nth-child(1),
    #company main .main_inner .btn_flex li:nth-child(2),
    #company main .main_inner .btn_flex li:nth-child(3){
    margin-top: 25px;
    }
    #company main .main_inner .btn_flex li h2{
        font-size: 1.6rem;
        margin-top: 10px;

    }
    #company main .main_inner .btn_flex li img.sp{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
}/*/SP_end*/



/*▼ 2.トップメッセージ---------------------------------------*/
#company main.message .main_inner p.main_txt_p{
    line-height: 2;
    margin-top: 50px;
}
#company main.message .main_inner img.pc{
    display: block;
    margin: 0 auto;
}
#company main.message .main_inner .read_img{
    background-image: url(../../company/message/img/message_bg.png);
    width: 1100px;
    height: 240px;
    position: relative;
    background-size: cover;
    margin-top: 25px;
}
#company main.message .main_inner .read_img .txt_area{
    float: left;
   position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 40px;
}
#company main.message .main_inner .read_img .txt_area h2{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 3.0rem;
    font-weight: 600;
    color:#0058a4;
    border: none;
    margin-top: 0;
}
#company main.message .main_inner .read_img .txt_area p{
    margin-top: 25px;
}
#company main.message .main_inner .read_img .txt_area p span{
    margin-left: 15px;
}
#company main.message .main_inner .read_img .img_area{
    position: absolute;
    right: 70px;
    bottom: 30px;
}
#company main.message .main_inner ul{
    width: 1100px;
    margin: 50px auto 0;
}
#company main.message .main_inner ul li{
    list-style: none;
    margin-left: 20px;
    font-weight: 600;
}

#company main.message .main_inner .blueBox{/*200918*/
        background: #ebf2f8;
    padding: 20px;
    margin-top: 20px;
    box-sizing: border-box;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.message .main_inner p.main_txt_p{
    line-height: 2;
    margin-top: 25px;
}
#company main.message .main_inner img.pc{
    display: none;
    margin: 0 auto;
}
#company main.message .main_inner img.sp{
    display: block;
    margin: 25px auto 0;
    width: 100%;
    }
#company main.message .main_inner .read_img{
    background-image: url(../../company/img/message_bg_gr.png);
    width: 100%;
    height: auto;
    position: static;
    background-size: cover;
    padding: 20px;
    box-sizing: border-box;
}
#company main.message .main_inner .read_img .txt_area{
    float: none;
   position: static;
    top: 0%;
    margin-top: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
#company main.message .main_inner .read_img .txt_area h2{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 2.0rem;
    font-weight: 600;
    color:#0058a4;
    margin-top: 0;
}
#company main.message .main_inner .read_img .txt_area p{
    margin-top: 10px;
}
#company main.message .main_inner .read_img .txt_area p span{
    margin-left: 15px;
}
#company main.message .main_inner .read_img .img_area{
    position: static;
    right: 0;
    bottom: 0;
}
    #company main.message .main_inner .read_img .img_area img{
        display: block;
        margin: 0 auto;
        width: 90%;
    }
#company main.message .main_inner ul{
    width: 100%;
    margin: 25px auto 0;
}
#company main.message .main_inner ul li{
    list-style: none;
    margin-left: 0px;
    font-weight: 600;
}
}/*/SP_end*/


/*▼ NEWS---------------------------------------*/
#company main.news .main_inner .news_box{
    width: 1100px;
    margin: 0 auto;
     border-top: 1px solid #d8d8d8;
}
#company main.news .main_inner .news_box dl{
    border-bottom: 1px solid #d8d8d8;
    padding: 20px;
    }
#company main.news .main_inner .news_box dt{
    display: inline-block;
    font-weight: 600;
    color:#0058a4;
    font-size: 1.6rem;
}
#company main.news .main_inner .news_box dd{
    display: inline-block;
    font-size: 1.6rem;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #company main.news .main_inner .news_box{
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #d8d8d8;
}
#company main.news .main_inner .news_box dl{
    border-bottom: 1px solid #d8d8d8;
    }
#company main.news .main_inner .news_box dt{
    display: block;
    font-weight: 600;
    color:#0058a4;
    font-size: 1.6rem;
    margin-right: 30px;
}
#company main.news .main_inner .news_box dd{
    display: block;
    font-size: 1.6rem;
}
}/*/sp_end*/


/*--------------------------------------------------
strengths 200818
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#strengths main .main_inner .box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
}
#strengths main .main_inner .box_flex li{
    width: 346px;
}
#strengths main .main_inner .box_flex li img{
    width: 100%;
    margin: 0 auto;
}
#strengths main .main_inner .box_flex li h2{
    color:#0058a4;
    font-weight: bold;
    font-size: 2.0rem;
    text-align: center;
    margin: 30px 0;
    border: none;
}
#strengths main .main_inner .box_flex li span{
    color:#8d8d8d;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: center;
    display: block;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #strengths main .main_inner .box_flex{
    display: block;
    width: 100%;
    justify-content: none;
}
#strengths main .main_inner .box_flex li{
    width: 100%;
    margin-top: 30px;
}
#strengths main .main_inner .box_flex li img{
    width: 100%;
    margin: 0 auto;
}
#strengths main .main_inner .box_flex li h2{
    color:#0058a4;
    font-weight: bold;
    font-size: 2.0rem;
    text-align: center;
    margin: 15px 0;
}
#strengths main .main_inner .box_flex li span{
    color:#8d8d8d;
    font-weight: 500;
    font-size: 1.4rem;
    text-align: center;
    display: block;
}
}/*/SP_end*/


/*--------------------------------------------------
products 200818
----------------------------------------------------*/
#products main .mv{
    background-image: url(../../common/img/products_mv_bg.png);
}
#products main p:first-child{/*200917*/
    overflow: auto;
}
/*▼ index---------------------------------------*/
#products main .main_inner .box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
    flex-wrap: wrap;
}
#products main .main_inner .box_flex li{
    width: 535px;
    margin-top: 60px;
}
#products main .main_inner .box_flex li:nth-child(2),
#products main .main_inner .box_flex li:nth-child(1){
    margin-top: 0px;
}
#products main .main_inner .box_flex li img{
    width: 100%;
}
#products main .main_inner .box_flex li h2{
    font-weight: bold;
    font-size: 2.0rem;
    margin-top: 15px;
    border: none;
    margin-bottom: 15px;
    color: #000;
    text-align: left;
}
#products main .main_inner .box_flex li p{
margin-top: 5px;
}
#products main .main_inner img{/*200917*/
    max-width: 100%;
    display: block;
    margin: 10px auto;
    height: auto;
}
#products main .main_inner div.link_area{/*200918*/
    margin-top:20px;
}

/*▼SP-------------*/
@media only screen and (max-width: 767px){
    #products main .main_inner .box_flex{
    display: block;
    width: 100%;
    justify-content: none;
    flex-wrap: none;
    }
    #products main .main_inner .box_flex li{
    width: 100%;
    margin-top: 30px;
    }
    #products main .main_inner .box_flex li:nth-child(2),
    #products main .main_inner .box_flex li:nth-child(1){
    margin-top: 30px;
    }
    #products main .main_inner .box_flex li img.sp{
    width: 100%;
    display: block;
    margin: 0 auto;
    }
    #products main .main_inner .box_flex li h2{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 15px;
    }
    #products main .main_inner .box_flex li p{
    margin-top: 5px;
    }
    #products main .main_inner img:first-child{/*200925*/
    float: none!important;
}
}/*/SP_end*/

/*▼ Exhaust Gas Treatment Catalysts---------------------------------------*/
#products main.environment .main_inner .sec01 li strong{
    font-weight: 600;
    display: block;
}
#products main.environment .main_inner .sec01 .flex,
#products main.environment .main_inner .sec02 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1100px;
}
#products main.environment .main_inner .sec01 .flex li{/*200925*/
width: 346px;
    padding: 0;
    text-indent: 0;
}
#products main.environment .main_inner .sec01 .flex li img{
    width: 100%;
}
#products main.environment .main_inner .sec02 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.environment .main_inner .sec02 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
}
#products main.environment .main_inner .sec02 .flex .btn:nth-child(1),
#products main.environment .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 0px;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 120px;
    background-size: cover;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 1.8rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;
    border: none;
    margin: 0;
}
#products main.environment .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
}
#products main.environment .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
}
#products main.environment .main_inner .sec02 .btn1 .img_area{
    background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn01.png);
}
#products main.environment .main_inner .sec02 .btn2 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn02.png);
}
#products main.environment .main_inner .sec02 .btn3 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn03.png);
}
#products main.environment .main_inner .sec02 .btn4 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn04.png);
}
#products main.environment .main_inner .sec02 .btn5 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn05.png);
}
#products main.environment .main_inner .sec02 .btn6 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn06.png);
}
#products main.environment .main_inner .sec02 .btn7 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn07.png);
}
#products main.environment .main_inner .sec02 .btn8 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn08.png);
}
#products main.environment .main_inner .sec02 .btn9 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn09.png);
}
#products main.environment .main_inner .sec02 .btn10 .img_area{
     background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/img/btn10.png);
}
#products main.environment li:before{
    display: none;
}
#products main.environment a{
    text-decoration: none;
    color:#000;
}
#products main.environment .breadcrumb a{text-decoration:underline;}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.environment .main_inner .sec01 .flex,
    #products main.environment .main_inner .sec02 .flex{
    display: block;
    flex-wrap: none;
    justify-content: none;
    width: 100%;
    }
    #products main.environment .main_inner .sec01 .flex li{
    width: 100%;
    margin-top: 30px;
        text-align: center;
    }
    #products main.environment .main_inner .sec01 .flex li:nth-child(1){
    margin-top: 0px;
    }
    #products main.environment .main_inner .sec01 .flex li img{
    width: 100%;
    }
    #products main.environment .main_inner .sec02 .flex .btn{
    width: 100%;
    margin-top: 30px;
    }
    #products main.environment .main_inner .sec02 .flex .btn a{
    width: 100%;
    height: 100%;
    display: block;
    }
    #products main.environment .main_inner .sec02 .flex .btn:nth-child(1){
        margin-top: 0px;
    }
    #products main.environment .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 30px;
    }
    #products main.environment .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 110px;
    background-size: cover;
    }
    #products main.environment .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 1.8rem;
    position: absolute;
        top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    color: #272727;
    font-weight: 600;
    }
    #products main.environment .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.6rem;
    }
    #products main.environment .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
    }
}/*/spend*/

/*▼ oil---------------------------------------*/
#products main.oil .main_inner .ttl{
    position: relative;
    width: 1100px;
    height: 160px;
}
#products main.oil .main_inner .ttl h2{
    position: absolute;
    top: 36%;
    left: 30px;
    font-size: 2.8rem;
    font-weight: 600;
    color:#fff;
    border-bottom: none;
}
#products main.oil .main_inner .sec01 .ttl{
    background-image: url(../../products/oil/img/tti_bg01.png);
    background-size: cover;
    /*margin-bottom: 10px;*/
}
#products main.oil .main_inner .sec02 .ttl{
    background-image: url(../../products/oil/img/tti_bg02.png);
    background-size: cover;
    margin-top: 60px;
    margin-bottom: 10px;
}
#products main.oil .main_inner .sec03 .ttl{
    background-image: url(../../products/oil/img/tti_bg03.png);
    background-size: cover;
    margin-top: 60px;
    margin-bottom: 10px;
}
#products main.oil .main_inner .sec04 .ttl{
    background-image: url(../../products/oil/img/tti_bg04.png);
    background-size: cover;
    margin-top: 60px;
}
#products main.oil .main_inner .ttl_1{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 40px;
}
#products main.oil .main_inner .sec ul li.ttl_1 a{
    padding-left: 20px;
    position: relative;
}
#products main.oil .main_inner .sec ul li.ttl_1 a:before{
    content: "";
    background-image: url(../../products/oil/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 3px;
    left: 0;
}
#products main.oil .main_inner .sec ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#products main.oil .main_inner .sec01 ul li{
    width: 252px;
}
#products main.oil .main_inner .sec02 ul li,
#products main.oil .main_inner .sec04 ul li{
    width: 346px;
}
#products main.oil .main_inner .sec03 ul li{
    width: 535px;
}
/*en*/
#products main.oil .main_inner .ttl a{
    display: block;
    width: 100%;
    height: 100%
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
#products main.oil .main_inner .ttl{
    position: relative;
    width: 100%;
    padding: 40px 0;
    height: auto;
}
#products main.oil .main_inner .ttl h2{
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: 600;
    color:#fff;
    width: 100%;
    text-align: center;
}
#products main.oil .main_inner .sec01 .ttl{
    background-image: url(../../products/oil/img/tti_bg01.png);
    background-size: cover;
    /*margin-bottom: 10px;*/
}
#products main.oil .main_inner .sec02 .ttl{
    background-image: url(../../products/oil/img/tti_bg02.png);
    background-size: cover;
    margin-top: 30px;
    margin-bottom: 10px;
}
#products main.oil .main_inner .sec03 .ttl{
    background-image: url(../../products/oil/img/tti_bg03.png);
    background-size: cover;
    margin-top: 60px;
    margin-bottom: 10px;
}
#products main.oil .main_inner .sec04 .ttl{
    background-image: url(../../products/oil/img/tti_bg04.png);
    background-size: cover;
    margin-top: 50px;
}
#products main.oil .main_inner .ttl_1{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 20px;
}
#products main.oil .main_inner .sec ul li.ttl_1 a{
    padding-left: 20px;
    position: relative;
}
#products main.oil .main_inner .sec ul li.ttl_1 a:before{
    content: "";
    background-image: url(../../products/oil/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 3px;
    left: 0;
}
#products main.oil .main_inner .sec ul{
    display: block;
}
#products main.oil .main_inner .sec01 ul li{
    width: 100%;
}
#products main.oil .main_inner .sec02 ul li,
#products main.oil .main_inner .sec04 ul li{
    width: 100%;
}
#products main.oil .main_inner .sec03 ul li{
    width: 100%;
}
}/*sp-end*/

/*▼ sterilization---------------------------------------*/
#products main.sterilization .main_inner .sec02 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1100px;
}
#products main.sterilization .main_inner .sec01 .flex li{
    width: 346px;
}
#products main.sterilization .main_inner .sec01 .flex li img{
    width: 100%;
}
#products main.sterilization .main_inner .sec02 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.sterilization .main_inner .sec02 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
}
#products main.sterilization .main_inner .sec02 .flex .btn:nth-child(1),
#products main.sterilization .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 0px;
}
#products main.sterilization .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 120px;
    background-size: cover;
}
#products main.sterilization .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 2rem;
    position: absolute;
    top: 27%;
    left: 20px;
    color: #272727;
    font-weight: 600;
}
#products main.sterilization .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
    display: block;
}
#products main.sterilization .main_inner .sec02 .flex .btn .img_area h3 span.link{
    color: #0058a4;
    font-weight: normal;
    font-size: 1.3rem;
}
#products main.sterilization .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
}
#products main.sterilization .main_inner .sec01 img{
    margin: 0 auto;
    display: block;
}
#products main.sterilization .main_inner .sec02 .btn1 .img_area{
    background-image: url(../../products/sterilization/img/btn_bg01.png);
}
#products main.sterilization .main_inner .sec02 .btn2 .img_area{
    background-image: url(../../products/sterilization/img/btn_bg02.png);
}
#products main.sterilization .main_inner .sec02 .btn3 .img_area{
    background-image: url(../../products/sterilization/img/btn_bg03.png);
}
#products main.sterilization .main_inner .sec02 .btn4 .img_area{
    background-image: url(../../products/sterilization/img/btn_bg04.png);
}
#products main.sterilization .main_inner .sec02 .btn5 .img_area{
    background-image: url(../../products/sterilization/img/btn_bg05.png);
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.sterilization .main_inner .sec02 .flex{
    display: block;
    flex-wrap: none;
    justify-content: none;
    width: 100%;
    }
    #products main.sterilization .main_inner .sec01 .flex li{
    width: 100%;
    margin-top: 30px;
    }
   #products main.sterilization .main_inner .sec01 img{
    width: 100%;
    display: block;
    margin: 0 auto;
    }
   #products main.sterilization .main_inner .sec01 .flex li:nth-child(1){
    margin-top: 0px;
    }
    #products main.sterilization .main_inner .sec01 .flex li img{
    width: 100%;
    }
   #products main.sterilization .main_inner .sec02 .flex .btn{
    width: 100%;
    margin-top: 30px;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn a{
    width: 100%;
    height: 100%;
    display: block;
    }
   #products main.sterilization .main_inner .sec02 .flex .btn:nth-child(1){
        margin-top: 0px;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn:nth-child(2){
    margin-top: 30px;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 110px;
    background-size: cover;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn .img_area h3{
    font-size: 2rem;
    position: absolute;
    top: 24%;
    left: 20px;
    color: #272727;
    font-weight: 600;
        text-align: left;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
    }
    #products main.sterilization .main_inner .sec02 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
    }
}/*/spend*/

/*▼ Living Environmental Catalyst---------------------------------------*/
#products main.lineup .main_inner .sec01 .flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1100px;
    margin-top: 50px;
}
#products main.lineup .main_inner .sec01 .flex li{
    width: 346px;
}
#products main.lineup .main_inner .sec01 .flex li img{
    width: 100%;
}
#products main.lineup .main_inner .sec01 .flex .btn{
    width: 535px;
    margin-top: 60px;
}
#products main.lineup .main_inner .sec01 .flex .btn a{
   width: 100%;
    height: 100%;
    display: block;
}
#products main.lineup .main_inner .sec01 .flex .btn:nth-child(1),
#products main.lineup .main_inner .sec01 .flex .btn:nth-child(2){
    margin-top: 0px;
}
#products main.lineup .main_inner .sec01 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 120px;
    background-size: cover;
}
#products main.lineup .main_inner .sec01 h3.sec_ttl{
    margin-top: 60px;
    margin-bottom: 20px;
}
#products main.lineup .main_inner .sec01 .flex .btn .img_area h3{
    font-size: 2rem;
    position: absolute;
    top: 38%;
    left: 20px;
    color: #272727;
    font-weight: 600;
    margin: 0;
    border: none;
}
#products main.lineup .main_inner .sec01 .flex .btn .img_area h3 span{
    font-size: 1.8rem;
    display: block;
}
#products main.lineup .main_inner .sec01 .flex .btn .img_area h3 span.link{
    color: #0058a4;
    font-weight: normal;
    font-size: 1.3rem;
}
#products main.lineup .main_inner .sec01 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
}
#products main.lineup .main_inner .sec01 img{
    margin: 0 auto;
    display: block;
}
#products main.lineup .main_inner .sec01 .btn1 .img_area{
    background-image: url(../../../cn/products/indoor-air-quality-control/img/btn01.png);
}
#products main.lineup .main_inner .sec01 .btn2 .img_area{
    background-image: url(../../../cn/products/indoor-air-quality-control/img/btn02.png);
}
#products main.lineup .main_inner .sec01 .btn3 .img_area{
    background-image: url(../../../cn/products/indoor-air-quality-control/img/btn03.png);
}
#products main.lineup .main_inner .sec01 .btn4 .img_area{
    background-image: url(../../../cn/products/indoor-air-quality-control/img/btn04.png);
}
#products main.lineup .main_inner .sec01 .btn5 .img_area{
    background-image: url(../../../cn/products/indoor-air-quality-control/img/btn05.png);
}
#products main.lineup .main_inner .sec02 table .ttl_1,
#products main.lineup .main_inner .sec02 table .ttl_2{
    /*width: 272px;*/
    background-color: #0058a6;
    color:#fff;
    font-weight: 600;
}
#products main.lineup .main_inner .sec02 img{
    margin: 0 auto;
    display: block;
}
#products main.lineup .main_inner .sec02 table{
    margin: 50px auto 0;
}
#products main.lineup .main_inner .sec02 table .ttl_s{
    width: 100px;
    box-sizing: border-box;
    padding: 10px 0px;
    background-color: #b8cfe3;
        line-height: 1.5;
}
#products main.lineup .main_inner .sec02 table .ttl_s a{
   text-decoration: underline;
}
#products main.lineup .main_inner .sec02 table .check{
    color:#5f89ae;
    text-align: center;
}
#products main.lineup .main_inner a{
    text-decoration: none;
    color: #000;
}
body main .main_inner .contact ul li:before{
    display: none;
}
/*▼SP-----------*/
@media only screen and (max-width: 767px){
    #products main.lineup .main_inner .sec01 .flex{
    display: block;
    flex-wrap: none;
    justify-content: none;
    width: 100%;

    }
    #products main.lineup .main_inner .sec02 img{
    margin: 0 auto;
    display: block;
        width: 100%;
}
    #products main.lineup .main_inner .sec01 .flex li{
    width: 100%;
    margin-top: 30px;
    }
   #products main.lineup .main_inner .sec01 img{
    width: 100%;
    display: block;
    margin: 0 auto;
    }
   #products main.lineup .main_inner .sec01 .flex li:nth-child(1){
    margin-top: 0px;
    }
    #products main.lineup .main_inner .sec01 .flex li img{
    width: 100%;
    }
   #products main.lineup .main_inner .sec01 .flex .btn{
    width: 100%;
    margin-top: 30px;
    }
    #products main.lineup .main_inner .sec01 .flex .btn a{
    width: 100%;
    height: 100%;
    display: block;
    }
   #products main.lineup .main_inner .sec01 .flex .btn:nth-child(1){
        margin-top: 0px;
    }
    #products main.lineup .main_inner .sec01 .flex .btn:nth-child(2){
    margin-top: 30px;
    }
    #products main.lineup .main_inner .sec01 .flex .btn .img_area{
    width: 100%;
    position: relative;
    height: 110px;
    background-size: cover;
    }
    #products main.lineup .main_inner .sec01 .flex .btn .img_area h3{
    font-size: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #272727;
    font-weight: 600;
        text-align: left;
        width: 100%;
        margin-left: 10px;
    }
    #products main.lineup .main_inner .sec01 .flex .btn .img_area h3 span{
    font-size: 1.6rem;
    }
   #products main.lineup .main_inner .sec01 .flex .btn p{
    margin-top: 10px;
    line-height: 1.5;
    }
    #products main.lineup .main_inner .sec02 .scroll table{
    width:800px;
    }
    #products main.lineup .main_inner .sec02 .scroll{
    overflow: auto;　　　　/*tableをスクロールさせる*/
    white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
    }
    #products main.lineup .main_inner .sec02 .scroll:-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
    height: 5px;
    }
    #products main.lineup .main_inner .sec02 .scroll:-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
    background: #F1F1F1;
    }
    #products main.lineup .main_inner .sec02 .scroll:-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
    background: #BCBCBC;
    }
    #products main.lineup .main_inner table td{
        padding: 5px;
    }
    #products main.lineup .main_inner table.table001 td{
        padding: 15px 10px;
    }

}/*/spend*/


/*▼200917追記*/
#products main.oxidation-catalyst-for-indoor-applications img{
    float: none!important;
}
#products main .main_inner a:last-child{
    margin-top: 20px;
}
#products main.index .main_inner a:last-child{
    margin-top: 0px;
}
#products main.low-temperature-catalyst .main_inner .p_ov p{
    display: contents;
}
#products main.ozone-destruction-catalyst-for-indoor-applications .main_inner .float_left{
    float: right;
        margin-left: 10px;
}
#products main.ozone-destruction-catalyst-for-indoor-applications .main_inner .float_left img{
    display: inline-block;
}
/*--------------------------------------------------
enzymefilter 200819
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#enzymefilter main.index .mv{
    background-image: url(../../common/img/products_mv_bg.png);
    background-size: cover;
    padding: 80px 0;
}
#enzymefilter main .main_inner h2{
    color:#0058a6;
    font-size: 2.8rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
}
#enzymefilter main .main_inner .sec01 h2,
#enzymefilter main .main_inner .sec02,
#enzymefilter main .main_inner .sec03{
    margin-top:60px;
}
#enzymefilter main .main_inner .sec01 h2,
#enzymefilter main .main_inner .sec02 h2{margin-bottom: 30px;}
#enzymefilter main .main_inner .sec01 .box_flex li.img_area img{
    display: block;
    margin: 0 auto;
}
#enzymefilter main .main_inner .sec02 ul.btn{
    display: flex;
    width: 1100px;
    flex-wrap: wrap;
    justify-content: space-between;
}
#enzymefilter main .main_inner .sec02 ul.btn li{
    width: 535px;
    box-sizing: border-box;
    margin-top: 30px;
}
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(1),
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(2){
    margin-top: 0px;
}
#enzymefilter main .main_inner .sec02 ul.btn li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    border: 3px solid #64b8ec;
    font-weight: 600;
}
#enzymefilter main .main_inner .sec02 ul.btn2{
    margin-top: 30px;
}
/*▼btn1*/
#enzymefilter main .main_inner .sec02 ul.btn1 li a{
    position: relative;
}
#enzymefilter main .main_inner .sec02 ul.btn1 li a:after{
    content: "";
    width: 11px;
    height: 20px;
    background-image: url(../../../cn/products/enzyme-filter/img/arrow_1.png);
    position: absolute;
    top: 40%;
    right: 20px;
}
#enzymefilter main .main_inner li:before{
    display: none;
}

/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    /*▼ index---------------------------------------*/
    #enzymefilter main.index .mv{
    background-image: url(../../common/img/products_mv_bg.png);

}
#enzymefilter main .main_inner h2{
    color:#0058a6;
    font-size: 2.0rem;
    border-bottom: 1px solid #0058a6;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
#enzymefilter main .main_inner .sec01 h2,
#enzymefilter main .main_inner .sec02,
#enzymefilter main .main_inner .sec03{
    margin-top:30px;
}
#enzymefilter main .main_inner .sec01 .box_flex{
    display: block;
    width: 100%;
    justify-content:none;
    flex-wrap: none;
}
    #enzymefilter main .main_inner .sec01 .box_flex li.video{
    width: 100%;
}
#enzymefilter main .main_inner .sec01 .box_flex li.video iframe{
    width: 100%;
    display: block;
    margin: 20px auto 0;
}
    #enzymefilter main .main_inner .sec01 .box_flex .img_area img{
    display: block;
    width: 100%;
    margin: 0 auto;
}
#enzymefilter main .main_inner .sec01 .box_flex .img_area
#enzymefilter main .main_inner .sec01 .box_flex li.txt{
    text-align: center;
    margin: 30px auto 0;
}
#enzymefilter main .main_inner .sec01 .box_flex .img_area
#enzymefilter main .main_inner .sec02 ul.btn{
    display: block;
    width: 100%;
    flex-wrap: none;
    justify-content: none;
}
#enzymefilter main .main_inner .sec02 ul.btn{
    display: block;
    width: 100%;
}
#enzymefilter main .main_inner .sec02 ul.btn li{
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
}
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(1),
#enzymefilter main .main_inner .sec02 ul.btn li:nth-child(2){
    margin-top: 15px;
}
#enzymefilter main .main_inner .sec02 ul.btn li a{
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px 20px;
    font-weight: 600;
}
#enzymefilter main .main_inner .sec02 ul.btn2{
    margin-top: 30px;
}
/*▼btn1*/
#enzymefilter main .main_inner .sec02 ul.btn1 li a{
}
#enzymefilter main .main_inner .sec02 ul.btn1 li a:after{
}

/*▼btn2*/
#enzymefilter main .main_inner .sec02 ul.btn2 li a{
    background: #64b8ec;
    color:#fff;
    position: relative;
}

/*sec03*/
#enzymefilter main .main_inner .sec03 ul.flex{
    display: block;
    justify-content: space-between;
    width: 100%;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn01,
#enzymefilter main .main_inner .sec03 ul.flex li.btn02{
        width: 100%;
    position: relative;
    /*height: 100px;*/
    box-sizing: border-box;
  /*  border: 3px solid #0058a6;*/
}
    #enzymefilter main .main_inner .sec03 ul.flex li.btn02{
        margin-top: 15px;
    }
#enzymefilter main .main_inner .sec03 ul.flex li.btn01:before{
    content: "";
    width: 65px;
    height: 65px;
    background-image: url(../../../enzymefilter/img/img_02_icon.png);
    position: absolute;
    top: 0;
    left: 0;
        z-index: -1;
}
#enzymefilter main .main_inner .sec03 ul.flex li.btn02:before{
    content: "";
    width: 65px;
    height: 65px;
    background-image: url(../../enzymefilter/img/img_03_icon.png);
    position: absolute;
    top: 0;
    left: 0;
        z-index: -1;
}
#enzymefilter main .main_inner .sec03 ul.flex li a{
    /*border: 3px solid #0058a6;*/
    padding:0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-weight: 600;
    padding: 20px 0 20px 75px;
}
    #enzymefilter main .main_inner .sec02 ul.btn{
        width: 100%;
    }
}/*/SP_end*/


/*--------------------------------------------------
applications
----------------------------------------------------*/
/*▼ index---------------------------------------*/
#performance-list main .mv{
    background-image: url(../../common/img/performance-list_mv_bg.png);
    background-size: cover;
}
#performance-list main .main_inner .ttl{
    position: relative;
    width: 1100px;
    height: 160px;
}
#performance-list main .main_inner .ttl h2{
    position: absolute;
    top: 36%;
    left: 30px;
    font-size: 2.8rem;
    font-weight: 600;
    color:#fff;
    border: none;
}
#performance-list main .main_inner .sec01 .ttl{
    background-image: url(../../applications/img/ttl_img01.png);
    background-size: cover;
}
#performance-list main .main_inner .sec02 .ttl{
    background-image: url(../../applications/img/ttl_img02.png);
    background-size: cover;
    margin-top: 60px;
}
#performance-list main .main_inner .sec03 .ttl{
    background-image: url(../../applications/img/ttl_img03.png);
    background-size: cover;
    margin-top: 60px;
}
#performance-list main .main_inner .ttl_1{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 40px;
}
#performance-list main .main_inner .sec ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#performance-list main .main_inner .sec ul il.block{
    margin-top: 40px;
}
#performance-list main .main_inner .sec02 ul li.block{
    margin-top: 40px;
}
#performance-list main .main_inner .sec ul li{
    width: 260px;
}
#performance-list main .main_inner .sec ul li.ttl_1{
    padding-left: 20px;
    position: relative;
}
#performance-list main .main_inner .sec ul li.ttl_1:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0;
    background-color: #fff;
}
#performance-list main .main_inner .sec02 ul li a.ttl_1{
    padding-left: 20px;
    position: relative;
}
#performance-list main .main_inner .sec02 ul li a.ttl_1:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 2px;
    left: 0;
}
#performance-list main .main_inner .sec02 ul li>ul>li a{
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #b5bec3;
    display: block;
   padding: 6px 0 6px 40px;
}
#performance-list main .main_inner .sec02 ul li>ul>li a:before{
    content: "";
    background-image: url(../../applications/img/arrow_s.png);
    width:6px ;
    height:10px ;
    position: absolute;
    top: 15px;
    left: 20px;
}
#performance-list main .main_inner .sec02 ul li{
    width: 346px;
    /*margin-top: 20px;*/
}
/*#performance-list main .main_inner .sec02 ul li a{
    font-size: 1.6rem;
}*/
#performance-list main .main_inner .sec03 ul li{
    width: 530px;
    /*margin-top: 20px;*/
}
#performance-list main .main_inner .sec ul>li>ul{
    display: block;
}
#performance-list main .main_inner .sec02 li.ozon a.ttl_1{
    margin-top: 0px;
    padding: 0 0 0 20px;
    border: none;
}
#performance-list main .main_inner .sec02 li.cure{
    margin-top: 15px;
}
#performance-list main .main_inner .sec02 li.cure a.ttl_1{
    margin-top: 0px;
    padding: 0 0 0 20px;
    border: none;
}
#performance-list main .main_inner .sec ul li a.ttl_1_Phenol:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 11px;
    left: 0;
}
#performance-list main.index .main_inner .sec02 li:before{
    display: none;
}

#performance-list main .main_inner img{/*200917*/
    max-width: 100%;
    display: block;
    margin: 10px auto;
    height: auto;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    /*▼ index---------------------------------------*/
    #performance-list main .mv{
    background-image: url(../../common/img/performance-list_mv_bg.png);
    background-size: cover;
    }
    #performance-list main .main_inner .ttl{
    position: relative;
    width: 100%;
    padding: 40px 0;
        height: auto;
    }
    #performance-list main .main_inner .ttl h2{
    position: absolute;
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: 600;
    color:#fff;
        width: 100%;
        text-align: center;
    }
    #performance-list main .main_inner .sec01 .ttl{
    background-image: url(../../applications/img/ttl_img01.png);
    background-size: cover;
    }
    #performance-list main .main_inner .sec02 .ttl{
    background-image: url(../../applications/img/ttl_img02.png);
    background-size: cover;
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec03 .ttl{
    background-image: url(../../applications/img/ttl_img03.png);
    background-size: cover;
    margin-top: 30px;
    }
    #performance-list main .main_inner .ttl_1{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 20px;
    }
    #performance-list main .main_inner .sec ul{
    display: block;
    justify-content: none;
    flex-wrap: none;
    }
    #performance-list main .main_inner .sec ul il.block{
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec02 ul li.block{
    margin-top: 30px;
    }
    #performance-list main .main_inner .sec ul li{
    width: 100%;
    }
    #performance-list main .main_inner .sec ul li.ttl_1{
    padding-left: 20px;
    position: relative;
    }
    #performance-list main .main_inner .sec ul li.ttl_1:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 7px;
    left: 0;
    }
    #performance-list main .main_inner .sec02 ul li a.ttl_1{
    padding-left: 20px;
    position: relative;
    }
    #performance-list main .main_inner .sec02 ul li a.ttl_1:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 2px;
    left: 0;
    }
    #performance-list main .main_inner .sec02 ul li>ul>li a{
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #b5bec3;
    display: block;
    padding: 6px 0 6px 40px;
    }
    #performance-list main .main_inner .sec02 ul li>ul>li a:before{
    content: "";
    background-image: url(../../applications/img/arrow_s.png);
    width:6px ;
    height:10px ;
    position: absolute;
    top: 15px;
    left: 20px;
    }
    #performance-list main .main_inner .sec02 ul li{
    width: 100%;
    }
    #performance-list main .main_inner .sec03 ul li{
    width: 100%;
    }
    #performance-list main .main_inner .sec ul>li>ul{
    display: block;
    }
    #performance-list main .main_inner .sec02 li.ozon a.ttl_1{
    margin-top: 0px;
    padding: 0 0 0 20px;
    border: none;
    }
    #performance-list main .main_inner .sec02 li.cure{
    margin-top: 15px;
    }
    #performance-list main .main_inner .sec02 li.cure a.ttl_1{
    margin-top: 0px;
    padding: 0 0 0 20px;
    border: none;
    }
    #performance-list main .main_inner .sec ul li a.ttl_1_Phenol:before{
    content: "";
    background-image: url(../../applications/img/arrow_m.png);
    width:9px ;
    height:16px ;
    position: absolute;
    top: 11px;
    left: 0;
}
}/*/SP_end*/


/*--------------------------------------------------
rd
----------------------------------------------------*/
#rd main .main_inner .sec01 ul.box_flex{
    display: flex;
    width: 1100px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}
#rd main .main_inner .sec01 ul.box_flex li{
    width: 535px;
    margin-top: 60px;
}
#rd main .main_inner .sec01 ul.box_flex li:nth-child(1),
#rd main .main_inner .sec01 ul.box_flex li:nth-child(2){
    margin-top: 0;
}
#rd main .main_inner .sec01 ul.box_flex li p{
    margin-top: 30px;
}
#rd main .main_inner .sec01 ul.box_flex li img{
    width: 100%;
}
#rd main .main_inner .sec01 ul.box_flex li h2{
    background: #0058a4;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 0;
}
#rd main .main_inner .sec01 ul.box_flex .link{
    text-decoration: underline;
    color:#0058a4;
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
}
#rd main .main_inner li:before{
    display: none;
}
/*▼SP---------------------------*/
@media only screen and (max-width: 767px){
    #rd main .main_inner .sec01{
        margin-top: 25px;
    }
    #rd main .main_inner .sec01 ul.box_flex{
    display: block;
    width: 100%;
}
#rd main .main_inner .sec01 ul.box_flex li{
    width: 100%;
    margin-top: 30px;
}
#rd main .main_inner .sec01 ul.box_flex li:nth-child(1){
    margin-top: 0px;
}
#rd main .main_inner .sec01 ul.box_flex li:nth-child(2){
    margin-top: 30px;
}
#rd main .main_inner .sec01 ul.box_flex li p{
    margin-top: 10px;
}
#rd main .main_inner .sec01 ul.box_flex li img{
    width: 100%;
}
#rd main .main_inner .sec01 ul.box_flex li h2{
    background: #0058a4;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
}
#rd main .main_inner .sec03{
    margin-top: 30px;
}
#rd main .main_inner .sec04{
    margin-top: 30px;
}
#rd main .main_inner .sec03 h3,
#rd main .main_inner .sec04 h3{
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
}
#rd main .main_inner .sec03 h3:after,
#rd main .main_inner .sec04 h3:after{
    content: "";
    width: 2px;
    height: 20px;
    background: #0058a4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin-top: 48px;
}
#rd main .main_inner .sec03 table,
#rd main .main_inner .sec04 table{
    margin-top: 45px;
    border: 2px solid #9b9999;
    font-size: 1.5rem;
    box-sizing: border-box;
    table-layout: fixed;
    width: 100%;
}
#rd main .main_inner .sec03 table tr,
#rd main .main_inner .sec04 table tr{
    border-bottom: 1px solid #9b9999;
    width: 100%;
}
#rd main .main_inner .sec03 table td,
#rd main .main_inner .sec04 table td{
    padding: 15px 10px;
    width: 100%;
    display: block;
    box-sizing: border-box;
}
#rd main .main_inner .sec03 table td.right,
#rd main .main_inner .sec04 table td.right{
    width: 170px;
    border-left: 0px solid #9b9999;
    border-top: 1px solid #9b9999;
    font-weight: bold;
    width: 100%;
}
#rd main .main_inner .sec03 table td.left,
#rd main .main_inner .sec04 table td.left{
    width: 929px;
    width: 100%;
}
}/*/SP_end*/


/*--------------------------------------------------
recruit 200821
----------------------------------------------------*/
#recruit main .main_inner table {
    margin-bottom: 40px;
}
#recruit main .main_inner table th{
    width: 150px;

}

/*layoutflex*/
.layoutflex,
ul.layoutflex{ margin:0 auto; display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutflex li{list-style-type:none; box-sizing:border-box;}
.layoutflex li:before,
body main .main_inner ul.layoutflex li:before{display:none;}
.layoutflex.centered{justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}
.layoutflex .contLeft002,
.layoutflex .contRight002{width:49%; margin-right:2%; margin-bottom:1em;}
.layoutflex .contRight002{margin-right:0;}
#products main.guidedwave .main_inner .layoutflex .contLeft001,
#products main.guidedwave .main_inner .layoutflex .contRight001{width:49%;}

/* column
------------------------------ */
.layoutflex.col2,
.layoutflex.col3,
.layoutflex.col4,
.layoutflex.col5,
.layoutflex.col6,
.layoutflex.col7,
.layoutflex.col8{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;}
.layoutflex.col2 > *{width:49%;}
.layoutflex.col3 > *{width:32%;}
.layoutflex.col4 > *{width:23.5%;}
.layoutflex.col5 > *{width:18.4%;}
.layoutflex.col6 > *{width:15%;}
.layoutflex.col7 > *{width:12.57%;}
.layoutflex.col8 > *{width:10.75%;}
.layoutflex.col2 > *,
.layoutflex.col3 > *,
.layoutflex.col4 > *,
.layoutflex.col5 > *,
.layoutflex.col6 > *,
.layoutflex.col7 > *,
.layoutflex.col8 > *{float:none;margin-right:2%;margin-bottom:1rem;}
.layoutflex.col2 > *:nth-child(2n),
.layoutflex.col3 > *:nth-child(3n),
.layoutflex.col4 > *:nth-child(4n),
.layoutflex.col5 > *:nth-child(5n),
.layoutflex.col6 > *:nth-child(6n),
.layoutflex.col7 > *:nth-child(7n),
.layoutflex.col8 > *:nth-child(8n){margin-right:0;}

@media only screen and (max-width: 767px){
.layoutflex,
ul.layoutflex{display:block;}
.layoutflex.col2 > *,
.layoutflex.col3 > *,
.layoutflex.col4 > *,
.layoutflex.col5 > *,
.layoutflex.col6 > *,
.layoutflex.col7 > *,
.layoutflex.col8 > *{width:100%; margin-right:0;margin-bottom:1rem;}

.layoutflex .contLeft002,
.layoutflex .contRight002{width:100%;margin-right:0;}
#products main.guidedwave .main_inner .layoutflex .contLeft001,
#products main.guidedwave .main_inner .layoutflex .contRight001{width:100%;margin-right:0;}
}







/*--------------------------------------------------
230824追記
--------------------------------------------------*/
/*product トップのテキスト画像エリア---------------------*/
.top_img_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}
.top_img_flex .p_start{
	width: 760px;
}
.top_img_flex img{
	margin: 0!important;
}
main.comparison table td{
	vertical-align: middle;
	text-align: center;
}
.table_center td{
	vertical-align: middle;
	text-align: center;
}
body main .main_inner table.t_w800{
	width: 800px!important;
}
span.caption{
	    font-size: 1.6rem;
    display: block;
    text-align: center;
    font-weight: 600;
}
.p_page_flex{
	    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 40px;
    clear: both;
    align-items: flex-start;
}
.p_cl3_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mt40 {
    margin-top: 40px!important;
}
.p_page_flex table, .p_page_flex .img{
	    width: 50%!important;
}
.p_page_flex .img img{
	    height: auto;
}
#products main.voc .main_inner .btn_flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
}
#products main.voc .main_inner .btn_flex div{
	width: 535px;
	position: relative;
	/* height: 100px; */
	box-sizing: border-box;
	margin-bottom: 20px;
}
#products main.voc .main_inner .btn_flex div a{
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 30px 20px;
	background: #64b8ec;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	margin: 0;
}
#products main.voc .main_inner .btn_flex div a:after{
	content: "";
	width: 11px;
	height: 20px;
	background-image: url(../../products/environmental-catalyst-exhaust-gas-treatment/voc-treatment/img/arrow_2.png);
	position: absolute;
	top: 40%;
	right: 20px;
}
.w50{
	width: 50%!important;
}
table.center{
	text-align: center;
}
.p_page_flex_c{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    clear: both;
    align-items: flex-start;
}
#products h5 {
    font-weight: 600;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
	margin-top: 10px;
}
@media only screen and (max-width: 767px){
	.top_img_flex{
		flex-direction: column-reverse;
	}
	.top_img_flex .p_start{
		width: 100%;
	}
	.top_img_flex img{
		margin-bottom: 20px!important;
	}
	.scroll_table_area .scroll{
		width: 100%;
		overflow: scroll;
	}
	.scroll_table_area p.sp{
		font-size: 1.2rem;
		color: red;
	}
	body main .main_inner .scroll_table_area .scroll table{
		width: 900px!important;
	}
	body main .main_inner table.t_w800{
		width: 100%!important;
	}
	.p_page_flex {
    display: block;
    margin-top: 10%;
}
	.p_cl3_box {
    display: block;
}
	.mt40 {
    margin-top: 5%!important;
}
	.p_page_flex table, .p_page_flex .img{
		width: 100%!important;
	}
	#products main.voc .main_inner .btn_flex{
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 20px;
	}
	#products main.voc .main_inner .btn_flex div{
		width: 100%;
		position: relative;
		/* height: 100px; */
		box-sizing: border-box;
	}
	#products main.voc .main_inner .btn_flex div a{
		display: block;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		padding: 30px 20px;
		background: #64b8ec;
		font-weight: 600;
		color: #fff;
		text-decoration: none;
	}
	.w50{
		width:100%!important;
	}
	.p_page_flex_c {
    display: block;
}
}